티스토리 반응형 스킨:사이드바 배경화면 사진 바꾸기
이번 포스트에서는 티스토리 반응형 스킨 사이드바의 배경화면 사진을 바꾸는 방법에 대해서
함께 알아 보도록 하겠습니다. 저 같은 경우는 티스토리 블로그를 처음 시작하면서, 사이드바의
배경 화면 사진을 바꾸는 방법을 잘 몰라 엄청 고생했었습니다. 주위에 티스토리 블로그를 하는
지인들도 없어서, 저 혼자서 했어야 했습니다. 정말로 외로운 싸움이었습니다. 수 많은 밤들을
배겟잇에 눈물을 적셨습니다. 여하튼 간에 알고보니까 의외로 너무 너무 쉬워서 깜짝놀랐습니
다. 이렇게 쉬운 것을 왜 그 전에는 몰랐었는지 바보같은 제가 한심해서 또 다시 눈물이 흐릅니
다.
1) 일단 가장 먼저 해야 할 일은, 너무나도 당연하게도 티스토리 블로그 관리로 총총총 가셔서,
'HTML/CSS 편집'을 선택한 후 꾸욱 눌러주시는 일이랍니다.
2) 이번에는 평소 때 랑는 다르게, HTML 말고요, 밑에 있는 화면에서 볼 수 있는 것 처럼, 파일업
로드를 선택합니다. 그리고 나서
추가를
눌러서
본인이 원하는 새로운
사이드바
배경화면의 사
진을 컴퓨터나 인터넷에서 불러 온 다음에, 선택을 하십니다. 그리고 나서 저장을 꾸욱 누릅니
다.
이렇게 해서 사이드바 배경화면 사진이 바뀌었으면 '꾸벅' 안녕히 가시기 바랍니다.
바뀌지 않았으면 (3)으로 휘리릭 하고 가 주시기 바랍니다.
저 같은 경우는 새로운 사이드바 배경화면 사진을 추가 하고 또 하고 또 하고,
저장을
수
십
번,
수 백 번을 해 봤는데도 실패 했습니다. 그래서 이 문제를 해결 하기 위해서 인터넷을 마구 마
구 아주 샅샅이 뒤져 본 결과, 확장자
JPG를
소문자
jpg로
바꾸면 문제가 해결 될 거라고 하는
글이 있길래, 그래서 그렇게 바꾸어 봤지만
역시
실패했습니다. 또 어떤 분은 브라우저 캐시를
한 번 삭제해 보라고 하셔서, 삭제했더니만, 사이드바 배경화면 사진은 고대로 아무런 변화가 없
어서 또 실패했답니다.
그리고 난 후, 발견한 다음 방법에서 완전 대박 성공했습니다.
3) 밑에 사진에서도 볼 수 있듯이, 스킨에 원래부터 지정되어 있는 사이드바 배경화면 사진의 이
름은
'images/header_default.jpg'. 라는것을 알 수가 있습니다. 아 그럼 이것을 바꾸면 사이드바
배경 화면 사진이 바뀌겠구나 라는 직감이 퍼득 퍼득 옵니다.
4) 자 이제 무엇을 바꾸면 사이드바 배경화면 사진이 바뀌는 것을 알았으니, HTML 바로 옆에 있
는 CSS 를 선택합니다. 그 안에서 background-image 를 찾아 봅니다. 못 찾으시겠으면, F3 단
축키를 누르시고, background-image를 치시면 아주 쉽게 금방 찾으실 수 있습니다.
background-image 를 찾으셨으면, 바로 그 옆에 위에서 봤던 'images/header_default.jpg' 가
있는게 보이실 겁니다.
5) 그리고 나서 'images/header_default.jpg' 중에 'header_default' 만 삭제하고, 대신 새롭게
대체하고 싶은 사이드바 배경화면의 사진 이름을 넣고 저장을 꾸욱 눌러줍니다. 저 같은 경
우에는 새 사이드바 배경화면이 될 사진 이름이 'flower_1'. 이여서, 'header_default' 를 삭
제하고 대신 그 자리에 'flower_1'를 적어 넣었습니다.
6) 다른 거 바꿀 필요 없이 고것만 이렇게 바꿔 주시면, 밑에 있는 화면에서 볼 수 있는 것
처럼, 사이드바 배경화면 사진이 금새 바뀐 것을 확인 할 수 있습니다. 굿 잡이라고 말씀드리
고 싶습니다. 수고하셨습니다.
