워드프레스를 사용하다 보면 블로그의 첫 화면, 즉 아카이브 페이지에 표시되는 글 목록에서 글의 내용이 너무 길게 보여 불편함을 느끼는 경우가 많습니다. 특히 GeneratePress 테마를 사용할 경우, 글 내용이 길게 나올 때 첫 화면이 복잡해 보일 수 있습니다. 이럴 때 글 제목만 보이도록 설정하면 훨씬 깔끔하고, 사용자가 원하는 글을 쉽게 찾아볼 수 있습니다.
이번 글에서는 GeneratePress 테마를 기준으로, 블로그 첫 페이지에서 글의 본문 내용은 숨기고 제목만 표시하는 방법을 안내해 드립니다.
✅ 방법 1: CSS로 글 내용 숨기기 (무료 사용자 가능)
GeneratePress의 무료 버전을 사용하는 경우에는 사용자 정의 CSS를 이용해 손쉽게 글 내용을 숨길 수 있습니다.
👉 설정 방법
- 워드프레스 관리자 페이지 접속
- 좌측 메뉴에서 모양 > 사용자 정의(Customize) 클릭
- 하단의 추가 CSS(Custom CSS) 메뉴 선택
- 아래 코드를 붙여넣고 저장
css.blog .entry-summary,
.blog .entry-content,
.blog .read-more {
display: none;
}
위 코드를 적용하면 블로그 첫 화면에서는 글 제목만 표시되고, 글 내용 요약, 본문 내용, 더보기 링크 등은 모두 숨겨집니다.
✅ 방법 2: GP Premium 사용자라면 더 간편하게
유료 플러그인인 GP Premium을 사용하는 경우에는 테마 설정 자체에서 글 내용을 간단히 숨길 수 있습니다.
- 외모 > 사용자 정의 > Layout(레이아웃) > Blog(블로그) 메뉴로 이동
- Archives(아카이브) 탭 선택
- Content 옵션을 “None”으로 설정
이 설정만으로 블로그 목록 페이지에서는 제목만 표시되고 나머지 내용은 출력되지 않습니다. 매우 직관적이고 편리합니다.
✅ 추가 팁: 첫 페이지에만 적용하고 싶다면?
첫 화면(Home 페이지)에서만 글 내용을 숨기고, 다른 카테고리나 검색 결과 페이지에서는 내용을 보이게 하고 싶을 수도 있습니다. 이럴 때는 아래와 같이 .home 클래스만을 지정해주면 됩니다.
css.home .entry-summary,
.home .entry-content,
.home .read-more {
display: none;
}
✅ 마무리
블로그 첫 화면에서 너무 많은 내용이 보이면 사용자가 오히려 피로감을 느낄 수 있습니다. 특히 글 수가 많을수록 페이지가 길어지고 가독성이 떨어질 수 있기 때문에, 제목만 깔끔하게 나열하는 방식이 유용합니다. 위의 방법들을 통해 누구나 쉽게 첫 화면을 깔끔하게 구성해보세요.