GP 마케터 테마 글 목록 아카이브 대표 이미지 크기 조절 방법

블로그 아카이브(Archieve : 보관소)는 같은 카테고리나 태그, 저자를 설정한 모든 글 목록을 보여 주는 페이지이다. GeneratePress 마케터 테마를 적용하면 아카이브 글 목록에는 제목과 대표 이미지, 요약 글, 더 보기 버튼이 있을 텐데 이미지 크기에 조금 문제가 있다.


블로그 글마다 넣는 이미지와 사진 크기가 다를 수 있지만, 그렇다고 위처럼 사이즈가 제각각이면 보이는 모습이 좋지 않다.


설정을 위해 워드프레스 대시보드 – Appearance – Elements로 오면 ‘Blog/archive loop template’이 보일 것이다. 해당 메뉴의 Edit 글자를 클릭하면 편집 화면으로 이동할 수 있다.

* Generateblock 플러그인 설치가 필요할 수 있습니다.
GeneratePress GenerateBlock 설치 이유와 방법


화면 왼쪽 위를 보면 Query Loop에 글 목록 요소가 포함되어 있는데 하나씩 펼친 다음, Image를 선택하자.

* 화면에 아무 것도 없으면 세 줄 아이콘 클릭
* 아이콘을 펼칠 때는 아이콘 왼쪽 화살표 클릭


이어서 화면 오른쪽 설정 옵션을 열면(이미지 화살표 아이콘) Block Settings에서 다양한 옵션 조절이 가능하다.

– SIZE : 이미지 크기 고정 값 설정이 가능하다. (썸네일 ~ 풀 사이즈)
– WIDTH, HEIGHT : 위는 예시로 16:9 비율에 맞춰서 250 x 141픽셀로 설정했는데, 정답은 없으니 취향 대로 숫자를 넣거나 정사각형으로 맞춰도 상관 없다. (px 아이콘 클릭 시 % 외 여러 단위 선택 가능)
– OBJECT-FIT : 이미지 비율 선택이 가능한데 Cover가 가장 무난하며, 나머지는 화질이 깨져 보일 수 있다.
– PC, 태블릿, 모바일 : Settings 버튼 가장 왼쪽의 네모 모양을 클릭하면 기기마다 옵션 조절이 가능하다.


설정을 마치고 화면 위의 Save 버튼을 클릭하면 이미지 적용이 완료된다. 사실 블로그 글 내용만 좋으면 방문자는 계속 읽겠지만, 그래도 보이는 이미지 통일감이 없으면 왠지 산만한 느낌을 줄 수 있어서 신경 쓰인다면 수정하는 게 좋겠다.

관련 글
GeneratePress 마케터 테마 선택 이유와 설치 방법
워드프레스 테마 변경할 때 주의해야 하는 점
워드프레스 꼭 비싼 테마를 사는 것이 좋을까

Leave a Comment