본문 바로가기
웹 블로그

티스토리 홈 글 목록 스킨 섬네일 정사각으로 변경 설정하기

by 별처럼1 2023. 11. 21.

티스토리를 처음 하고 계신다면 홈 화면에서 글 목록을 조금 보기 좋게 리스트 형식으로 나열하는 것에 관심이 생기실 것입니다.

 

처음에는 별생각 없이 지나쳤었는데 섬네일이 제대로 보이지 않으면 아무래도 내 글의 대표 이미지가 손상되어 보이는 것이므로 클릭률과 수익에도 영향을 미치겠지요?

 

티스토리를 하시다 보면 블로그 안에 [스킨 편집]이라는 메뉴를 자주 사용하실 텐데요.

 

스킨 편집에 들어가셔서 보시면 왼쪽 부분에 내 전체 글들이 나열된 것이 보이실 텐데 섬네일로 보이는 부분이 잘린 부분이 있어 좀 거슬리실 것입니다.

글을 쓰실 때는 섬네일을 정사각으로 만들어 적용해 주었지만, 직사각으로 설정되어 있는 홈 화면의 섬네일 사이즈를 다시 HTML에서 수정 설정해 주셔야 하는데요.

 

이미 알고 설정하신 분들도 많으실 텐데 그래도 처음 시작하시는 분들을 위해 사소하지만 도움 되는 티스토리 홈 글 목록 스킨 섬네일을 정사각으로 설정하는 방법을 알려드리도록 하겠습니다. 

티스토리홈-글목록-스킨섬네일-정사각으로-변경-설정하기
티스토리홈-글목록-스킨섬네일-정사각으로-변경-설정하기

 

[목차여기]

1. 티스토리 글 목록 스킨 섬네일 정사각으로 변경하기

먼저, 본인의 티스토리 메뉴에서 [꾸미기-스킨편집]으로 들어가 줍니다.

 

그러면 왼쪽 화면에 본인이 발행한 [전체 글 목록]이 나열된 것이 보이실 것입니다.

 

그런데 작성한 섬네일 윗부분이 잘린 것이 확인되실 텐데 별로 보기는 안 좋기 때문에 이것의 크기를 정사각으로 변경 적용해 꾸며 보도록 하겠습니다.

방법은, [스킨 편집]으로 들어오셨다면 오른쪽에 [html 편집]을 클릭하셔서 들어갑니다.

 

그다음 [ Ctrl + F ]를 누르시고, <s_index_article_rep> 을 입력하시고 찾아줍니다.

ctrl+f누르고-&lt;s_index_article_rep&gt;찾기
ctrl+f누르고-<s_index_article_rep>찾기

 

 

사람마다 조금씩은 다르게 위치해 있을 텐데 대부분 400번대를 보시면 쉽게 찾으실 수 있으니 참고하시면 됩니다.

 

그러면 확인되는 C 230X300 이라고 표기된 곳을 찾으실 수 있는데 이것을 C 230X230으로 수정해 줍니다.

그리고 [적용]-[새로고침]을 눌러주시면 섬네일이 정사각으로 정정되는 것을 바로 확인하실 수 있습니다.

 

 

생각보다 어렵지는 않으니 따라해 보시고 적용하셔서 제대로 된 섬네일 글 리스트 노출시켜 보시기를 바랍니다.

 

2. 마치며

지금까지 티스토리 홈 화면 글 목록에서 스킨 섬네일 크기를 재설정 적용해 정사각으로 바꿔주는 방법에 대해서 안내해 드렸습니다.

정말 사소한 부분이지만 애써 완성한 섬네일이 잘려져 보인다면 별로 클릭하고 싶지 않을 것 같습니다.

 

그래도 조금씩 수정하시면서 다듬고 성장하시면 방문자도 늘어나고 클릭률과 수익도 분명 늘어날 것입니다.

 

 

오늘도 소중한 정보가 여러분에게 소중하게 쓰이셨기를 바라며 함께 보시면 유용한 글들도 있으니 천천히 둘러보시고 가시는 것을 추천해 드립니다.

 

 

 

 

티스토리 네이버 노출 이렇게 하세요

티스토리 네이버 노출 이렇게 하세요 블로그를 개설하신 후에 중요한 것이 내 글이 다른 사람들에게 확산하고 널리 알려지는 것인데 애써 쓴 글이 노출되지 않는다면 아무 소용이 없습니다. 어

vivid-infor.root-infor.com

 

 

