워드프레스 글목록에 나오는 요약글(Read more) 글자수를 줄여보자!
워드프레스 개별 게시물이 아니라 홈 메인화면으로 들어오면 글목록이 한 페이지에 여러개 나온다.
현재 내가 사용하고 있는 워드프레스 테마는 GeneratePress 무료버전인데, 전체 글 목록이나 카테고리를 선택해서 나오는 글 목록들을 보면 위에 사진이 크게 나오고 아래에 본문글의 발췌 요약이 들어가있다.
발췌 요약 부분의 글자수가 생각보다 길어서 글자수를 줄여보기로 했다.
워드프레스 글목록에 표시되는 요약글 글자수 줄이기
현재 내가 사용하고 있는 테마는 GeneratePress 이지만, 내가 설명하려는 방법은 워드프레스 테마 종류랑은 상관없이 사용할 수 있다.
더보기 글자수 줄이는 방법(예시)
위와 같이 더보기(Read more) 화면에 나오는 글자수를 줄일 수 있다.
오른쪽 사진이 글자수 줄인 사진인데, 사실 저것보다 더 요약해서 줄일 수 있지만 본문의 핵심내용이 맨 윗줄이 아니라 두번째 문단에 있어서 그부분까지 나오게 하느라고 조금 덜 줄어든 모습이다.
원한다면 한 줄만 나오게도 할 수 있고, 몇 단어만 나오게도 할 수 있다.
글쓰기 편집창에서 블록 사용해서 요약글 줄이기
CSS를 건드리는 것도 아니고 html을 사용하는 것도 아니다.
워드프레스 글쓰기 편집기에 있는 ‘블록’기능을 사용해서 요약글을 줄일 수 있다.
- 글쓰기 중에 요약글로 나타나게 하고 싶은 부분 바로 다음에 엔터를 쳐서 블록을 나눈다.
- 블록 삽입기를 클릭해서 <더보기> 블록을 삽입한다.
<더보기> 블록 활용하기
더보기 블록에 대한 설명을 보면
이 블록 앞에 있는 콘텐츠는 아카이브 페이지에서 요약문으로 표시됩니다.
라고 적혀있다.
더보기 기능이 네이버에서 사용하던 접기/펼치기 기능으로 본문 내 글을 숨겼다 보였다 하는 기능인 줄 알았는데, 워드프레스에서는 좀 다른 의미의 기능이었다.
더보기 블록이 적용된 바로 윗부분 까지만 글목록에 요약글로 나온다.
왼쪽은 모바일 화면에서 원래 나오던 요약문 길이이다.
오른쪽은 내가 원하는 곳에서 ‘더보기 블록’을 삽입해서 줄인 모습니다.
단점이라면,
글을 쓸 때마다 요약글을 줄이고 싶으면 더보기 블록을 사용해야 한다는 것이다.
그렇지만 이 방법은 CSS나 HTML , function.php 파일을 건드리지 않고도 수정할 수 있다는 장점(?)이 있다.
나같은 컴맹이 괜히 이것저것 css 건드렸다가 코드 꼬여서 망하느니 최대한 수작업으로 포스팅 해보려고 한다.
참고로 GeneratePress 유료테마의 경우에는 요약글 글자수를 조절하는 기능이 있다고 한다.
무료테마 쓰다보면 이 기능 저 기능.. 괜찮은 기능은 다 유료테마에만 있어서 유료테마를 결제하고 싶게 만든다. ㅎㅎ