워드프레스 Magazine 스킨 사용법

게시자: 대문 demun 카테고리: 티스토리스킨수정/스킨수정팁 2012.04.15 22:43

개인적인 부탁으로 특정 사이트의 워드프레스 스킨을 티스토리용으로 변환해달라고해서 이틀동안 시간을 내서 마무리를 지었습니다.

만든사람은 잘 알지만 사용상의 편의를 위해서 변경해야할 부분을 사이드바에서 수정할 수 있도록 하였습니다.

변경할 부분은 아래 이미지를 클릭해서 보시면 됩니다.


사진이 너무 커서 더보기를 사용합니다.


스샷보기


위의 이미지를 보시면 1번~5번까지 표시를 한것이 보일겁니다.

사이드바에서 수정할수 있도록 한것이며 관리자화면에서 사이드바 수정화면을 보겠습니다.


정확하게 사이드바 1  에는 사이드바 1-topnav 라고 적힌 것을 넣어줘야 합니다.

앞에 사이드바 1~사이드바 5까지 번호를 넣어놔서 사용하는데는 무리가 없습니다.


사이드바 4번이 우리가 알고 있는 사이드바입니다. 

이부분은 넣을것은 넣고 뺄것은 빼면 됩니다.


참고로 1,2,3,5번 모두 넣거나 빼도 레이아웃을 깨지지 않습니다. 다만 사이드바 4번은 4번에 정확하게 하나라도 있어야 합니다.


이 스킨에는 두개의 드롭다운 메뉴가 있습니다.

그것이 1번 2번입니다.



사이드바 1-topnav

사이드바 2-subnav



또 하나는 슬라이더 입니다.

슬라이더의 이미지를 넣으면 크기는 알아서 맞쳐서 나옵니다.

물론 작은것은 크게 못하고 큰것은 작게 보여집니다.


슬라이더의 이미지를 바꿀경우를 대비해서 그것도 사이드바에서 관리하도록 하였습니다.

슬라이더 하단에 버튼이 있는데 이걸 클릭하면 슬라이더를 감출수 있게 하였으며, 필요없으면 사이드바에서 슬라이더를 제거하면 됩니다.




링크 관리 방법


티스토리에서는 사이드바에서 모듈이라는것을 지원합니다.

링크를 수정할때 html 에서 코드를 대략이라도 볼줄 안다면 그대로 수정하면 되지만 만약 모른다면 사이드바에 해당하는 부분을 모듈을 생성해서 사용하면 됩니다.


예를들어.

아래처럼 사이드바 관리에서 카테고리부분을 모듈을 생성한다고 가정합니다.

태그편집기를 클릭해서 사이드바 4 자리에 놓고 편집을 클릭하면 코드를 넣을수 잇는 창이 뜹니다.

이름은 알아보기 쉽게 사이드바 4-카테고리 모듈 이라고 모듈이라는 단어만 추가해줍니다.



그다음 html 을 편집기를 열어서 해당부분 즉 카테고리 부분을 넣어줍니다.

아래의 노랑색 부분이 되겠죠.



넣어줬으면 기존의 사이드바 4--카테고리를 제거합니다.

여기서 제거한다고 해서 없어지는것은 아닙니다.

기존 html 은 그대로 있고 안보여진다는 것입니다.


그럼 이제 생성한 카테고리 모듈을 가지고 링크를 수정하면 됩니다.

html를 모르면 이 방법으로 사이드바의 1,2,3,5 번을 모두 만들어놓고 수정하면 좋습니다.

틀려도 걱정할것 없이 다시 수정하면 되니까요.


스킨은 만지면 만질수록 완성도는 더 높아집니다.

여기서도 더 많지면 더 좋은 스킨이 나오겠지만 그것역시 시간이 허락해야 하지요....


아참 이것은 워드프레스의 유료스킨입니다. 배포하지는 않습니다. 개인적으로 원하는 분이 있어서 컨버팅 한 것입니다.

궁금한 분을 위해 미리보기름 몇일간만 열어놓겠습니다. 구경할 분은 하세요. 여기입니다.

신고

댓글

  1. 2012.04.17 12:38  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 대문 demun 2012.04.17 19:17 신고  댓글주소  수정/삭제

      안녕하세요. 이 스킨은 워드프레스 유료스킨입니다. 그래서 배포를 하고 싶어도 안됩니다. ㅎㅎㅎㅎ

      담에 좋은 스킨으로 뵙죠..요즘은 시간이 없어 블로깅도 못하네요...
      찾아주셔서 감사합니다.

  2. 2012.04.18 17:43 신고 BlogIcon 해커 C  댓글주소  수정/삭제  댓글쓰기

    안녕하세요~ 대문님 ㅎ

    스킨이 유료라서 그런지. 깔끔한 느낌이네요~

    드랍다운 메뉴가 마음에 들어요@@ㅎㅎ

    즐거운 저녁 시간 되세요 ~^^

  3. 2012.04.22 13:32  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다