색인 생성 문제가 감지됨. 이렇게 해결하세요

색인 생성 문제가 감지됨. 이렇게 해결하세요 블로그를 하시는 분들이 누구나 겪고 넘어가는 문제가 있습니다. 바로 색인 문제인데요. 블로거인 저도 역시 예외는 아니었기 때문에 처음에 겪었

vivid-infor.root-infor.com

 

 

구글 SEO 최적화 방법 이렇게

구글 SEO 최적화 방법 구글 SEO에 맞추어서 나의 글을 구글에 상위노출 하는 방법이 있습니다. 인터넷 공간에서는 하루에도 수도 없이 문서가 생성되기 때문에 그중에 나의 글이 상위 노출이 되느

vivid-infor.root-infor.com

 

 

애드센스 광고 안 뜰 때 크롤러 오류는 이렇게

애드센스 광고 안 뜰 때 크롤러 오류는 이렇게 티스토리 블로그를 운영하는데 갑자기 광고가 뜨지를 않아서 당황했던 경험이 있으신가요? 분명히 광고 코드도 정확히 입력하고 적용했는데 계속

vivid-infor.root-infor.com

 

 

Ads.txt 수익 손실 위험 메시지 뜰 때 이렇게 하세요

Ads.txt 수익 손실 위험 메시지 뜰 때 이렇게 하세요 블로그를 운영하다 보면 애드센스 화면에서 누구나 한 번 이상 받는 메시지가 있습니다. 바로 수익 손실 위험 메시지입니다. 필자도 처음 메시

vivid-infor.root-infor.com

 

 

블로그 저품질 확인 방법과 원인 그리고 문의 방법

블로그 저품질 확인 방법과 원인 그리고 문의 방법 블로그를 운영하시는 분들이 많아지면서 누구에게나 찾아온다는 저품질에 대해서 궁금하지 않을 수가 없습니다. 분명히 저품질이 될 만한 글

vivid-infor.root-infor.com

 

 

광고 크롤러 오류로 인한 수익감소 안내 메시지 이렇게 대처

구글 애드센스 이용자라면 이런 메시지를 받으신 적 있으실 것입니다. 노란색 안내창이 뜨면서 광고 크롤러 오류가 있으며, 이 때문에 수익 손실이 발생할 수 있습니다.라고 메시지를 받아 보셨

vivid-infor.root-infor.com

 

 

서치 콘솔 사이트 맵 RSS 오류 및 URL이 허용되지 않음 뜰 때

블로그 글을 작성하고 나면 어느 누구나 겪게 되는 오류가 있습니다. 사이트 맵 오류나 RSS오류는 적어도 한 번 이상은 겪어 보셨을 텐데요. 나는 그저 글을 열심히 썼을 뿐인데 이런 오류들은 대

vivid-infor.root-infor.com

 

 

구글 서치콘솔 RSS에서 가져올 수 없음 뜰 때 이렇게 하세요

블로그를 작성하면서 거의 매일 확인해 보는 것이 있습니다. 바로 구글 서치 콘솔인데요. 구글 서치 콘솔은 사이트를 관리하고 페이지를 등록 관리할 수 있게 도와주는 툴입니다. 사이트의 방문

vivid-infor.root-infor.com

 

 

구글 키워드 플래너 사용으로(키워드 검색과 순위, 마케팅 전략 확인)

구글 키워드 플래너 사용으로 키워드 검색과 순위, 마케팅 전략 확인 구글 키워드 플래너(Google Ads)는 구글의 광고 키워드 연구를 하는 디지털 마케팅 도구 중 하나입니다. 이 키워드 플래너를 어

vivid-infor.root-infor.com

 

 

네이버 블로그 만들기 이렇게 하세요

네이버 블로그 만들기 이렇게 하세요 요즘에는 블로그를 정말 많이들 운영하시는 것 같습니다. 꼭 전문가가 아니어도 나만의 독특하고 개성 있는 주제로 꾸준히 이어가시는 분들도 있고 트랜드

vivid-infor.root-infor.com

 

 

종합소득세 신고 유튜브 블로그 애드센스 사용자

종합소득세 신고 (유튜브, 블로그, 애드센스 사용자) 요즘 유튜브나 블로그로 애드센스 광고 수익을 받으시는 분들이 많은데요. 사람마다 다르지만 수익이 천차만별이긴 합니다. 수익이 많은 분

vivid-infor.root-infor.com

 

 

댓글