- Today
- Yesterday
- Total
메이쁘
[티스토리] 스킨 커버이미지(사이드바 또는 header 이미지) 변경 방법! 본문
안녕하세요!
몇날 몇일을 커버이미지 바꾸려고
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
'Technology > 팁과 노하우' 카테고리의 다른 글
[Git] git push -u origin main 시 로그인 창 무한 반복 오류.. (0) | 2021.02.04 |
---|---|
[Android][WebView] 안드로이드 웹뷰 사용한 앱 디버깅 하는 방법! (Feat. 크롬 버전 - Chromium) (0) | 2020.06.15 |
[AWS][MySQL] Linux, CentOS 에서 "=== AUTHENTICATION FAILED ===" 에러 발생 시 해결 방법 (0) | 2020.04.07 |
[MAC] 한영 변환 커맨드인 Control + SpaceBar 다른 커맨드로 변환하기! (0) | 2020.04.03 |
[Eclipse] 이클립스 코딩 시 저장만으로 자동 import 하는 방법 (0) | 2020.04.03 |