워드프레스 페이지 기능을 이용하면 공지 사항이나 특정 글 링크 페이지를 만들 수 있어서 유용하다. 만약 GeneratePress 마케터 테마 적용 후, 페이지 글에 등록한 대표 이미지가 중복 되서 나온다면 간단한 설정을 통해 문제를 해결할 수 있다.
워드프레스 블록 에디터에서 화면 오른쪽 ‘Set featured image’ 버튼을 클릭하면 해당 글의 대표 이미지 등록이 완료된다. 대표 이미지는 보통 글을 작성할 때 넣으면, 해당 글 카테고리 전체 글 목록을 볼 때 이미지가 노출된다.
그래서 굳이 페이지에는 featured image를 등록하지 않아도 상관없다. (이미 본문에도 이미지가 있다)
실제 페이지 화면으로 오면 조금 전 등록한 featured image가 화면 위에 크게 나오는 것을 볼 수 있다. 위는 마케터 테마의 예시이지만, 다른 테마도 같은 증상이 나올 수 있는 점은 참고하자.
이미지 중복 문제는 Generatepress 테마 설정에 오면 해결할 수 있다.
워드프레스 대시보드 – Appearance – Customize – Layout – Blog로 온 다음, Pages 선택 후 아래 보이는 Display featured images 박스를 체크 해제 – 화면 위 저장 버튼을 클릭하면 된다.
* Blog에서 위 화면이 안 열릴 때가 있는데, Customize 화면에서 페이지를 열고 다시 시도하면 열릴 것이다. (Customize 화면이 메인 페이지로 되어 있고 카테고리 글 목록이 나온다면 ‘Loop Template Element’이 적용 돼서 안 열림)
추가로 CSS를 활용해도 대표 이미지를 가리거나, 기기 별 다른 설정도 가능하다.
먼저 F12 개발자 창을 열어서 대표 이미지를 검사하면 .size-full 클래스 이름이 나온다. (사용자마다 다를 수 있음) 이후 위처럼 코드를 구성했는데 PC 화면에서는 이미지를 감추고, 태블릿과 모바일에서만 보일 수 있다.
display : none;을 적용하면 해당 기기에서 이미지를 가릴 수 있는데 코드를 복사한 다음 원하는 대로 커스텀하면 된다.
관련 글
GeneratePress 본문 이미지 두 개 나올 때 해결 방법
워드프레스 페이지로 공지사항 만드는 방법 안내
워드프레스 페이지 글 순서 변경하는 방법
익숙해지면 좋은 구텐베르크 블록 에디터 글 쓰는 법 안내
