플러그인 검토: UberMenu 2.3

나는 종종 스스로에게 질문합니다. 무엇이 방문자를 사이트처럼 만드는가? 내용만 그럴까요? 디자인인가요? 아니면 둘 다인가요? 나는 이것에 대해 꽤 오랫동안 고민해왔고, 어느 정도 결론에 도달했습니다. 좋은 웹사이트의 핵심 요소 중 하나는 명확성입니다. 좋은 콘텐츠(텍스트, 이미지, 오디오 및/또는 동영상 포함)가 포함된 깔끔하고 잘 분류된 웹사이트는 그야말로 탁월합니다.

사람들은 XML 사이트맵, SEO 및 소셜 미디어 마케팅을 개선하는 데 많은 시간과 노력을 쏟습니다. 사용자가 Google/Twitter에서 귀하의 사이트를 찾을 수 있게 만드는 것은 매우 좋습니다. 사람이 실제로 귀하의 사이트에 방문하면 어떤 일이 발생합니까? 그가 보는 것을 좋아할까요? 그 사람이 그 사이트를 북마크에 추가할까요? 무엇이 그의 행복한 신경을 자극하고 좋아요/팔로우 버튼을 누르게 될까요?

사용자 경험을 입력하세요. 꽤 많은 사람들이 이것에 거의 관심을 기울이지 않습니다. 다행히도 Tom은 최근 웹사이트의 사용자 경험을 개선하는 방법을 설명했습니다. 그는 UX(사용자 경험의 약어)를 디자인, 사용성, 콘텐츠의 세 가지 구성 요소로 분류합니다. 간단히 말해서 저는 이것을 명확성이라고 부르고 싶습니다.

오늘 기사에서는 UberMenu라는 매우 인기 있는 WordPress 메뉴 강화 플러그인을 검토하겠습니다. 가격이 16달러에 불과한 이 플러그인은 CodeCanyon에서 17,000개 이상의 판매를 기록했습니다. 당신의 두뇌는 이미 하나의 플러그인으로 계산을 해냈습니다 – 무려 272,000 USD에 달하는 금액입니다. 이제 여러분의 관심을 끌었으니 시작해 보겠습니다. ?

설치

UberMenu를 설치하는 것은 매우 쉽습니다. 설치하는 방법에는 두 가지가 있습니다. 하나는 아카이브를 추출하고 FTP를 통해 wp_content 아래의 플러그인 폴더에 261개 파일과 39개 폴더를 모두 업로드하는 방법입니다. 또는 WordPress 대시보드의 플러그인 > 새로 추가 > 업로드 아래에서 직접 업로드하여 설치하면 됩니다. zip 파일.

플러그인을 활성화하면 플러그인의 기본 설정을 안내하는 멋진 튜토리얼이 나타납니다. 나는 당신을 위해 무엇이 준비되어 있는지에 대한 조감도를 제공할 것이므로 그 가이드를 따르는 것이 좋습니다. 그러면 실망하지 않을 것입니다.

기본 사항 시작하기

플러그인 개발자인 Chris Mavricos는 자신의 플러그인을 문서화하는 데 있어 모든 노력을 다했습니다. 설명서에는 비디오 튜토리얼도 포함되어 있습니다. 나는 겸손하게 2분 동안 문서를 읽어 플러그인에 대한 기본적인 이해를 얻었습니다. MegaMenu 기능은 콘텐츠를 마지막 비트로 분류할 때 매우 유용합니다. 당신이 레이블 제작자라면(Sheldon Cooper 박사와 같은) 열성적인 사람이라면 이 제품을 좋아할 것입니다.

메가메뉴

MegaMenu는 고도로 사용자 정의 가능한 옵션을 갖춘 기본 WordPress 메뉴의 고급 버전입니다. MegaMenu의 기본 CSS 레이아웃은 3가지 기본 계층 구조 수준을 지원합니다. 다행히도 MegaMenu 레이아웃의 모든 측면을 실질적으로 변경할 수 있는 사용자 정의 CSS를 실행할 수 있는 옵션이 있습니다.

WordPress 메뉴 시스템에 대한 이해가 부족한 분들을 위해 다음 가이드를 준비했습니다.

WordPress 메뉴: 빠른 가이드

좋아하는 TV 프로그램, 음악, 책, 영화에 대해 이야기하는 블로그가 있다고 가정해 보세요. 사이트 콘텐츠를 적절하게 색인화할 수 있는 메뉴를 만드는 방법을 알아보세요. 시작하려면 메뉴(외관 > 메뉴)를 생성하고 테마 지원 위치에 할당해야 합니다. 이 튜토리얼에서는 1개의 기본 메뉴를 지원하는 Twenty Eleven WordPress 테마를 사용합니다. 이제 메뉴를 만들었으므로 메뉴를 만들 차례입니다. "TV"라는 기본 항목을 만듭니다. 그러면 계층 목록의 맨 위에 있는 수준 1이 됩니다. 다음으로, 리얼리티, 드라마, 시트콤 등 장르에 따라 TV 프로그램을 분류합니다. 이 세 가지 장르는 레벨 2, 즉 계층 구조 목록의 두 번째 레벨에 있습니다. 마지막으로 각 장르별로 그에 따라 TV 시리즈를 입력합니다. 이제 각 TV 쇼는 3단계입니다. 우리는 다음과 같은 것을 얻습니다:

MegaMenu에서는 다음과 같이 보입니다.

깔끔하고 단순하며 군더더기 없는 분류.

이미지와 설명이 포함된 메가메뉴

