모든 웹 소유자는 트래픽이 사이트의 생명선이고 좋은 콘텐츠가 홍수를 일으키는 열쇠라는 것을 알고 있습니다. 그러나 방문자를 얻는 것만이 전부는 아닙니다. 유지하는 것도 필수적입니다. 이것은 웹 디자인과 사용자 인터페이스가 중요한 역할을 하는 곳입니다. 귀하의 웹사이트가 직관적이고 보기 쉽다면 방문자는 귀하의 사이트에서 더 오래 머무를 것이고 검색 엔진은 귀하의 사이트를 더 사랑하게 될 것이며 귀하의 사이트는 검색 결과에서 더 높은 위치에 놓이게 될 것입니다.
직관적이고 사용하기 쉬운 웹 디자인의 핵심 요소 중 하나는 메뉴입니다. 다른 대부분의 일반 웹 메뉴 중에서 메뉴를 돋보이게 하려면 메가 메뉴를 사용하여 메뉴에 원하는 이미지, 위젯 및 거의 모든 대화형 웹 요소를 포함할 수 있습니다. WordPress 사용자라면 플러그인이 있습니다.
메가 메뉴 이해하기
메가 메뉴란? 이는 특히 Wal-Mart, OfficeMax, Target, Adidas, Puma, Toys-R-Us 등과 같은 전자 상거래 영역에서 주요 사이트에서 채택한 웹 디자인의 최근 트렌드 중 하나입니다. 메가 메뉴는 온라인 소매업체에 적합합니다. 그러나 백악관이나 IMDB와 같은 다른 종류의 웹사이트에도 이상적입니다.
메뉴는 웹 사이트 자체만큼 오래되었습니다. 방문자가 방문하는 웹사이트를 탐색하는 데 도움이 되는 도구입니다. 우리가 사랑하고 싫어하게 된 기존 메뉴는 사용자에게 작업을 수행하기 위해 일련의 텍스트와 드롭다운 텍스트를 제공하지만 메가 메뉴는 몇 단계를 차지합니다.
메가 메뉴를 사용하면 메뉴에 다른 웹 요소를 추가할 수 있습니다. 예를 들어, 메뉴에 추천 이미지와 함께 블로그의 최신 5개 게시물을 포함할 수 있습니다. 이 기능을 사용하여 온라인 소매업체는 제품 이미지와 오늘의 거래를 메가 메뉴에 추가하고 제품을 추가로 홍보할 수 있는 또 다른 광고판으로 사용할 수 있습니다.
WordPress 블로그에 메가 메뉴 추가
WordPress가 웹사이트를 강화하고 사용자 경험의 일부로 메가 메뉴를 삽입하려는 경우 프로세스는 플러그인을 설치하고 약간의 설정만 하면 되는 것만큼 쉽습니다.
WordPress 플러그인 리포지토리에서 찾을 수 있는 몇 가지 대안이 있지만 100,000개 이상의 설치, 거의 완벽한 별 5개 순위를 가진 가장 인기 있는 것 중 하나를 사용할 것이며 정기적으로 업데이트되는 Max Mega Menu를 사용할 것입니다. 기존 테마와 함께 사용하고 요소를 드래그 앤 드롭하여 편집할 수 있습니다.
WordPress 대시보드 내에서 '플러그인 -> 새로 추가' 메뉴로 이동하고 '최대 메가 메뉴'를 검색하여 플러그인을 가져올 수 있습니다.
플러그인을 설치하고 활성화한 후 사이드바에서 '모양 -> 메뉴'로 이동합니다. 그런 다음 메뉴 트리 왼쪽의 설정을 통해 Max Mega Menu를 활성화해야 합니다. 설정을 찾을 수 없으면 드롭다운에서 수정할 메뉴로 '기본'을 선택하세요.
개별 메뉴 항목 중 하나에 마우스 포인터를 올리면 추가 메가 메뉴 옵션이 표시됩니다.
기존 메뉴를 기반으로 메가 메뉴를 추가하거나 처음부터 새로운 메뉴 세트를 만들 수도 있습니다. WordPress에서 메뉴를 만드는 방법은 그 자체로 또 다른 이야기이기 때문에 논의하지 않겠지만 공식 페이지에서 지침을 참조할 수 있습니다.
메가 메뉴 옵션을 클릭하면 이 메뉴 항목에 대한 모든 메가 메뉴 설정이 포함된 패널이 시작됩니다. 취할 수 있는 기본 조치는 다음과 같습니다.
- 메뉴 영역이 메뉴 너비를 채우는 '플라이아웃' 또는 '메가 메뉴'라고 하는 일반 계단식 드롭다운 메뉴 중에서 선택합니다.
- 메뉴에 사용 가능한 위젯 추가
- 특정 메뉴에 사용할 열 수 선택
각 추가 위젯에는 편집 버튼이 있어 사용자가 내부 콘텐츠를 조정할 수 있습니다.
최종 결과는 메가 메뉴에 어떤 위젯을 넣었는지에 따라 달라지기 때문에 모든 것은 무기고에 어떤 위젯이 있는지에 달려 있습니다. 컬렉션에 항목이 많을수록 가능성이 커집니다.
일부 테마 및 플러그인에는 고유한 위젯이 함께 제공됩니다. 좋은 Google의 도움으로 더 많은 WordPress 위젯을 찾을 수도 있습니다. 그리고 "텍스트" 위젯과 라이트 코딩의 조합을 사용하여 거의 모든 것을 추가할 수 있기 때문에 하늘은 상상의 한계입니다.
빠른 사례 연구
플러그인으로 무엇을 할 수 있는지 알려드리기 위해 간단한 사례 연구를 해보았습니다.
먼저 메뉴를 플라이아웃에서 메가 메뉴로 변경했습니다. 그런 다음 내부에 하위 메뉴가 있는 기존 메뉴를 선택하고 필요하지 않은 하위 메뉴 중 일부를 삭제한 다음 Max Mega Menu 패널을 엽니다. 하위 메뉴의 개수에 맞게 열을 조정하고 JetPack의 이미지 위젯을 사용하여 이미지를 추가했습니다.
일을 더 즐겁게 하기 위해 캘린더와 소셜 미디어 아이콘 위젯도 추가했습니다. 할 수 있기 때문입니다.
이제 작은 사례 연구의 전후를 비교해 보겠습니다. 메가 메뉴를 추가하기 전의 메뉴 모습입니다.
제 메뉴를 수정한 결과입니다.
그렇다면 메가 메뉴에 대해 어떻게 생각하십니까? 이것은 일시적인 추세입니까, 아니면 더 오래 지속될 것입니까? 귀하의 사이트에 메가 메뉴를 추가하시겠습니까? 아래 의견에 의견을 공유하십시오.