[티스토리] 반응형 스킨 #2 사진 변경하는 방법

안녕하세요.

플라이프입니다.

티스토리를 운영하시는 분들은 각자 다양한 스킨을 자신의 블로그에 적용하여 운영하시고 있습니다. 저 또한 다양한 스킨을 처음부터 적용해보고 고민에 고민을 거듭하였으나, 가장 마지막에 선택한 것은 지금도 사용하고 있는 반응형 스킨 #2입니다. 아무래도 티스토리에서 직접 제작, 배포하는 것이니만큼 신뢰할 수 있고 티스토리 체계에 가장 잘 적용될 것 같아서 선택하게 되었습니다. 마지막에 반응형 스킨 #1과 고민했지만 그 스킨은 사진 적용이 불가능하기 때문에 결국 #2를 선택하였습니다. 

한 가지 문제점은 스킨에 기본 적용되어 있는 사진을 변경하는 법을 잊어버렸다는 것인데, 다행히도 인터넷을 검색하여 생각보다 쉽게 찾았습니다. 근데 처음에 찾은 방법에 함정이 있다는 것은 나중에서야 알게되었죠. 제가 우선 적용한 방법은 일반적으로 검색하시면 가장 많이 나오는 방법이기 때문에 저처럼 두 번에 걸쳐 변경하시는 일이 없도록 두 가지 방식을 모두 말씀드리도록 하겠습니다. (개인적으로는 두 번째 방법을 추천합니다.)

1. 처음 시도한 방법 : images/header-default.jpg 파일 변경하기

이 방법은 가장 간단하다고 소개되어 있습니다. 방법을 간단히 말씀드리자면 다음과 같습니다.

티스토리 접속 - 블로그 관리 - 꾸미기의 스킨 편집 선택 - 오른쪽 위 html 편집 클릭 - 파일업로드 메뉴 - 추가 - 자신이 원하는 사진의 이름을 header-default로 변경하여 올리기 - 저장

여기까지는 생각보다 쉽게 따라할 수 있습니다. 하지만 이 방법의 문제점은 기본적으로 스킨을 선택할 시에 들어있던 (기본)header-default.jpg 파일이 새로 대체한 (신규)header-default.jpg로 변경되지 않는 경우가 생기는 것입니다. 설정 상에서는 제가 바꾼 파일이 보이는데 막상 새로 창을 띄워서 블로그에 접속해보면 기본 사진이 그대로 나타납니다. 여기서 해결책을 찾지 못해서 다시 검색을 해보니 다른 방법이 있었습니다.

2. 두 번째 방법 : header-default2.jpg 파일을 업로드 한 다음, CSS 편집하기

이 방법은 한 번에 스킨 변경에 성공한 방법입니다. 간단하게 설명드리자면 다음과 같습니다.

티스토리 접속 - 블로그 관리 - 꾸미기의 스킨 편집 선택 - 오른쪽 위 html 편집 클릭 - 파일업로드 메뉴 - 추가 - 자신이 원하는 사진의 이름을 header-default2 또는 header-default3 처럼 식별 가능한 다른 이름으로 변경하여 올리기 - 저장 - CSS 메뉴 - ctrl+F 버튼을 눌러 header-default 검색 - image*/url(images/header-default.jpg/*@*/;} 부분에서 header-default 이름을 자신이 앞서 올린 파일 이름으로 변경 (예 : header-default2) - 저장

이 방식을 적용한 다음에 새로운 창으로 접속해보면, 자신이 올리고자 한 사진으로 바로 변경된 것을 확인하실 수 있습니다. 아무래도 파일의 이름이 변경되지 않고 파일 자체를 바꾸는 방법을 잘 인식하지 못하는 것 같더군요. 여러분도 티스토리 반응형 스킨 #2를 적용하셨다면 이 방법을 통해 원하는 이미지를 넣어보시기 바랍니다.

혹시 글로 설명드려서 이해가 가지 않는 부분이 있거나 설명이 부족하다 싶으시면 댓글을 달아주시면 더욱 상세하게 말씀드리도록 하겠습니다. 감사합니다.