iNove 티스토리 스킨 Ver 2.2 메뉴바 수정 하기
2013.10.11 01:09
iNove 티스토리 스킨 Ver 2.2 메뉴바 수정 하기
광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^

iNove 티스토리 스킨 Ver 2.2 수정 세번째 글 입니다.

오늘은 메뉴바를 수정해 보겠습니다.

 

 

티스토리 기본스킨을 사용하신다면 메뉴바 수정을 하실 일이 없답니다.

관리자 ->화면 설정 -> 메뉴 설정을 클릭하시면 쉽게 추가, 삭제가 가능합니다.

 

그러나 iNove 티스토리 스킨 Ver 2.2에서는 메뉴 설정을 이용할수없습니다. 간단히 치환자 입력으로 사용은 가능하지만 스킨 레이아웃이 약간 망가지는 현상이 있어서 HTML소스를 이용한 방법으로 메뉴를 수정해야 합니다.

 

iNove 티스토리 스킨 Ver 2.2 메뉴바 수정 하기

 

 

스킨을 받아서 적용하면 위 화면처럼 메뉴가 보입니다.

이 부분을 사용하고자 하는 메뉴로 변경하시면 됩니다.

 

제가 현재 사용하는 메뉴 입니다. 위 화면처럼 메뉴를 수정해 보겠습니다.

 

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

 

 

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

 

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

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

 

백업을 하셨다면 진행해 보겠습니다.

관리 -> HTML/CSS 편집을 클릭하세요. 그리고 스크롤 바를 살짝 내리시면 "<ul id="menus">"가 있습니다.  찾기 어렵다면 Ctrl + F 를 눌러 찾으시면 됩니다.

 

 

"<ul id="menus">" 아래 다섯줄의 소스가 있습니다.

첫 번째 줄 <li><a href="[샵샵_blog_link_샵샵]" title="Home" class="home">Home</a></li>은 블로그 홈으로 가는 메뉴이니 수정없이 그냥 사용하겠습니다.

 

박스친 부분만 수정해주시면 됩니다. 예를 들면

 <li><a href="[샵샵_blog_link_샵샵]notice"><span>Notice</span></a></li>

[샵샵_blog_link_샵샵]란에 이동할 메뉴 주소를 넣어주시고 Notice 란에 메뉴명을 넣어 주시면 됩니다.

 

메뉴 갯수는 상관이 없지만 너무 많이 지정하면 복잡해 보이니 적당히 중요한 메뉴를 넣어주시면 될듯 합니다.

 

현재 재가 사용하는 메뉴 HTML소스 입니다. 참고하셔서 수정하세요.

, , , ,

  1. 좋은 정보들 감사합니다^^ 덕분에 블로그를 고쳐볼수 있겠네요..ㅎㅎ

    즐겨찾기 해놓고 필요할때마다 고쳐봐야겠어요~~~ 감사합니다.

  2. 네^^천천히 블로그 수정하시구 막히는 부분있으시면 글 주세요.
    방문,댓글 감사합니다.

  3. 먼저 감사합니다. 검색하다가 우연히 보게 되었습니다. 그런데 메뉴가 연결이 안 됩니다..ㅜㅜ
    님의 글을 보니 /잡다한%20세상%20::%20블로그/..이런 식으로 도어있는데요.제가 초보인지라 암만 해봐도 안 되네요...ㅠㅠ그 부분만 다시 보여주심 안 될까요?

  4. 안녕하세요.
    제가 설명을 난해하게 했네요.

    제 경로를 참고하시면 안되는데.....^^
    전 메뉴에 공백을 넣어서 공백 부분을 %20으로 표시한답니다.

    직접 블로그 메뉴를 넣으실려면
    http://calling30.tistory.com/category/성우생각
    http://calling30.tistory.com/category/성우가족
    이런주소를 넣으시면 됩니다.

    참고로 메뉴로 넣고자 하는 카테고리를 누르면 주소표시줄에 주소가 나옵니다. 그 주소를 그대로 사용하시면 됩니다.

    %20 은 '성우 가족' 이렇게 되 있을때 인터넷 주소로 표시할때 '성우%20가족'이렇게 되는거랍니다.^^

  5. Blog Icon
    투덜이아부지

    너무 감사합니다..^^ 좋은 하루되십시오