워드프레스 섬네일, 강제로 수정해보자

제 블로그의 도메인인 “sijinii.com“은 섬네일이 이상했습니다. 제가 사용하는 테마의 기본 섬네일은 Header에 있는 이미지를 가져와서 섬네일로 보여줬죠. 제 header의 이미지는 일반 섬네일에 나오는 비율보다 가로가 길어서 아래 사진과 같이 나왔습니다. 워드프레스 섬네일 이 이상하게 보였죠.

 

sijinii.com
블로그 메인 header 이미지
워드프레스 섬네일
카카오톡 전송 시 블로그 섬네일

이렇게 카카오톡 또는 페이스북에 공유하면 워드프레스 섬네일 이미지가 보기 싫어서 클릭률을 저하시킬 수 있었습니다. 그래서 섬네일 이미지를 바꿔보려고 합니다. 테마 편집기의 코드를 수정해야해서 무섭습니다.

우선 “워드프레스 관리자 왼쪽 사이드바 > 테마 디자인 > 테마 편집기 > 오르쪽 테마 파일 리스트 > views > general > header > common.php” 에 접속합니다. 그렇면 아래와 같이 나타납니다.

 

워드프레스 섬네일

그 후 <meta name> 아래에 다음과 같은 코드를 삽입합니다.

<!–blog thumbnail–>
<meta property=”og:image” content=”이미지 주소”>

그러면 아래와 같은 모습이 됩니다.

워드프레스 섬네일

 

여기서 이미지 주소는 워드프레스에 업로드 되어 있는 이미지를 사용했습니다. 이미지의 주소를 알기 위해서는 “왼쪽 사이드바에서 미디어 > 원하는 이미지 선택 > 보기”를 누르시면 주소창에 표시됩니다. 또는 마우스 우클릭으로 ‘이미지 주소 복사’를 클릭하면 됩니다.

워드프레스 섬네일

 

이미지 주소와 함께 테마 편집기에 코드를 삽입한 후 ‘Save Change’를 누르고 30분 정도 지나면 섬네일이 아래와 같이 변경된 것을 확인할 수 있습니다.

카카오톡 이미지


더 많은 콘텐츠를 확인해보세요.

댓글이 닫힙니다.