완벽한 메뉴 퀘스트 ...

이것은 튜토리얼의 파트 1
이 튜토리얼의 일부 2 가로 하나 세로 메뉴 + 어두운 컬러 팔레트를 빌드하는 방법 배울 수

내가 갖기로 결정 논문 주제를 내 고객 중 하나가 논문과 내 사이의 호환성 문제에 대해 알려 때문에 워드 프레스 회원 사이트 플러그인 MemberWing. 나는 그것을 고정하고 논문에 대해 자세히 살펴보고로 결심했으며, 실제로보고 참을수 주요 논문 사이트의 첫 페이지에 동영상을 - Diythemes.com .
나에게 감동을 무엇 가장 세부 사항에주의이며, 사용자의 편의와 무엇보다도 - 잘 생각 아르 SEO 기능.
MemberWing 회원 플러그인은 가능한 한 많은 SEO 주스를 당길 필요가 회원 사이트에 대한 바닥부터 설계되었습니다. 그래서 MemberWing에서 SEO 향상의 수많은와 perfections에 관심을 많이 냈어요. 내 고객 중 다수가 사용하는 다양한 주제에 대해 물었하고 SEO는 깊은 내부에서 최적화되어 잘했습니다 테마를 가지고하는 것은 회원 포털 기업을위한 훌륭한 맞는 것입니다.

의 SEO의 권력과 MemberWing의 결합 SEO 힘을 논문 주제는 우리 고객에게 순위를 기회 최고의를 제공합니다. 그래서 논문도하고 하루 동안 함께 연주.

그것은 모든 방법으로 훌륭한 테마입니다. 그것의 탐색 부분은 있지만 기능 제한 비트입니다. 논문 1.5에서 시작 + 그것은 단지 하나 수준의 메뉴입니다. 내 평소 욕망이 훨씬 필요한만큼 탐색을 사용자 정의할 수 있습니다 것입니다. 일부 사이트는 몇 페이지가 많은 다른 정적 페이지 + 기사 / 게시물 zillions + 카테고리 많은 톤의있다.
따라서 이상적인 세계에서 좋은 보는 계층 조직 사용자 친화적인 탐색 메뉴를 만들 수있는 기회를 가지고하는 것은 필수입니다. 박쥐에서 논문 권리 좋습니다 탐색을 가지고 있지만 모든 논문 기반 웹사이트 쌍둥이처럼 찾고있는 것으로 나타났습니다. 대부분의 사람들이 그냥 그대로두고 있으므로 논문 탐색 메뉴를 사용자 정의하는 것은 정말 쉬운 일이 아닙니다. 메뉴에서 카테고리 순서를 변경하거나 페이지 사이에서 그들을 위치하는 방법은 없습니다. 그리고 다시, 중첩된 메뉴 구조를 만들 수있는 능력은 없습니다. 그래서 난 그것에 대해 할 수 있는지하기로 결정했다.
대여섯 메뉴 / 네비게이션 관련 플러그인에 대한 노력 후에 나는 내 선택을 설정 워드 프레스 탐색 목록 플러그인 NAVT .
NAVT 플러그인은 기본적으로 슈퍼 환상과 목록 발전기를 순서대로 정렬되지 않은 그리고 조금은 untraditional 관리자 인터페이스를 어려운 그림이다. 어떻게 그것에 대해 오해의 소지가있는 것은 사실 자체로 멋진 찾는 메뉴를 생성하지 않는다는 것입니다. 그래도 작업의 어려운 부분을 수행 - 목록을 순서대로 정렬되지 않은 당신에게 시각적으로 함께 당겨, 그리고 생성하는 능력을 제공합니다 -의 뼈대를 귀하의 메뉴 - 투 - 수 있습니다. 그리고 당신은 너무 많은 메뉴를 만들 수 있습니다. 당신은 탐색 메뉴에 워드 프레스의 것들 모든 종류의 당기 수 있습니다 페이지, 게시물, 기사, 카테고리, 사용자, 코드 블록, 외부 링크, 디바이더, 구​​분 및 혼합 및 일치와 둥지를하고 준비하고 나무와 같은 구조에서 그들을 정의할 당신 싶습니다.
당신이 HTML이 목록을 순서대로 정렬되지 않은 결과에 대한 NAVT가 생성됩니다. NAVT의 두 번째 아름다움은 당신이 유명한 JQuery 기반 논리를 통해 그러나 어떤 코드를 변경할 필요없이 테마에 새로운 메뉴를 삽입하는 데 도움이되는 것입니다! "내 새로운 NAVT 메뉴이 # 요소를 대체"NAVT는 지정할 수 있습니다. # 요소는 현재 테마에 의해 생성되고 기존의 메뉴 또는 사업부 요소 태그의 경로의 ID 또는 클래스 수 있습니다. 그래서 NAVT은 테마 코드로 가서 이미보다 더 성가신 수 있도록 강요하지 않고이 대체를 않습니다. 그런 경우 횡설수설하는 것처럼 모든 소리 - 걱정하지 마세요 - 당신이 곧 단계적으로 안내하겠습니다. 모두 NAVT의 도전 부분은 당신 자신을 위해 메뉴 실제 CSS + 이미지 + 자바 스크립트 코드로 나오셔야한다는 것입니다. 그리고 어디에 어떻게이 파일을 통합하고이 물건 제대로받을 함께 연결되어 만들 알아낼 당신에게 모든 것이 달렸습니다.
감사 JQuery을 모르고 + 몇 가지 PHP + CSS + 워드 프레스와 품위있는 경험을 갖는다는 것은 -이게 당길 어렵습니다.
제가 워드 프레스에 가장 적합한 네비게이션 메뉴 최고의 건물에 자유 총알과 가이드 인류 물어하기로 결정 그래서 기꺼이 내가 이런걸 조금 알아요. 전 그냥 좋은 찾고 수평 CSS 메뉴 소스를 찾을 필요했습니다. 내가 선택한 동적 드라이브 웹사이트 최선 선택, 데모 및 소스에 대한.