케이크 위에 장식하는 것처럼 각 메뉴 항목에 이미지와 설명을 추가합니다. UberMenu를 사용하면 메뉴의 거의 모든 요소에 이미지와 설명을 할당할 수 있을 뿐만 아니라 보이는 텍스트를 제거하거나(이미지만 원하는 경우) 개별 메뉴 항목을 강조표시할 수 있습니다. 모든 메뉴 요소 아래에서 사용할 수 있는 이 멋진 제어 목록 덕분입니다.

그러나 Timthumb을 활성화하지 않은 경우 메뉴의 이미지 크기가 자동으로 조정되지 않으므로 표시하려는 정확한 크기의 이미지를 업로드/할당해야 합니다. 내 예에서는 300×300 픽셀 이미지를 사용했습니다.

그러나 Timthumb을 활성화하면 업로드하는 모든 이미지의 크기가 설정에 지정된 크기로 조정됩니다.

설명과 함께 메뉴 항목이 표시되는 방식은 다음과 같습니다.

메뉴 내 위젯

이것이 UberMenu를 모든 메뉴 플러그인의 왕으로 만드는 궁극적인 기능입니다. 개념은 매우 간단하지만 완전히 훌륭합니다. UberMenu 설정에서 원하는 위젯 슬롯 수(원하는 만큼 가능)를 설정한 다음 위젯 페이지에서 그에 따라 위젯을 배치합니다.

메뉴에 위젯을 배치하려면 메뉴 요소를 확장하고 할당하려는 위젯을 선택하기만 하면 됩니다. 텍스트 비활성화 및 링크 비활성화 확인란을 선택했는지 확인하십시오.

다음은 (메뉴 내) 위젯이 할 수 있는 놀라운 일의 예입니다:

강력한 사용자 정의

UberMenu의 스타일 생성기에는 메뉴에 독특한 모양과 느낌을 부여하는 데 사용할 수 있는 강력한 CSS3 사용자 정의 옵션이 많이 있습니다. 또한 완전 사용자 정의 CSS와 부분 사용자 정의 조정을 지원합니다.

또한 메뉴에서 사용할 수 있는 잘 디자인된 스타일 템플릿이 많이 제공됩니다.

또 다른 주목할만한 기능은 메뉴에 대해 가능한 맞춤설정 옵션을 확인하고 싶을 때 매우 유용한 맞춤설정 도우미입니다.

여러 가지 잡다한

테마 통합

대부분의 테마는 UberMenu에서 작동하지만 Genesis 또는 Headway 테마 프레임워크와 같은 기본 프레임워크를 사용하는 테마를 사용하는 경우 테마 통합이 약간 까다로울 수 있습니다. 고맙게도 Chris는 이 부분을 훌륭하게 문서화하여 UberMenu를 사용자 정의 테마에 통합하는 데 필요한 정확한 노하우를 제공했습니다.

제어판

플러그인의 제어판은 사용이 매우 간단합니다. 기능을 켜거나 끄는 엄격한 바이너리 시스템에서 작동합니다. 제 생각에는 이것이 사용 가능한 옵션을 나타내는 가장 좋은 방법 중 하나입니다.

사이트 속도

SEO 및 검색 엔진 순위에서 가장 중요한 요소 중 하나인 사이트 속도는 매우 중요합니다. UberMenu는 사이트 로드 시간에 미미한 영향을 미칩니다. Pingdom을 사용하여 플러그인 설치 전후에 페이지 로드 시간 테스트를 수행했습니다. UberMenu는 로드 시간을 단 0.25초 늘렸습니다. 페이지 크기가 많이 커졌다는 것을 느끼실 수 있는데, 이는 "Top Picks" 메뉴에서 3개의 이미지를 사용했기 때문입니다.

플러그인 설치 전

플러그인 설치 후

반응형 디자인

UberMenu에는 iPhone, iPad, Android 브라우저에 대한 개별 논리 규칙이 있습니다. 메뉴가 어떻게 반응하는지 확인하기 위해 브라우저 크기를 조정해 보았습니다. 그것은 매력처럼 작동했습니다. 브라우저가 특정 너비를 넘자마자 메뉴가 다른 반응형 레이아웃으로 변경되었습니다.

브라우저 호환성

UberMenu는 Chrome, Firefox, Safari, IE 9, IE 10 등 널리 사용되는 최신 브라우저와 완벽하게 호환됩니다.

지원하다

이 플러그인이 인기를 끄는 또 다른 이유는 다음과 같습니다. UberMenu에는 다양한 지원 옵션이 있습니다. 여기에는 잘 설계된 지식 베이스, 지원 포럼, 튜토리얼이 가득한 YouTube 채널 및 문제 해결 가이드가 포함되어 있습니다. 이들 모두는 잘 관리되고 광범위하게 문서화되어 있습니다.

마지막 생각들

UberMenu는 수많은 사용자 정의 옵션을 갖춘 최고의 WordPress 메뉴 플러그인입니다. 하지만 워드프레스 메뉴와 위젯에 대한 확실한 이해가 필요하므로 완전 초보자는 사용해서는 안 됩니다. 강력한 CSS 사용자 정의 옵션 덕분에 고급 WordPress 개발자에게는 꿈이 현실이 되었습니다.

플러그인의 기능을 명확하게 이해하려면 모든 사람에게 광범위한 문서를 철저히 읽어볼 것을 권하고 싶습니다. 단 16 USD에 이것은 도둑질입니다!

이전에 UberMenu를 사용해 본 적이 있나요? 귀하의 의견을 알려주세요!