티스토리 #2 스킨 이미지 수정

티스토리 스킨의 종류는 상당히 많습니다. 무료로 티스토리에서 제공하는 스킨들도 종류가 여럿이고, 또한 유료나 다른 커뮤니티에서 제공하는 것들도 많죠. 저도 유료 스킨 및 다른 분들처럼 여러 다양한 스킨이 탐나기도 했지만 컴퓨터 지식이 많지 않은 탓에 변화에 능동적으로 대응하기 위해서는 그냥 관리자가 제공하는 무료 스킨을 사용하고 있습니다.



현재 이 블로그에서 사용하고 있는 것은 티스토리 #2 스킨이구요. 모든 스킨이 사용자의 마음에 100% 들 수는 없는데, 이 스킨의 경우에는 왼쪽 바에 위치한 그림이 너무 무거워 로딩이 오래걸린다는 문제점이 있습니다.



그래서 이 부분을 수정하면서 이 이미지 수정하는 방법을 찾고 있는 분들을 위해 수정 방법을 정리해서 올려봅니다.



우선, 수정하기 위해서는 관리자 페이지에서 html/css를 찾아가야겠죠?





관리자 페이지의 html/css에서 티스토리 #2 스킨의 이미지 수정을 위해서는 [파일 업로드] 섹션을 선택해야 합니다.





그럼 아래와 같이 쭉~ 블로그에 사용된 여러 이미지가 보이는데요. 이중에서 [image/header_default.jpg] 라고 되어 있는 것이 기본으로 설정되어 있는 헤드 이미지입니다. 이걸 다른 것으로 교체해서 적용해 주면 되는거죠.



티스토리 #2 스킨



우선 티스토리 #2 스킨의 헤드부분을 교체할 이미지를 하나 구해서 image/2_1.jpg에 업로드를 해줍니다. 그럼 아래와 같이 목록에 이미지가 추가된 모습을 볼 수 있을 거에요.



스킨 이미지 수정



그리고 이 이미지를 티스토리 #2 스킨의 헤드 이미지로 사용하기 위해서 ,


html/css메뉴의 css을 선택한 후 


61번 줄에 있는 background-image : url (image/header_default.jpg) 


부분을 찾습니다.



이 부분에서,


image/header_default.jpg


이렇게 되어 있는 부분을 새로 교체한 이미지 이름인 2_1.jpg로 수정해 주면 됩니다.


image/2_1.jpg


>>이렇게요.






이렇게 수정하고 저장한 후 메인 페이지에서 확인해 보면 티스토리 #2 스킨이 변경된 것을 확인할 수 있습니다. 머 간단하지만 혹시 헤매고 있는 분들도 있을 듯 하여. 한 번 올려봅니다.






사실, 머...디자인 사진의 퀄리티 보다는, 블로그 반응 속도를 올리기 위해서 교체한 것이라 사진이 좀...안예쁘네요. 다음에 시간 있을 때에 그냥 단색으로 다시 변경해 봐야겠어요.


요즘은 날씨가 더워서 그런지 만사가 귀찮을 관계로 일단, 여기까지! 

댓글

Designed by JB FACTORY