지금 분석해 본 any4u.xyz의 페이지 소스코드와 테마 구조를 기반으로, **excerpt(발췌)**의 길이를 조정하는 방법은 아래와 같습니다:
현재 excerpt 구조 분석
소스코드에서 각 게시물의 발췌는 다음과 같이 표현되어 있습니다:
html복사편집<div class="ast-excerpt-container ast-blog-single-element">
<p>WordPress에서 functions.php는 테마의 기능을 확장하거나 사용자 정의 기능을 추가할 수 있는...</p>
</div>
이로 보아 Astra 테마의 excerpt는 기본적으로 단어 수로 제한되고 있으며, CSS로 시각적으로 줄 수 제한도 가능하게 구성되어 있습니다.
방법 1: CSS로 2줄로 제한 (줄 수 기준, 시각적 제한)
Astra 테마에서 줄 수로 제한하고 싶다면, 아래 코드를 관리자 화면 → “외모 > 사용자 정의 > 추가 CSS”에 추가하세요:
css복사편집.ast-excerpt-container p {
display: -webkit-box;
-webkit-line-clamp: 2; /* 표시할 줄 수 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
이 방식은 화면 사이즈에 따라 반응형으로 줄 수가 유지됩니다.
방법 2: functions.php에서 단어 수 조정
현재 테마(Astra)는 the_excerpt() 함수를 사용하는 것으로 추정됩니다. 따라서 functions.php에 아래 필터를 추가하면 됩니다:
php복사편집function custom_excerpt_length($length) {
return 20; // 원하는 단어 수로 변경
}
add_filter('excerpt_length', 'custom_excerpt_length');
- 이 코드는 단어 수 기준으로 excerpt 길이를 줄입니다.
- 예:
20이면 약 2~3줄에 해당
정리
| 방법 | 기준 | 적용 위치 | 추천도 |
|---|---|---|---|
CSS (-webkit-line-clamp) | 줄 수 | 외모 > 사용자 정의 > 추가 CSS | ⭐⭐⭐⭐ |
PHP (excerpt_length) | 단어 수 | functions.php | ⭐⭐⭐⭐ |
보너스 팁
두 방법을 동시에 적용해도 무방합니다. 예를 들어, 20단어 제한(PHP) + 2줄까지만 보여주기(CSS)를 함께 적용하면 더 깔끔하게 제어할 수 있습니다.