WordPress 블로그에서 **excerpt(발췌)**를 2줄만 보이게 설정하려면 CSS를 활용한 시각적 제한 방식이 가장 간단합니다. 다음은 Astra 테마와 같은 일반적인 테마에서 적용할 수 있는 방법입니다.
✅ 방법: CSS로 excerpt 줄 수 제한하기
1. 워드프레스 관리자 화면 > “외모 > 사용자 정의(Customize)” > “추가 CSS” 에 아래 코드를 붙여 넣으세요.
css복사편집.entry-summary {
display: -webkit-box;
-webkit-line-clamp: 2; /* 보이게 할 줄 수 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
💡 설명:
.entry-summary는 대부분의 테마에서 발췌(요약) 내용을 감싸는 CSS 클래스입니다.-webkit-line-clamp: 2는 두 줄까지만 표시하고 그 뒤는...으로 생략합니다.- 만약 테마마다 클래스명이 다를 수 있으므로 브라우저의 **검사 도구(F12)**로 해당 부분의 클래스를 확인하세요.
🧪 테스트 예시:
예를 들어 Blog for curiosity 사이트에서는 글 목록의 excerpt 영역이 .entry-summary나 .post-content, 또는 .post-excerpt 등의 클래스일 수 있으므로 개발자 도구로 해당 요소를 확인한 뒤, 위 코드에서 클래스명을 조정하면 됩니다.