WordPress에서 원본 테마의 미리보기 이미지를 설정하는 방법

1679 단어 HTMLCSSWordPress
WordPress에서 오리지널 테마를 만들 때 특히 아무것도 설정하지 않으면 이러한 상태가 됩니다.



스스로 사용하는 분에는 이것으로는 좋을지도 모릅니다만, 손님에게 납품할 때에 이것으로는 괄호 나쁘다고 생각했으므로, 썸네일의 설정에 대해 조사했습니다.

썸네일용 이미지 준비



우선은 썸네일에 표시하는 화상을 올립니다.
그렇게 보이는 것으로 좋다고 생각합니다.

이번에는 이쪽의 이미지를 준비했습니다.


종횡비 3:4로 조정



썸네일의 종횡비가 3:4이므로 잘라 갑니다.
이것은 내 사용하기 쉬운 앱이나 소프트를 사용하면 좋을까 생각합니다.

사이즈는 세로 450 가로 600으로 지정했습니다.

나는 Figma에서 갔다.


이미지의 이름을 변경합니다.


screenshot.jpg로 이름을 바꿉니다.
형식은 png 에서도 문제 없습니다.

이미지를 테마 폴더에 업로드



그리고는 다운로드만 하는군요.

업로드할 위치는 테마 폴더의 동일한 계층 구조로 괜찮습니다.
(index.php 및 header.php와 동일한 계층 구조)



요약



이렇게 무사히 변경할 수 있었습니다.
조금 손을 더해 주는 것으로 납품시의 퀄리티가 오르므로, 꼭 해 보세요.

좋은 웹페이지 즐겨찾기