워드프레스 kadence 테마 썸네일 사이즈 변경하는 방법
워드프레스 Kadence 테마 썸네일 사이즈와 비율을 변경하는 방법은 클릭 몇번으로 해결 될 만큼 간단합니다. 유료 버전이 필요한 것도 아니고 따로 css를 수정할 필요도 없죠. 초보자도 따라하기 쉽도록 단계별로 차근차근 설명드릴게요.
워드프레스 블로그 썸네일 사이즈를 변경 방법
썸네일 사이즈를 변경하는 것은 썸네일 사이즈를 하나로 통일하여 깔끔하게 고정시키기 위함과 동시에 너무 큰 썸네일 이미지로 인해 로딩 속도기 늦춰지는 경우를 방지하기 위한 것입니다. 최적의 비율로 설정하여 어떤 웹에 노출되어도 썸네일이 잘리지 않고 온전히 유지되도록 하기 위함이기도 하고요.
다행히 kadence 테마는 썸네일 사이즈 변경이 클릭 몇번으로만 이루어질 정도로 간단합니다.
1. 사용자 정의 메뉴로 이동하기
가장 먼저 워드프레스 관리자 페이지에 로그인 한 뒤 왼쪽 메뉴에서 모양 > 사용자 정의를 클릭해 주세요. 여기서 워드프레스 kadence 테마의 썸네일 사이즈 변경은 물론이고 다양한 설정을 조정할 수 있습니다.
2. 워드프레스 썸네일 사이즈 변경 방법
사용자 정의 페이지에서 나타나는 다양한 목록 중 Posts/Pages Layout에서 Archive Layout으로 들어가면 글 목록(메인 화면) 에서의 전반적인 디자인과 구조를 수정하고 변경할 수 있습니다. 메뉴를 아래로 내려 Feature 섹션을 찾아주세요. 해당 영역에는 워드프레스 kadence 테마 썸네일 관련 세부 설정이 숨겨져 있습니다. 화살표 ∨ 표시를 눌러 세부 설정을 엽니다.
세부 설정에서 Set Image Ratio 옵션에서는 워드프레스 kadence 테마 썸네일의 사이즈를 변경할 수 있습니다. 원하는 비율을 클릭하면 오른쪽 영역에서 바로 바뀐 부분을 확인 할 수 있고, 원하는 비율을 선택해 주시면 됩니다. 1:1은 무난하게 많이 쓰는 비율이고 2:1 이나 16:9, 4:3 과 같이 가로로 긴 비율의 경우에는 본문의 가독성을 높여주는 비율이라고 할 수 있어요. 특히 2:1의 경우에는 카카오톡 링크 보내기를 활용할 경우 유용합니다.
모바일 유입을 고려한다면 가로가 너무 긴 비율보다는 1:1을 가장 추천드립니다. 그러나 본인이 썸네일 이미지에 텍스트 등의 정보를 많이 담는다면 4:3도 고려해볼만 해요.
3. 이미지 클릭 시 포스트로 연결하기
워드프레스 kadence 테마에서는 이미지 클릭 시 포스트로 이동하도록 설정할 수 있습니다. image is link to post 옵션을 활성화하면 사용자가 썸네일 이미지를 클릭했을 때 바로 해당 글로 이동할 수 있어 편리합니다. 만약 이 기능을 활용하고 싶지 않으시다면 비활성화 하시면 됩니다.
이 옵션은 단순히 접근성이 강화되는 것을 넘어 페이지 이탈률과도 직결될 수 있습니다. 사용자들은 본능적으로 제목보다는 범위가 넓은 이미지를 클릭하여 포스팅을 확인하려 하기 때문이죠. 내 블로그를 이용하는 사람에게 더 적합한 편의성을 제공한다는 의미에서 이미지 클릭 시 포스트로 연결하기 기능은 꼭 활용하시는 것을 추천드려요.
4. 썸네일 크기 설정하는 방법
썸네일의 사이즈(비율) 말고도 크기 자체를 설정하는 방법도 있는데 Set Image Size에서 조절할 수 있습니다. 이 옵션을 사용하면 썸네일 이미지가 얼마나 크고 작게 표시되는지를 결정할 수 있어요. Thumbnail, Medium, Medium Large, Large, Full 다섯 단계로 나뉘어져 있습니다. 저는 글 영역과 딱 맞게 표현되는게 좋아 Full로 설정해 두었지만 각각의 취향에 맞춰 선택하는 것이 좋아요. 오른쪽 미리보기 페이지를 통해 확인하면서 설정하면 직관적으로 판단이 가능합니다.
Full 사이즈는 화질 면에서는 물론 최고로 좋지만 원본 파일 용량이 클 때 로딩이 느려질 수 있다는 단점이 있습니다. 이를 방지하기 위해선 썸네일의 사이즈를 조절하던가, 썸네일 사이즈를 크게 유지하면서도 원본 파일 용량을 줄이는 방법이 있죠. 저는 주로 png 파일 보다는 webp 파일로 이미지 용량을 최소한으로 줄여 사용합니다. PhotoSacpeX나 온라인의 TinyPNG 같은 사이트를 활용하여 용량을 꼭 줄여 사용하세요.
5. 변경 사항 저장하기
썸네일 관련 모든 설정을 완료했다면 반드시 저장해주셔야 합니다. 저장하지 않고 바로 끄면 모든 설정 정보가 날아가기 때문이죠. 메뉴 상단의 공개 버튼을 클릭해 워드프레스 kadence 테마 썸네일 사이즈 등 모든 설정 변경을 저장합니다.
만약 제대로 설정하고 저장까지 했는데도 썸네일이 지정한 비율로 보이지 않는다면 미디어 캐시의 문제일 수도 있으니 워드프레스의 캐시제거 프로그램을 이용하여 모든 캐시를 제거해주세요.
워드프레스 kadence 테마 썸네일 변경할 때 주의점
워드프레스 썸네일 사이즈를 변경했다면, 제대로 변경되었는지 확인한 후 약간의 수정이나 추가 설정이 필요합니다.
- 모바일 최적화 확인하기 : 워드프레스 kadence 테마는 반응형 디자인을 지원하지만 모바일에선 또 다르게 보일 수 있어 설정 변경 시에는 모바일 버전에서의 모습도 확인하는 것이 좋습니다. 메뉴 제일 하단의 모바일 이미지를 클릭해 미리보기를 확인해 주세요.
- 만약 썸네일의 이미지가 너무 작거나 흐리게 느껴진다면 워드프레스 메뉴 설정 > 미디어 옵션에서 업로드하는 이미지 크기를 변경하는 것도 좋습니다. 저 같은 경우 썸네일은 그냥 원래대로 두었지만 큰크기는 1600×1600으로 바꿔주었어요. 아래로 스크롤 해서 변경 사항 저장을 눌러줍니다. 동시에 본문에서 해당 이미지를 클릭, 오른쪽 메뉴에서 해상도를 최대 크기로 설정해주시는 방법도 사용해주세요.
- Feature 옵션 아래 Excerpt 영역에서는 메인 페이지에 보이는 글의 양을 조정할 수 있습니다. 썸네일은 큰데 글이 너무 작아 비율이 안 맞는다거나 그 반대인 경우에는 이 부분을 조정해 주시면 됩니다. 보이는 단어의 개수를 설정해 주는 것인데요, 원하는 비율로 미리보기를 보면서 하셔도 좋지만 개인적으론 메타 디스크립션(서문)의 내용이 대부분 보여지는 정도를 추천드립니다.
- 썸네일 사이즈를 정갈하게 맞추었다면 이제는 썸네일 관련 SEO에도 신경을 써야 합니다. 썸네일을 업로드 할 때, 반드시 Alt 태그를 작성하여 썸네일 이미지를 말로 풀어 작성해야하죠. 구글 이미지 검색 노출에도 도움이 되고 시각장애인을 위한 웹 접근성 역시 높아지니 매번 썸네일 뿐만 아니라 어떤 이미지를 업로드 할 때는 alt태그 작성하는 것을 잊지 마세요.
워드프레스 kadence 테마에 대한 정보가 많지 않아 썸네일 사이즈 비율 변경하는 방법을 찾느라 시간이 많이 필요했는데, 찾고 보니 몇 번의 클릭만으로 쉽게 해결할 수 있었습니다. 썸네일은 블로그의 첫인상과도 같죠. 적절한 비율과 사이즈를 선택하면 더 깔끔하고 전문적인 느낌을 줄 수도 있고요. 모바일과 PC 사이에서 고민하신다면 모바일을 기준으로 최적화된 사이즈와 비율로 정해주시면 더 좋다는 말씀을 드리면서 마칩니다.
워드프레스 설정 관련 함께 보면 좋은 글
