티끌정보/블로그&SNS 정보

t스토리 꾸미기 글쓰기제목배경 스킨편집으로 변경하기(ft.구글/네이버 노출)

티끌모앙 2024. 9. 2. 08:00
728x90

[블로그&SNS]

 

t스토리 꾸미기 글쓰기제목배경

스킨편집으로 변경하기

(ft.구글/네이버 노출)

 

안녕하세요. 티끌모앙입니다. 오늘의 티끌정보는 티스토리꾸미기편으로 글쓰기제목배경을 변경하는 방법을 알아볼껀데요. 보통은 썸네일 사진이 그대로 제목배경으로 씌워져 업로드가 되는데 조잡하고, 정신이 없어서 가독성이 떨어지더라고요. 그래서 그런가 온 신경이 계속 제목배경에만 가있는거예요. 안되겠다 싶어서 배경을 단색으로 바꿔보았는데 확실히 깔끔하고, 제목이 한눈에 들어오니 가독성도 좋아서 완전 만족!! 그래서 이 방법을 울 꾸독님들에게도 알려드리려고 가져왔어요. 한번 적용해 보시기 바랄께요.^^

 

 

t스토리 글쓰기 제목배경 변경하기

 

 

  • [관리] 페이지로 접속해 주시기 바랍니다.
  • 사이드 카테고리들 중 [꾸미기]에서 [스킨편집] 클릭!

 

  • [스킨편집] 페이지에 접속하셨나요?
  • 우측상단에 [html 편집] 이라는 버튼 보이시나요? 클릭! 해주시면 됩니다.

 

  • [HTML] 화면 아무곳이나 마우스 커서를 누릅니다.
  • [ctrl+f] 를 누르면 우측상단에 [검색창] 이 뜹니다.
  • [검색창] 에 [permalink] 를 입력하면 [html]화면에 [permalink] 단어가 들어간 문장들이 색깔표시체크가 되어 검색됩니다. (위에 사진참고)
  • 위에 사진속 빨강선으로 밑줄 친 부분 중 [div class="post-cover"] 로 시작하는 문장이 보이실텐데요.
  • 파란색으로 칠해진 빨간밑줄부분 보이시죠?
  • <s_permalink_article_rep>
        <div class="post-cover"<s_srticle_red_thumbnail> style="background-image:url([##-article_rep_thumbnail_raw_url_##])"
  • 파랑색으로 색칠 된 부분 기억하세요.

 

  • <s_permalink_article_rep>
        <div class="post-cover"<s_srticle_red_thumbnail> style="background-image:url([##-article_rep_thumbnail_raw_url_##])"
  • 파란색으로 색칠 된 부분을 지워준 후[ " "] 사이에다가 [ background-color:#C1BEF9; ] 입력해 줍니다.
  • 그다음 #C1BEF9(보라색)  에서 # 앞에다 칼라 고유넘버를 입력해 주시면 되는데요.
  • 원하시는 배경색깔을 넣어주시면 됩니다. 저같은 경우 보라색인 #C1BEF9(보라색) 를 넣어주었어요.
  • <s_permalink_article_rep>
        <div class="post-cover"<s_srticle_red_thumbnail> style="background-color: #C1BEF9 ;"</s_article_rep_thumbnail>> 이렇게 변경이 됩니다.

 

  • 칼라넘버를 알려면 [글쓰기] 페이지로 들어가셔서 [글씨칼라차트] 버튼 클릭! 후 원하는 색깔을 눌러보시면 위의 사진처럼 칼라번호를 알 수 있으니 참고하시기 바랍니다.
  • 여기까지 잘 따라오셨을까요?

 

  • 다 끝났어요.
  • 마지막으로 우측상단에 [적용] 버튼만 눌러주시면 됩니다.
  • 그럼 어떻게 바뀌었을까요????

 

북클럽스킨 같은 경우 제목부분에 본문 대표이미지가 자동으로 배경이 되어 제목글씨와 겹쳐져 잘 보이지 않아 가독성이 떨어졌었는데요. 변경 후 어떻게 바뀌었는지 보이시나요????

짜잔!!! 전에 사이즈도 맞지 않는 대표이미지 사진이 보였다면 변경 후 제가 골라던 연보라 색상의 단색으로 배경이 바뀌었습니다. 확실히 제목글씨도 선명히 잘 보이며, 훨씬 깔끔하고 보기도 편해 가독성이 좋아졌네요.

마무리

 

울 꾸독님들 잘 따라오셨을까요? 차근차근 적용해 보시면 생각보단 어렵진 않으실거라 생각이듭니다. 북클럽스킨같은 경우 제목과 이미지가 겹쳐져서 글자가 안보이게 되는데 이런경우 가독성 뿐만 아니라 로딩속도에도 영향을 준다고 하니 꼭 한번 적용하셔서 수정해 주시며 좋을 것 같습니다. 이런 사소한 문제로 소중한 울 꾸독님들의 글들이 가독성이 떨어져 안좋은 영향을 받으면 안되니깐요. 그럼 오늘의 포스팅 여기서 마치도록 하고 끝까지 읽어주셔서 감사합니다. 울 꾸독님들 가정이 항상 풍요롭고 행복하길 바랍니다.^^

저작자표시