메이쁘

[티스토리] 스킨 커버이미지(사이드바 또는 header 이미지) 변경 방법! 본문

Technology/팁과 노하우

[티스토리] 스킨 커버이미지(사이드바 또는 header 이미지) 변경 방법!

메이쁘 2020. 5. 20. 00:03

안녕하세요!

 

 

 

몇날 몇일을 커버이미지 바꾸려고

 

html 코드를 까보고 있었다가

 

한 티스토리거 님의 게시글을 보고 수정했습니다.

 

 

이에 티스터리거 분께 깊은 감사의 뜻을 표하며

 

저와 같이 해메는 사람이 없게 하기 위해

 

변경 방법 두 가지를 작성해보겠습니다.

 

 

 

 

스킨 커버이미지란 ?


내 블로그. 빨간 표시 안에 있는 배경 이미지를 바꾸려고 한다.

 

 

변경 첫 번째 방법


 - 코드 수정 없이 티스토리 설정 기능으로 변경 가능.

 

 

설정 - 스킨 편집 클릭.

 

 

 

html 편집 클릭

 

 

 

 

총 5가지 단계로 구성되어 있습니다.

 

 

  1) 파일 업로드 클릭

 

  2) 이미지 목록 중 images/header_default.jpg 클릭

    *** 저는 두 번째 방법을 사용했기 때문에 header_default.jpg 이미지가 존재하지 않습니다. 참고 바랍니다!

 

  3) 삭제 버튼 클릭해서 위 images/header_default.jpg 이미지 삭제

 

  4) 추가 버튼 클릭해서 PC 내 이미지 추가하기

    *** 이 때, 반드시 이미지 파일 명을 header_default.jpg 로 설정해야 합니다!

 

  5) 추가 완료되면 저장 버튼을 눌러 저장하기

 

 

 

이렇게하면 쉽게 커버 이미지를 바꿀 수 있습니다!

 

 

 

 

 

 

 

 

변경 두 번째 방법


  - 간단한 css 코드 수정.

  - 딱 한 부분만 바꾸면 됨

 

 

이 부분에서 원하는 파일 명으로 추가하신 다음

 

CSS 를 클릭하여 CSS코드를 확인합니다.

 

쭉 내리시다보면

 

 

좌측 60번째 줄을 찾으실 수 있습니다.

 

 

 

간단하게 설명드리자면

 

스킨 커버이미지 경로를 설정하는 코드인데

 

파일업로드 에 업로드한 파일 명을 원하는대로 변경하면

 

해당 명을 가진 이미지를 스킨 커버이미지로 출력할 수 있습니다.

 

 

 

그래서 저는 header.jpg 를 추가했었기 때문에

 

노란 형광색으로 칠한 부분처럼

 

header.jpg를 입력했구요.

**** 앞에 images/ 부분을 지우시면 안됩니다! 티스토리 파일서버 경로를 참조하기 때문입니다.

 

 

 

 

그러면 끝!

 

 

 

 

위 두 가지 방법 중 입맛대로 진행해서 원하는 커버이미지로 바꾸시길 바랍니다.

 

 

 

감사합니다!

 

 

 

 

 

 

 

 

참고사이트
https://wonderbout.tistory.com/33
Comments