나는 논문을 연구하고 NAVT 플러그인과 함께 플레이 하루 전용. 끝에 저는 당당하고 정의, 유연하고, SEO 최적화, 내 워드 프레스 + 논문을 기반으로 사이트에 대한 다단계, 중첩된 nagivati​​on 구조를 만들었습니다.

다단계, 중첩의 기능 목록 워드 프레스 탐색 을위한 메뉴 논문 테마
(이 물건을 좋아합니다) :

• 전문, 깨끗한 모양과 느낌.
• MSIE 6,7, 오페라, 사파리, 파이어 폭스 3.x를, 자바 스크립트 모두에서 Google 크롬 및 비 자바 스크립트 모드를 포함한 모든 최신 브라우저에 대한 지원.
• 비 자바 스크립트 브라우저를 위해 정상적으로 downgradable. 당신은 메뉴에서 사용할 시각과 비슷한과 (불구하고 오직 최고 수준의 네비게이션이 표시되며 그들이 자바 스크립트에 의해 만들어진 아무런 flyouts 물론 이런 일이 일어나지 않습니다) JavaScript를 사용 중지 브라우저에도 작동합니다.
• SEO 친화적인 기능 - 목록 메뉴 코드를 HTML 내에 생성됩니다 순서대로 정렬되지 않은. Google 및 기타 검색 엔진 스파이더가 색인 탐색 구조를 할 수 있으며 내부 페이지에 대한 링크를 찾을 수 있습니다.
• 무제한 중첩 수준 및 sublevels 지원.
• 모든 주문 또는 페이지 게시물 (URI를 사용자 정의를 통해), 카테고리, 사용자, 사용자 정의 코드 블록 및 메뉴 내에서 외부 링크에 대한 지원.
• 지원 텍스트뿐만 아니라 이미지 기반의 메뉴 요소. (저는 이런 생각을 해보 아직).
• 메뉴 구조와 내용 NAVT 관리 영역을 통해 시각적으로 조정됩니다.
• 컴팩트 : 중첩 수준 JQuery 기반 flyouts.
• 빠른 : 메뉴에 대한 JQuery가 Google 서버 (난 로컬 그것을 끄는 대신 동일한 기능을 수행할 논문 자체를 사랑 해요)에서로드됩니다. 이것은 사물을 조금 속도 것입니다.
• 확장성 - 메뉴의이 유형은 수정할 수 있으며, 어디서나 코딩의 필요없이 NAVT 플러그인 설정을 통해 언제든지 설정.

