Change Excerpt Font Size in WordPress with CSS

WordPress에서 excerpt(발췌) 부분의 글꼴 크기(font-size)를 조절하려면 아래와 같은 방법을 사용하면 됩니다. 특히 Astra 테마에서는 CSS 클래스를 지정하여 조절할 수 있어요.

---

방법 1: CSS로 excerpt 폰트 크기 변경하기

사용되는 주요 클래스:

• .ast-excerpt-container
• 또는 .entry-summary (테마에 따라 다름)

예시 CSS 코드:

css복사편집.ast-excerpt-container {
  font-size: 16px !important;
  line-height: 1.6;
}

설정 위치:

1. 워드프레스 관리자 → 외모 > 사용자 정의하기
2. “추가 CSS” 메뉴 클릭
3. 위 코드 붙여넣기 후 “게시” 클릭

---

방법 2: 반응형 적용 (모바일 따로 설정)

css복사편집@media (max-width: 768px) {
  .ast-excerpt-container {
    font-size: 14px !important;
  }
}

---

방법 3: 줄 수 제한한 경우 line-height 포함 조절

만약 -webkit-line-clamp 등을 써서 줄 수를 제한하고 있다면 줄 높이도 조절해줘야 예쁘게 정렬됩니다:

css복사편집.ast-excerpt-container {
  font-size: 15px !important;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}