제 블로그의 도메인인 “sijinii.com“은 섬네일이 이상했습니다. 제가 사용하는 테마의 기본 섬네일은 Header에 있는 이미지를 가져와서 섬네일로 보여줬죠. 제 header의 이미지는 일반 섬네일에 나오는 비율보다 가로가 길어서 아래 사진과 같이 나왔습니다. 워드프레스 섬네일 이 이상하게 보였죠.
이렇게 카카오톡 또는 페이스북에 공유하면 워드프레스 섬네일 이미지가 보기 싫어서 클릭률을 저하시킬 수 있었습니다. 그래서 섬네일 이미지를 바꿔보려고 합니다. 테마 편집기의 코드를 수정해야해서 무섭습니다.
우선 “워드프레스 관리자 왼쪽 사이드바 > 테마 디자인 > 테마 편집기 > 오르쪽 테마 파일 리스트 > views > general > header > common.php” 에 접속합니다. 그렇면 아래와 같이 나타납니다.
그 후 <meta name> 아래에 다음과 같은 코드를 삽입합니다.
<!–blog thumbnail–> <meta property=”og:image” content=”이미지 주소”> |
그러면 아래와 같은 모습이 됩니다.
여기서 이미지 주소는 워드프레스에 업로드 되어 있는 이미지를 사용했습니다. 이미지의 주소를 알기 위해서는 “왼쪽 사이드바에서 미디어 > 원하는 이미지 선택 > 보기”를 누르시면 주소창에 표시됩니다. 또는 마우스 우클릭으로 ‘이미지 주소 복사’를 클릭하면 됩니다.
이미지 주소와 함께 테마 편집기에 코드를 삽입한 후 ‘Save Change’를 누르고 30분 정도 지나면 섬네일이 아래와 같이 변경된 것을 확인할 수 있습니다.
Comments are closed.