제가 사용하는 동적 드라이브에서 우수한 메뉴를 거점으로 ​​포털. 나는 자바 스크립트 코드를 조금뿐만 아니라 그것이 논문에서 작동하도록 custom_functions.php로 PHP의 청크를 포함을 사용자 정의할 수 있었다. 또한 기존 페이지, 카테고리 및 내 사이트에서 게시물의 번호가 메뉴 구조를 조립하는 데 사용되었습니다. 사이트 구체적인 다른 것입니다 -하지만 개념은 동일합니다.
그래서 계속 볼까요?

설치에 대한 단계별 지침을 NAVT 기반의 멀티 레벨, 사용자 정의, 중첩, SEO 친절한을
그리고 일반 멋진 찾고 워드 프레스에 대한 탐색 메뉴 와 논문 주제

1. 워드 프레스 관리자 패널로 이동합니다. 플러그인 -> 추가 새로운 "navt"에 대한 검색합니다. 플러그인이 표시됩니다. 클릭 [설치], [지금 설치] "플러그인을 활성화."
2. [도구] -> [NAVT 목록이 안으로 "네비게이션 그룹"지역은 "그룹 이름"을 찾아 입력 필드에 "menu1"키를 눌러 [만들기] 버튼을 클릭합니다. "menu1"직사각형 영역을 만들었어요.
   이 "menu1"영역 메뉴 건설의 주요 놀이터 것입니다. 당신이 끌어 여기 메뉴 요소를 낙하됩니다.
3. 에서 "자산"지역 "기타"목록 상자를 찾아 "홈"선택을 클릭하십시오. "홈"거시기 "는 할당되지 않은"영역 안에 나타납니다. 이상한, 어? 같은 거겠죠 걱정하지 마십시오, - 그리고 그것이 우리 것입니다.
4. "menu1"직사각형 영역으로 "자산"영역에서 "홈"거시기를 끕니다. 그것은 메뉴에서 "홈"항목이 될 것입니다.
   • "페이지"영역에서 일부 페이지에 대해 3-4 단계를 반복뿐만 아니라, "카테고리"지역 카테고리. 당신은 "menu1"직사각형 내부 메뉴에 있고 싶어 다른 항목을 드래그하십시오. 당신은 페이지, 카테고리, 사용자 및 "목록 분할기"와 "코드 블록"같은 사용자 정의 요소를 클릭하십시오. 코드 블록은 메뉴 안에서 사용자 정의 스니펫 (snippet)을 추가하는 멋진 방법입니다.
   • 당신은 그들의 순서를 다시 정렬할 수 'menu1'영역 내부 메뉴 항목을 드래그 수 있습니다.
   • 당신은 "<"와 ">"화살표가있는 각 메뉴 항목의 계층 위치를 조정할 수 있습니다.
   • 각 메뉴 항목의 텍스트 이름을 클릭하면 -이 항목에 대한 마음 boggling 추가 사용자 지정 대화 상자를 엽니다. 나는 대부분 기본값을 사용하지만 기술적으로 당신은 미쳐 및 이미지 기반의 메뉴 선택을 만들기 시작하고 그것에 HTML 코드 청크를 추가할 수 있습니다. 하지만 신중하게 진행합니다.
   • 나는 "코드 블록"형식을 사용하는 다른 "하위 어린이"에 대한 "부모"로 될 것입니다 linkless unclikable 하위하십시오. = "은 <a href='#'>의 MemberWing </ A>"예를 들어 같은 코드 블록 항목을 사용자 정의할 때 "메뉴 항목의 별칭"= "MemberWing"과 "코드 블록을 입력하십시오"에 입력했습니다. 데 HREF = "#"이 그것을 클릭할 수 있지만 유효한 "부모"메뉴 선택으로 행동하지 것입니다.
5. 거의 완성된처럼 내 NAVT 'menu1'빌드 구조가 모습 방법은 다음과 같습니다
   
6. 귀하의 메뉴 구조를 사용자 정의하려면 "장치"아이콘을 클릭한 후 초기 건물을 완료하고 :
   
7. 옵션, 디스플레이, CSS, 주제 : 그것은 4 탭 대화 상자가 열립니다.
   1. '옵션'탭으로 이동하여 모든 선택하지하고 "그룹 이름"입니다 있는지 확인은 말합니다 : "menu1"
   2. 탭 "디스플레이"와 "에 표시 탐색 그​​룹 ..."에 있는지 다 확인 지역은 [X]를 선택로 이동합니다. 기본값에서 나머지를 남겨주세요.
   3. 'CSS'탭으로 이동하여 (X) "CSS 클래스를 적용하지 마십시오 '라디오 버튼을 선택합니다.
   4. '테마'탭으로 이동하여 그렇게 그것을 기입 :
      
      "이전에 태그를 추가 ..."로 지역이 코드를 삽입합니다 :
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      "이후에 태그 추가 ..."에 삽입 지역 코드 :
      <br style='clear: left' /></div>
   5. 보도 자료 [저장 / 닫기] 버튼을
8. NAVT 플러그인 옵션 내에서이 시점 메뉴 건물에 완료됩니다.
   이제는에 대한 약간의 조정을 할 수있는 시간의 논문 주제 가 준비합니다. 그것을 위해 몇 가지 사용자 지정 파일을 추가할 필요 - CSS와 JavaScript가 메뉴에 속해 및 업데이트 학위 논문 'custom_functions.php 것을
9. 여기에 파일의 전체 집합을 다운로드합니다 .
10. 아카이브의 압축을 풉니다. 귀하의 사용자 정의와 custom_functions.php를 업데이 트해야하는 경우 - 당신은 내 물건으로 그들을 병합해야합니다. 당신에게 맡기죠.
    당신이 그것을 만져하지 않은 경우 - 나의 그것을 덮어 주시기 바랍니다. 참고 : 저는 웹사이트 헤더 (기본값은 위에있다) 아래의 메뉴를 위치를 선호 - 내 조정뿐만 아니라이 환경 설정을 포함하므로.
11. 당신의 아래에있는 모든 하위 디렉토리 및 파일을 포함하여 아카이브 업로드 논문 주제 같은 '사용자 정의'디렉토리를 :
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    나는 custom.css 본적도 없어 - 난 custom.css 내부 혼란을 만드는 피하기 위해 자신의 위치를​​ 아래의 메뉴에서 특정 CSS를 유지하는 것을 선호
12. 이 시점에서 당신의 웹사이트를 다시로드하고 새로운 아름다운 새로운 멀티 레벨, 중첩, SEO 최적화 메뉴를 볼 수 있습니다.
13. 당신은 항상 설정을 NAVT 더 선택하여 메뉴를 사용자 정의하거나 아무것도 위치를 되돌아 가실 수 있습니다. 그것은 자동으로 라이브 사이트에 반영됩니다.

앞으로 도로 ...

이 튜토리얼은 메뉴의 한 가지 유형의 창조적인 예제를 포함되어 있습니다. 난 다른 한 사람과 연주 - 그냥 색상 메뉴처럼 얼마나 어두운 볼 수 :

논문 주제 - 멀티 레벨 중첩 CSS 메뉴 - 어두운 팔레트

참 좋은 생각합니다. 에서 구할 수 많은 탐색 샘플이 있습니다 동적 드라이브 - 그들 모두가 어떤 노력 논문 및 기타 워드 프레스 테마에 대한 사용자 정의할 수 있습니다

동적 드라이브 가로 메뉴

당신이이 튜토리얼은 유익하고 유용하다는 점을 아시게 될 것입니다. 내가 말했듯이,이 논문에 대해 이러한 메뉴 중 하나를 사용자 정의할 수 있습니다 - 시간과 그것이 일어날 수 있도록 희망을 주어입니다.

나는 계약 기준 당신을 위해이 일을 할 수 있습니다. 그냥 당신이 좋아하는 메뉴를 골라 저에게 연락 하고 당신의 웹사이트에 대한 코드와 지침에서 작동됩니다.

20달러

물론 당신은 슈퍼 SEO 최적화 프리미엄 워드 프레스 포털 회원 건물까지있다면 ​​- 이것에 대한 최고의 솔루션을 :
논문 테마 + MemberWing 회원 플러그인 + 셀프 호스팅 워드 프레스 물론 이죠.

comments } { 15 댓글 }