티스토리 만들기 5 : letter 스킨 사이드바 or 메뉴

안녕하세요 블루이드 입니다.

티스토리 #1 에서 letter로 스킨 변경하고 작업중입니다.
이전글들은 아래 링크를 달아놓았습니다.(참고하세요.)

• 1번글 스킨변경 시작하면서
• 2번글 스킨변경 사전작업 : 설정 저장
• 3번글 스킨변경 후 애드센스 점검
• 4번글 letter 스킨 메뉴 SNS 링크 수정

 

오늘은 쓰다보니 좀 이상한 점이 있어서 포스팅을 하게 되었습니다.

레터 스킨 좌상단에 있는 햄버거박스는 메뉴인가? 사이드바인가? 오늘 포스팅을 시작하겠습니다.

이거슨 사이드바? 이거슨 메뉴?

시작하기 전에 먼저 포스팅 요약에 걸릴 이미지를 하나 투척하고...

자 이제 진짜로 시작...ㅎㅎ

letter 스킨으로 변경하신 분들은 눈치채셨겠지만, 좌상단에 메뉴 햄버그바를 누르면 아래 그림과 같은 메뉴가 노출됩니다.

좌 : 메뉴 화면 , 우 : 메뉴/사이드바 설정 화면

하나씩 그림도 나눠서 올리려고 했으나 귀찮은 관계로 ㅎㅎ.

홈페이지 메뉴를 누르면 나오는 메뉴 항목은 위 그림에서 왼쪽 영역입니다. 그리고 티스토리 설정화면의 메뉴와 사이드바의 현재 설정을 오른쪽에 표시해서 연관있는 항목끼리 연결해보았습니다.

그림을 보시면 아시겠지만, 메뉴에 있는 항목, 사이드바에 있는 항목, 메뉴에 없는항목 세 가지로 구성되어 노출이 됩니다. 신기하긴 하지만, 어째서 그런지를 알아야 나중에 수정도 할 수 있으니까 글쓰기 항목을 연 김에 한번 알아보도록 하겠습니다.

• 햄버거바에서 노출되는 영역은 관리자의 메뉴 에서 추가하는 것이 맞음
  (단, 옵션이 다양하지는 않고, 직접적인 URL을 링크시켜야 할 수도 있음)
• 단, 방문자수는 사이드바에 추가한 내용이 4 영역에 표시됨
  사이드바에서 방문자 수 제외 시 메뉴에서 4번 사라짐
• 3번은 스킨변경4 에서 포스팅한대로 관리자 - 꾸미기 - 스킨편집에서 설정
• 2번은 관리자 - 꾸미기 - 스킨편집 - html 편집 - html 탭에서 1번 아래에 2번이 나오도록 설정되어 있음
  (메뉴에서 설정하는 것이 아님)

 

추가로 사이드바 메뉴에 대해서 조금 더 알아보자면...

1. 5번 블로그 정보는 가로형 UI에서는 본문 하단에, 세로형 UI에서는 메뉴바에서 나옵니다.
2. 방문자 그래프는 가로형 UI 하단에서 안예쁘게 나와서 플러그인에서도 제외했습니다.
3. 프로필 레이어 플러그인도 제외할 생각 입니다.

 

블로그 정보는 사실 나에겐 꼭 필요한 정보는 아니라서 삭제를 하고 싶은데, PC에서는 사이드바에서 제외하면 안나오지만, 모바일에서는 공란으로 about me 라고 나오게 된다. html 편집에서 해당 코드를 삭제하면 되는데, 표면적으로 보이는 것 외에 다른 링크나 설정이 더 걸려있으면 상당히 머리가 아파지기때문에 그냥, 사이드바에 추가하는 것으로 결정했습니다. 귀차니즘...

다음 포스팅은 뭘 하게 될까요?

오늘도 쓰다가 자연스럽게 html 편집기를 열어놓고 쳐다보다가 깜짝 놀라서 급 마무리하게 되네요. ㅎㅎ