본문 바로가기

블로그 관련 정보/블로그 꾸미기

티스토리 스킨 메뉴수정 간편하게 하자.

티스토리 스킨 메뉴수정 간편하게 하자.
광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^

안녕하세요. 얼마전에 iNove 티스토리 스킨 Ver 2.2 메뉴바 수정 하기 라는 글을 작성했습니다.

 

iNove 티스토리 스킨 Ver 2.2 이나 티스토리 스킨란에 올라온 스킨 중 일부분은 티스토리 관리자 화면에서 꾸미기 -> 화면설정 -> 메뉴설정을 누르시면 아래 화면을 보실것 입니다.

 

이 화면에서 메뉴를 수정하면 HTML소스를 만지지 않고 마우스로 메뉴 추가 / 삭제가 가능한데 스킨을 제작할 당시 '메뉴 치환자' 지원이 안되어 위 기능을 사용 못하는 것 입니다.

 

그래서 이 글에서는  '메뉴 치환자'를 적용해서 쉽게 메뉴수정 /삭제를 해보겠습니다.

 

iNove 티스토리 스킨 Ver 2.2 기준으로 작성을 하겠습니다. 다른 스킨을 사용하신다면 제가 지정한 부분이 틀릴수 있으니 참고 하시고 읽어 주세요.

 

스킨 수정 하기전에 백업을 필수..!!

 

 먼저 사용하시는 스킨을 수정하기전에 꼭 백업을 먼저 하세요. 설정한번 잘못했다 망하는 수가 생깁니다.

 

관리자 메뉴를 들어가서 스킨 을 선택하시고 "스킨저장"을 눌러 현재 사용중인 스킨을 저장합니다.

이렇게 해두면 만약 수정중 오류로인한 문제가 생겨도 바로 복원을 하실수 있습니다.

 

티스토리 블로그 스킨 메뉴 치환자 적용하기

 

티스토리 관리자 화면에서 꾸미기 -> HTML/CSS 편집을 선택 하세요.

스크롤 바를 살짝 내리시면 "<ul id="menus">"가 있습니다.  찾기 어렵다면 Ctrl + F 를 눌러 찾으시면 됩니다.

 

위 이미지에서 파란 박스 가운데 있는 빨간 박스 내용을 전부 삭제하고 메뉴 치환자를 넣어 주시면 됩니다.

 

티스토리 블로그 메뉴 치환자는 '[샵샵_blog_menu_샵샵]' 입니다. 샵샵을 ##으로 교체하셔서 넣어 주세요. 수정하셨다면 저장을 누르시고 관리자 화면에서 꾸미기 -> 화면설정 -> 메뉴를 눌러보세요.

 

 

화면을 보시면 바뀐것을 보실수 있습니다. 우선 치환자를 입력하기전에는 화면설정 -> 메뉴설정으로 보이던 메뉴가 '메뉴'로 바뀐것이구요. '메뉴'를 눌러보면 위 화면처럼 '메뉴추가' / '메뉴관리' 란이 생겼네요.

 

위 화면에서 메뉴를 추가 삭제할수 있답니다.

 

한가지 주의 하실것은 치환자 사용을 하면 스킨을 제작한 제작가 적용한 레이아웃이 변형될수 있답니다. 제가 설명에 사용한 iNove 티스토리 스킨 Ver 2.2도 치환자 적용을 하면 약간의 어긋남이 보입니다.

 

이 부분은 참고하세요.

  • 감사합니다!!! 덕분에 타사이트에서 얻은 티스토리 스킨의 메뉴 정리했어요 ㅜ3ㅜ!!!
    피곤하시겠지만 즐거운 월요일 되시길 바랄게요 :-)
    행복한 한 주 되시고 남은 2015년 잘 보내세요♥