본문 바로가기

IT인터넷/블로그 팁

티스토리 반응형 스킨 이미지 바꾸기 - header_default.jpg


티스토리의 변화는 항상 다채롭게 느껴진다 


다양하게 접목을 하며 


개인의 개성을 살려주는 듯한 


요즘 꾸준히 블로깅을 해야 하는데 


일이 바쁜 관계로 그러지 못해서 


좀 아쉽다 


조금 가볍게 블로그를 해야 될까? 


그렇게 된다면 자주 글을 작성할것 같은 생각이 드는데 ㅎㅎ


여튼 .. 최근에 스킨을 바꾸면서 티스토리에서 제공하는 반응형 스킨을 적용하였다 


하지만, 설명대로 나와 있는 헤더이미지를 바꿨지만 


원할하게 적용이 되지 않았다 


그래서 구버전에서 사용하던 방법으로 적용을 해보았다






-


 >> 헤더 이미지 바꾸는 방법 << 


상기에서 보이는 헤더 이미지 바꾸는 방법으로 적용하였을시 


목록 따로 카테고리 따로 


적용이 잘 안된다. 







뭐 다양한 방법이 존재 하겠지만 


제가 적용시킨 방법은 아래와 같습니다. 






관리모드 에서 [HTML/CSS편집]을 클릭한다 





파일업로드를 누르면 기본으로 제공되는 이미지 파일이 보여 진다 


사용하고 싶은 이미지 파일 설정을 하고 






다음과 같이 이미지 파일명을 정한다 


header_default2.jpg


이미지파일을 정하고 파일명 까지 바꾸었다면 


다음으로는 [파일업로드]를 한다




자~ 이미지가 잘 올라간것을 마우스로 올려 확인 가능하다


기존에 제공되어지는 이미지 파일을 지우는 것이 아니기 때문에 


마음에 들지 않는다면 새로 만든 이미지 파일을 삭제하면 된다 





그 다음 단계로는 


상단 메뉴 [css] 를 클릭하고 


컨트롤+F를 누른다 







검색부분에서 파일이름  

header_default

를 검색한다 


기존에 파일명을 찾으면 그 뒤에 숫자2만 넣으면 깔끔하게 적용이 된다 







위에 사진 처럼 다른 코드는 건드리지 말고 


헤더 디폴트 이미지에 숫자 2만 입력하고 


상단에 보이는 저장을 누른다 





그런 후 


윈도우 창 종료후 


다시 블로그에 접속을 하면 바뀐 이미지로 적용이 되어 있는 것을 확인 할 수 있다 



[모바일 적용은 관리페이지 모바일셋팅 부분에서 설정하셔야 합니다.]



그러면 행복한 하루 되세요