[Flatinum 스킨 상단 '메뉴 토글' 설정]
Flatinum 스킨 수정 시리즈
- [애드센스] 티스토리 블로그 사이드 메뉴에 애드센스 광고 넣기
- [티스토리] Flatinum 스킨 '스크롤 네비게이션 바' 크기 설정
- [티스토리] Flatinum 스킨 '메뉴 토클' 설정 (이번 포스팅)
- [티스토리] Flatinum 스킨 상단 '메뉴' 설정
- [티스토리] Flatinum 스킨 하단 '페이징' 설정
'메뉴 토글'이 뭔가요?
▲ Flatinum 스킨에서 '메뉴 토글' 위치
다들 이렇게 명명하여 사용하시는 지는 모르겠지만 저는 위의 그림에서 붉은 색 점선으로 표시된 부분을 '메뉴 토글'이라 명명하여 사용하고 있습니다. 따라서 이번 포스팅이나 앞으로의 포스팅에서 제가 '메뉴 토글'이라는 단어를 사용하게 되면 저 위치의 메뉴를 의미합니다.
초기 '메뉴 토글' 상태
▲ 초기 '메뉴 토글' 상태
Flatinum 스킨을 적용하고 처음으로 '메뉴 토글'을 펼치면 볼 수 있는 화면입니다. 제 생각에는 사용자의 [태그], [위치로그], [방명록] 메뉴 사용 빈도가 거의 없을 것이라고 생각했습니다. 그래서 저는 이 부분을 블로그의 카테고리를 보여주는 메뉴로 활용하려고 합니다. 긴 글이나 모바일에서 글을 다 보고 카테고리를 확인하고 싶을 때 불편했는데 그 부분이 해소되겠죠.
'메뉴 토글' HTML 소스 수정
그럼 실제로 수정 및 적용하기 위해서 [티스토리] Flatinum 스킨 '스크롤 네비게이션 바' 크기 설정 글의 '[html 편집] 화면 이동'에서 설명한 경로를 통해 소스 편집 화면으로 이동합니다.(관리자 메뉴 - 꾸미기 탭의 [스킨 편집] - 우측 화면에서 [html 편집])
▲ '메뉴 토글' 부분 소스
▲ '카테고리' 주소 확인
▲ 변경 후 html 소스
▲ 변경 후 '메뉴 토글' 상태
이번에는 위에서 수정한 html 소스의 실제 적용 모습입니다. 소스상에서 맨위에 있던 '메뉴 토글'이 PC 화면에서는 맨 우측에 위치하고 모바일 화면에서는 맨 위에 위치하는 것을 확인할 수 있습니다. 이를 참고하시어 '메뉴 토글'을 수정하시면 되겠습니다.
관련 포스팅
Flatinum 스킨 수정 시리즈
- [애드센스] 티스토리 블로그 사이드 메뉴에 애드센스 광고 넣기
- [티스토리] Flatinum 스킨 '스크롤 네비게이션 바' 크기 설정
- [티스토리] Flatinum 스킨 '메뉴 토클' 설정 (이번 포스팅)
- [티스토리] Flatinum 스킨 상단 '메뉴' 설정
- [티스토리] Flatinum 스킨 하단 '페이징' 설정
유익한 시간되셨다면 하단에 공감 버튼을 눌러주세요.
여러분의 공감은 저에게 큰 힘이 됩니다.
'인터넷 정보 > 티스토리' 카테고리의 다른 글
[티스토리] Flatinum 스킨 수정 시리즈 (0) | 2018.05.02 |
---|---|
[티스토리] Flatinum 스킨 하단 '페이징' 설정 (0) | 2018.05.01 |
[티스토리] Flatinum 스킨 상단 '메뉴' 설정 (0) | 2018.05.01 |
[티스토리] Flatinum 스킨 '스크롤 네비게이션 바' 크기 설정 (feat. 모바일 반응형 '스크롤 네비게이션 바' 크기 설정) (3) | 2018.04.29 |
[티스토리] 임시저장 사라짐(누락) 오류 문제 해결 방법 (1) | 2018.04.26 |