상단 카테고리 수동 모드로 바꾸기 :: 엠원스킨

티스토리 상단에 카테고리를 넣는 경우, 문제점이 하나 발생하는데.. 카테고리 갯수가 많아지다보면 레이아웃을 깨뜨리는 일이 발생하기 때문입니다. 티스토리는 디테일한 프로그래밍은 지원을 하지 않기 때문에, 카테고리가 많아질 때, 레이아웃을 제어하는 방법이 전혀 없습니다.

 

 

 

아래 사진을 보면 빨간 테두리 영역에 만약 카테고리 메뉴들이 자리를 차지하고, 더 많아서 우측 RSS메뉴쪽까지 침범한다면? 레이아웃이 깨져버리거나 망가지거나 할겁니다. 하지만 방법은 당연히 있습니다. 수동모드로 전환하면 됩니다. 조금 귀찮아도 직접 소스를 넣는겁니다. 그 방법을 알려드리겠습니다.

 

 

 

1. 우선 HTML/CSS 편집 모드로 가셔서, HTML 부분에서 아래 사진과 같은 부분을 찾으세요. 이부분이 상단 카테고리 부분입니다. 즉, 카테고리1 부분인데요. 이부분을 아래 첨부한 소스로 교체하시면 됩니다.

 

카테고리1 수동 모드 소스.txt

 

 

 

2. 첨부파일을 열어보시면, 아래와 같은 소스가 있는데요. 빨간 테두리 부분의 주소, 카테고리1~5 라고 되어 있는 부분을 수정해주시면 됩니다. 주소는 자신의 카테고리 주소의 category/ 이 뒤부터 적으시면 됩니다. 복사해서 넣으시면 됩니다. 그리고 카테고리1 에다가 자신의 카테고리명을 넣으시면 됩니다. 이런식으로 계속 작성하시면 됩니다. 만약에 6개 이상 넣고 싶으시다면, <li>..</li> 라고 되어 있는 부분을 한줄 복사해서 아래에 넣기만 하시면 됩니다.

 

 

 

3. 다 하시고 저장을 하면, 아래와 같이 보일텐데요. 자동모드하고 차이가 있다면, 하위 카테고리가 표시가 안된다는 점입니다. 어쩔수가 없습니다. 수동소스이기 때문에 ㅎㅎ 하지만 수동이 어쩌면 더 깔끔해 보이기도 합니다. 하위 메뉴가 스크롤 되는거 사실 좀 지저분해보이거든요. 어쨌든 적당히 결과물을 보시면서 우측 메뉴하고 충돌이 일어나나 잘 보시면서 메뉴를 조절하시면 되겠습니다.

 

댓글(9)
  1. BlogIcon 김루트 2018.01.03 11:07 신고 댓글주소  수정/삭제  댓글쓰기

    안녕하세요 !! 현재 엠원스토리 스킨이 너무 이뻐서 바로 적용한 사람입니다 ㅎㅎ
    다름이아니구 님처럼 블로그 홈을 누르면 게시물들이 작게 나열되있는것처럼 하고싶은데
    저는 펼처린 게시물이 길~게 나와있떠라구요 혹시 설정하는 방법이 없을까요 ?

    • BlogIcon 엠원 #관리자 2018.01.03 12:02 신고 댓글주소  수정/삭제

      메인화면 말씀하시는건가요? 티에디션으로 설정한건데요. 목록형의 item-120161 (6번째) 을 사용해서 꾸민겁니다. 그리고 디자인 부분에서 썸네일을 1:1로 설정 ㅎㅎ 자세한 설정방법은 조만간 포스팅 할 예정입니다. (__)

    • BlogIcon 김루트 2018.01.03 13:42 신고 댓글주소  수정/삭제

      말씀하신대로 설정했습니다 ㅎㅎ 정말 감사합니다 !! 이쁘게 잘 사용할게요 !! 새해 복 많이 받으세요 ㅎㅎ

  2. BlogIcon 맹굴이 2018.02.19 20:29 신고 댓글주소  수정/삭제  댓글쓰기

    잘사용하고있답니다 !!!

  3. BlogIcon 리틀타이거 2018.03.19 13:50 신고 댓글주소  수정/삭제  댓글쓰기

    안녕하세요 카테고리 제주소가 어떤건지 잘모르겠습니다 ㅠㅠ

  4. BlogIcon 리틀타이거 2018.03.23 13:18 신고 댓글주소  수정/삭제  댓글쓰기

    카테고리 주소가 뭔지 모르겠습니다 ㅠㅠ

    • BlogIcon 엠원 #관리자 2018.03.23 13:35 신고 댓글주소  수정/삭제

      예를들어 제 블로그에서 엠원스킨 카테고리를 눌러보세요. 그럼 상단에 주소가

      http://m1story.tistory.com/category/%EC%97%A0%EC%9B%90%EC%8A%A4%ED%82%A8

      이렇게 뜨는데, 이게 주소입니다 ㅡ ㅡㅋ 제가 제공해드린 수정소스에서 category/주소 .... 주소라고 되어 있는부분만 해당부분에 넣으시면 됩니다. 매뉴얼에 자세히 설명이 되어 있어요 ㅇ_ㅇ

  5. BlogIcon 리틀타이거 2018.04.10 21:48 신고 댓글주소  수정/삭제  댓글쓰기

    안녕하세요 사이드광고가 갑자기 안나옵니다...
    메인글에선 나오는데 글클릭후 내용안에는 광고가 표시가안됩니다..ㅠㅠ

  6. BlogIcon 리틀타이거 2018.06.03 03:41 신고 댓글주소  수정/삭제  댓글쓰기

    ㅜㅜㅜ저좀 도와주세요 ㅜㅜㅜㅜ이번에 수정좀했는데 블로그 글들이 다 오른쪽으로 갔어요 ㅠㅠㅠㅠㅠㅠ

티스토리 툴바