반응형

    Material T mark 3, 4, 5, 5.2가 대상인 강좌입니다. 기타 스킨에도 적용은 가능합니다.

    mark5+는 이미 적용되어있는 부분입니다.


    티스토리 신규기능인 페이지는 말 그대로 어떤 페이지를 만드는 기능입니다.

    예를들면 연락처정보, 프로필정보와 같이 블로그에 포스팅 하나로 올리기에는 중요한 내용이고 공지로 올리기에는 공지사항이 아닌 정적인 컨텐츠를 게시하는 기능이죠.


    페이지 기능을 이용하기 위해서는 블로그 스킨이 메뉴기능을 이용할 수 있어야 합니다.


    Material T skin에 메뉴기능 활성화 하기

    스킨의 두 군데에 메뉴가 나타나도록 할 것입니다. 원하는 부분만 적용하셔도됩니다.


    1. footer 부분 (블로그 맨 아래 블로그정보 있는 곳)

    HTML에서 다음 부분을 찾습니다.

    <nav class="footMenu">

    <!-- 쓸 메뉴는 밖으로 빼서 쓰세요

    <a href="https://nubiz.tistory.com/location">지역로그</a> :

    <a href="https://nubiz.tistory.com/tag">태그로그</a> :

    <a href="https://nubiz.tistory.com/media">미디어로그</a> :

    -->

    <a href="https://nubiz.tistory.com/guestbook">방명록</a> :

    <a href="https://nubiz.tistory.com/manage">관리자</a> :

    <a href="https://nubiz.tistory.com/manage/entry/post">글쓰기</a>

    </nav>

    다음과같이 수정합니다.

    CSS 맨아래에 다음을 추가합니다.

    footer .footMenu li {

      display: inline;

    }

    footer .footMenu li::after {

      content: "|";

    }

    footer .footMenu li:last-child::after {

      content: "";

    }


    2.Drawer부분 (버튼을 클릭하면 나타나는 사이드메뉴)

    HTML에서 다음부분을 찾습니다.

    <ul>

    <li> <a href="/tag"><i class="ic-loyalty"></i> 태그</a>

    </li>

    <li> <a href="/toolbar/popup/link/" target="_blank"><i class="ic-link"></i> 링크 추가</a>

    </li>

    <li> <a href="/guestbook"><i class="ic-sms"></i> 방명록</a>

    </li>

    </ul>

    다음과 같이 수정합니다.

    drawer부분은 css를 추가할 필요가 없습니다.



    끝입니다. 이제 블로그 관리에서 추가한 메뉴가 드로워와 푸터에 나타나게됩니다.


    기존방식으로 바꾸려면 역순으로 적용하세요.


    메뉴기능을 활성화 하면서 사라진 링크추가 버튼?

    Material T skin mark5+ 사라진 링크추가기능 되살리기




    반응형
    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함