Notification

특성이미지 위치 조정

Normal 아티클 블록의 썸네일 이미지 사이즈는 735 × 413 px 입니다. 포토샵과 같은 이미지 편집 툴을 이용해서 정확한 사이즈의 이미지를 만들 수 있는 상황이 아니라면 Featured Image Adjustment 영역에서 원하는 위치로 조정이 가능합니다.

메인 페이지 아티클 블록 설정 - 크리에이티브 매거진 워드프레스 테마
메인 페이지 아티클 블록 설정 화면

 

특성이미지 위치 조정 예

세로형 이미지를 특성이미지에 등록하는 경우, 기본적으로 특성이미지의 너비는 썸네일 영역의 너비인 735 px에 맞게 확대 또는 축소됩니다. 그리고 백그라운드 포지션 X, Y는 50%으로 설정되어 있기 때문에 특성이미지의 중심이 썸네일 영역의 중심에 위치하게 됩니다.

메인 페이지 아티클 블록 썸네일 설정 방법 - 크리에이티브 매거진 워드프레스 테마
백그라운드 포지션: 50% 50%

백그라운드 Y 포지션을 0으로 설정한 경우 아래 그림처럼 특성이미지의 최상단이 썸네일 영역 상단에 위치하게 됩니다.

메인 페이지 아티클 블록 썸네일 설정 방법 - 크리에이티브 매거진 워드프레스 테마
백그라운드 포지션: 50% 0%

반드로 백그라운드 Y 포지션을 100%으로 설정한 경우에는 특성이미지의 최하단이 썸네일 영역 하단에 위치하게 됩니다.

메인 페이지 아티클 블록 썸네일 설정 방법 - 크리에이티브 매거진 워드프레스 테마
백그라운드 포지션: 50% 100%

특성이미지의 구성에 맞게 원하는 포지션을 선택할 수 있습니다. 아래 이미지는 백그라운드 Y 포지션을 11%로 설정한 경우입니다.

메인 페이지 아티클 블록 썸네일 설정 방법 - 크리에이티브 매거진 워드프레스 테마
백그라운드 포지션: 50% 11%

© Creative Magazine. 무단전재 및 재배포 금지

Leave a Reply