워드프레스에서 메인/카테고리 페이지의 개별 글은 썸네일과 요약 글(excerpt)이 보이게 설정되어 있다. 요약글은 본문 첫 문단 내용을 보여주는데 글자 수가 설정 글자보다 많으면 ‘…Read more’ 더 보기 버튼(문자) 클릭 후 해당 글 페이지로 이동할 수 있다.
만약 요약 글마다 ‘더 보기’ 버튼을 보이지 않게 하려면 설정을 하면 되는데 방법은 어렵지 않다. (숨겨진 버튼을 보이게 하는 경우도 참고하자)
1. Element 사용할 때
GeneratePress 테마의 Element를 통해 글 목록 페이지를 지정한 경우, 해당 Element에서 설정을 진행해야 한다.
먼저 대시보드 디자인 – Element – 글 목록을 연 다음, Query Loop의 Post excerpt 블록을 선택하면 된다.
이후 화면 오른쪽 Block 요소 – Dynamic Date를 보면 ‘Use default more link’ 버튼이 활성화 되어 있는데 이걸 끄면 ‘더 보기’ 버튼이 사라진다. (화면 위 저장 버튼 클릭)
혹은 버튼은 그대로 두고 CSS 코드를 추가해서 감추는 것도 가능한데 대시보드 디자인 – Customize – Additional CSS로 이동하자.
설정 창이 나오면 빈 곳 아무 곳에 위 코드를 넣으면 바로 적용된다.
글 목록을 확인하면 … 뒤에 있는 ‘더 보기’ 문구가 사라진 것을 볼 수 있다. 만약 …도 안 보이게 하려면 아래 경로를 따르면 된다.
Customize 옵션에서 Layout – Blog로 온 다음, Read more label에 있는 문구 전체를 지우면 …을 안 보이게 할 수 있다.
2. Element 사용하지 않을 때
Element 글 목록 페이지를 사용하지 않으면 GP 테마 기본 디자인이 적용될 것이다. Customize -Layout – Blog로 온 다음 Read more label을 삭제하면 …과 ‘더 보기’ 문구를 감출 수 있다.
만약 …을 남기려면 위 옵션은 그대로 두고 Additional CSS에서 아래 코드를 추가하면 된다.
a.read-more {
display: none;
}
참고로 ‘더 보기’ 문구를 보이게 할 때, Display read more as button을 클릭하면 위처럼 버튼 디자인을 표시할 수 있다.
