IJMuAN02pVKE2uZHXG2JnZAHGfjon49GBXjko1rk

블로그스팟 VTrick 테마 링크(카테고리) 목록 수정 하는법

블로그스팟 VTrick 테마 링크 목록(카테고리) 수정하는 방법에 대해 자세히 알려드리도록 하겠습니다.

유튜브 영상을 통해 알려드렸지만 이해가 안되는 분들을 위한 보충 자료입니다 😀

블로그스팟 VTrick 테마 링크(카테고리) 수정 방법

유튜브 영상에서 제가 소개해드렸던 VTrick 테마 링크의 종류는 크게 3가지였습니다.
  1. 일반적인 텍스트 메뉴 + 아이콘
  2. 계층구조의 링크 목록
  3. 메가 메뉴(썸네일 미리보기)
개인적으로는 1번의 일반적인 텍스트 메뉴에 아이콘을 추가해서 사용하는 것을 권장드리는데요!

복잡하고 화려하면 좋겠지만, 때로는 단순한게 가장 좋을 때가 있습니다.

먼저 블로그스팟 레이아웃 메뉴로 이동해서 링크 목록의 수정 버튼을 누르도록 합니다.

링크 목록 수정

일반적인 텍스트 메뉴 + 아이콘

첫번째 링크 목록은 가장 많이 사용하는 메뉴 텍스트만 넣는 방법입니다.

사이트 이름에 "메뉴 이름"을 입력하고, 사이트 URL에 "메뉴 주소"를 입력하는 형식입니다.

일반적인 메뉴 링크 목록 적용

/search/label/메뉴이름

사진에는 검색 이름이라고 적어놨는데 라벨에 표시해둔 이름을 입력하시면 됩니다.

예를들어 블로그스팟에 대한 글을 추출해서 보여주고 싶다면 "/search/label/블로그스팟"이라고 씁니다.

사진에는 /search/label/VTrick 이라고 적어놨는데 그러면 VTrick 이라고 라벨이 붙은 글들만 나옵니다.

라벨 선택 전

라벨을 붙이기 전에는 이렇게 글이 3개가 노출되었는데요! 만약 라벨을 "VTrick"으로 설정하면?

라벨 선택 후

이렇게 VTrick 이라는 라벨이 설정된 글 2개만 보여지는 것을 알 수 있습니다.

그리고 메뉴 옆에 아이콘을 넣고 싶다면 [VTrick 테마 아이콘 수정하는 방법] 글을 참고해주세요!

메뉴 아이콘 추가하기

계층구조의 링크 목록

두번째 링크 목록은 계층구조로 나타나는 목록으로 마우스 커서를 올리면 메뉴가 보이는 형식입니다.

과거 홈페이지들에서 이런 메뉴들이 많이 보였는데 요즘은 잘 안보이긴 하지만 공간활용에 좋습니다.

계층 구조 링크 목록

이런 메뉴를 만드는 방법은 간단합니다. 아래 사진을 보시면 더욱 이해가 잘 되실텐데요!

계층 구조 링크목록 만드는 방법

_(언더바)를 하나 넣으면 하위메뉴를 추가할 수 있음

"블로소득"이라는 메뉴가 있는데 그 하위메뉴로 "_블로그"라고 (언더바)를 추가하여 입력하면 됩니다.

그리고 "_블로그"라는 메뉴 아래 또 하위메뉴를 만들고 싶다면 (언더바X2개)를 입력하면 됩니다.

언더바를 통해서 결국 종속 여부를 선택할 수 있기 때문에 직접 해보면서 테스트하는 것을 추천드립니다.


메가 메뉴(썸네일 미리보기)

마지막은 썸네일까지 미리보기 형식으로 보여주는 메가 메뉴입니다.

블로그스팟 해외 테마들을 보면 종종 볼 수 있는 메뉴인데 주로 유료 테마에서 볼 수 있는 귀한(?) 기능입니다.

VTrick 테마를 제가 좋아하는 이유가 바로 이런 유료급 기능들이 많이 탑재 되어있습니다.


{getContent} $label={recent}

위에 보시는 recent 라는 부분은 "최신 글"을 추출하라는 의미입니다.

그래서 이 부분에 다른 라벨(태그)를 입력하게 되면 해당 라벨만 추출해서 보여주는데요!

메가 메뉴 블로그스팟

저는 라벨을 "블로그스팟"이라는 입력했고, 블로그스팟 라벨만 불러와서 메뉴에서 보여줄겁니다.

메가메뉴 수정결과

이렇게 블로그스팟이라는 메뉴에 마우스를 올리면 블로그스팟 라벨만 보여지게 됩니다.

유튜브 영상에서 빠르게 설명드려서 어딘가 모르게 찜찜했던 부분을 글로 쓰고 나니 좀 낫네요 ㅎㅎ

역시 저는 영상보다는 글이 잘 맞는 영락없는 블로거 체질인가 봅니다

링크 목록(메뉴)만 수정하면 사실 더이상 테마는 수정할 부분이 없을거라 생각됩니다.

글쓰는 방법과 블로그 에디터 활용방법에 대한 영상을 올릴 예정이니 많은 관심 부탁드립니다.

✅ 블로그소득 유튜브 채널 바로가기 : https://youtube.com/@블로그