논문 주제 - 다단계, 중첩된 서구 암남동 718 친화적인 메뉴 - 자습서

논문 주제 튜토리얼 - Wordpress에 다단계, 중첩된 서구 암남동 718 친화적인 네비게이션 메뉴 추가

gesman 2009년 7월 8일에 의해

퀘스트 완벽한 메뉴에 대한 ...

이 부분은 1 자습서 중 하나입니다
2 부이 튜토리얼의 세로 메뉴를 어떻게 구축 + 어두운 색상 팔레트를 수평으로 하나 가르쳐

왜냐하면 내 고객이 하나의 논문을 내 사이트에 플러그 접속식 WordPress의 회원 MemberWing 간의 호환성 문제에 대한 내 정보를 내가 논문 주제를, 결정. 난 고정 다음과 논문에서 더 자세히 살펴봐야 할 사실은 주요 논문 사이트의 프론트 페이지에 비디오를 시청하려면 - Diythemes.com 방해했다.
왜 나한테 너무 잘 생각하는 대부분의 세부 사항, 사용자 친화 모든 대부분의 관심이다 - SEO 기능에 감명 받았다.
MemberWing 회원 플러그인 지상 최대 회원 사이트에서 가능한 한 많은 SEO 주스 당길 필요 설계되었습니다. 그래서 SEO 향상 및 MemberWing에서 perfections의 무리에 관심을 많이 냈어요. 내 자신의 클라이언트의 여러 가지 주제에 대해 너무 잘 SEO 깊은 안쪽에서 회원 가입을위한 우수 기업 포털에 맞게 될 것이라고했다하는 데 최적의 테마를 사용하도록 요청하고있습니다.

SEO 능력과 내 고객에게 최고의 순위는 기회를 줄 것이라고 MemberWing의 SEO 능력을 결합하여. 그래서 내가 가지고 논문과 함께 하루를 연주.

그것은 모든 면에서 뛰어난 주제입니다. 그것의 네비게이션 부분은 비록 약간의 기능 제한됩니다. 논문 1.5부터 시작 + 그것을 한 단계 메뉴에만 해당됩니다. 만큼 필요 네비게이션 사용자 정의할 수 있도록 내 일반적인 욕망이다. 일부 사이트는, 많은 사람들이 정적 페이지 많다고 + 겨우 몇 페이지를 범주의 기사 zillions / 게시물 + 많이.
그래서 세계의 이상적인 기회를 잘 조직 계층을 찾고 사용자 친화적인 네비게이션 메뉴를 만들 필요가해야합니다. 박쥐에서 논문을 찾고 마우스 오른쪽 탐색하지만 난 모든 논문 기반 웹 사이트를 쌍둥이처럼 보이는 것으로 나타났습니다 잘하고있다. 논문 네비게이션 메뉴에서 사용자 지정하지 정말 대부분의 사람들은 그냥 그대로두고 쉽습니다. 저기 메뉴에서 카테고리의 순서를 변경하거나 페이지 사이에서 그들의 위치있는 방법이없습니다. 그리고 다시, 능력이 중첩된 메뉴 구조를 만들 수없습니다. 그래서 그것에 대해 내가 뭘 할 수 있는지 결정했다.
에 대한 대여섯 메뉴 / 네비게이션 저는 Wordpress 플러그인 NAVT 찜 목록에 내 선택의 여지가 설정 관련 플러그인을 시도 후에.
NAVT 플러그인 - untraditional 관리자 인터페이스를 파악 슈퍼 고급 및 비트 하드와 본질적으로 순서없는 목록을 생성합니다. 왜 그것에 대해 그것이 실제로는 자기 자신에 의해 찾는 고급 메뉴를 생성하지 않습니다 오해의 소지가. 그것은 비록 직업의 가장 어려운 부분 않습니다 - 당신의 능력을 시각적으로 서로 끌어 제공, 그리고 순서없는 목록을 생성합니다 - 여러분 메뉴의 골격 -됩니다. 그리고 당신은 너무 많은 메뉴를 만들 수있습니다. 당신은 탐색 메뉴에 Wordpress 모든 종류의 물건을 끌어 수있습니다 : 페이지, 게시물, 기사, 범주, 사용자, 코드 블록, 외부 링크, 디바이더, 분리기 및 혼합과 일치하는 중첩 배열 모든 나무들을 사용자 정의 구조처럼 원하다.
당신이 HTML을 순서대로 정렬 NAVT 결과 목록을 생성합니다. NAVT의 두 번째 장점은 당신이 당신의 테마로 유명하지만, JQuery를 통해 논리를 바탕으로 새로운 메뉴를 삽입하는 데 도움이 필요한 모든 코드를 변경하지 않고! NAVT 당신을 지정할 수있습니다 : "나의 새로운 NAVT 메뉴에서이 # 요소의 교체". # 요소의 id를하거나 기존 메뉴 또는 귀하의 현재 테마에 의해 생성되고 DIV 요소 태그의 클래스 경로의 수있습니다. 그래서 당신이 테마를 NAVT 코드로 가서 좀 더 난장판 만드는 것보다 이미 강요하지 않고 당신이 대체 않습니다. 만약 횡설수설하는 것처럼 모든 소리 - 걱정하지 마세요 - 내가 곧 한 걸음 단계를 안내하겠습니다. 모두 NAVT의 도전적인 부분은 당신이 실제로 CSS로 + 이미지 + JavaScript 코드는 귀하의 메뉴를 직접 올라 오실거야입니다. 그리고 그것은 당신에게 어디에서 이러한 파일을 통합하는 방법과이 물건을 제대로 연결되어 함께 얻을 수 알아낼있어.
감사합니다 Wordpress와 + 몇 가지 PHP를 + CSS가 +가 괜찮은 경험 - 이걸 JQuery 모르게 끌어 어렵다.
기꺼이 내가 좀 그래서 나는 결심 자유 Wordpress에 대한 최고의 탐색 메뉴에 최고의 건물에 총알과 가이드 인류를 무는이 물건을 알아요. 난 그냥 멋진 찾고있는 수평 CSS는 메뉴에서 소스를 찾을 필요했습니다. 나는 그들의 최고의 선택, 데모 및 소스에 대한 동적 드라이브의 웹사이트를 골랐어요.

난 하루 NAVT 학위 논문 및 연구 접속식 재생 전용. 마지막으로 저는 당당하고 정의, 유연한 검색 엔진 최적화 최적화, 내 Wordpress + 논문을 기반으로 사이트에 대한 다단계, nagivation 중첩된 구조를 만들었습니다.

대한 다단계, 중첩된 Wordpress 탐색 메뉴 기능 목록
(당신이 사랑하는 것들)에 있어요 :

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

난 기지로 역동적인 드라이브를 포털에서 제공하는이 뛰어난 메뉴를 사용. 나뿐만 아니라 custom_functions.php에 논문과 함께 작동하도록 만들기 위해 PHP의 청크를 포함 비트 자바 스크립트 코드를 사용자 정의할 수있다. 또한 사전의 수를 기존의 페이지, 범주 및 게시물에서 내 사이트의 메뉴 구조를 조립하는 데 사용했다. 귀하의 사이트는 구체적인 다를 수있습니다 -하지만 개념과 같은 것입니다.
그럼 볼까요시겠습니까?

설치 NAVT하는 단계별 지침, 사용자 정의, 다단계, 중첩된 SEO 친화적인 기반
그리고 그냥 일반 찾고 테마 Wordpress 및 논문에 대한 탐색 메뉴에 멋진

  1. WordPress의 관리 패널로 이동합니다. 플러그인 "navt"에 대한 새로운 검색을 추가하십시오 ". 플러그인이 표시됩니다. 클릭하여 [설치], [지금 설치], "플러그인 활성화".
  2. 도구 - "NAVT 목록,"탐색 그룹 "영역 인사이드" "그룹 이름을 찾을 수 입력 :"menu1 "필드를 눌러 [만들기] 버튼을 누릅니다. "menu1"사각형 영역을 만들어 있어요.
    이 "menu1"영역에서 메뉴의 건설을위한 기본 놀이터 될 것입니다. 당신이 끌어있을거야 여기에 귀하의 메뉴에서 요소를 삭제합니다.
  3. "자산"영역에서 "홈"선택 "다른"목록 상자와 찾기를 누릅니다. "홈"거시기 내부의 "할당되지 않은"영역에 나타납니다. , 응 알겠지? 아니 걱정만큼 작동 - 그리고 우리에게 그것을 것입니다.
  4. "자산"영역에 ""사각형 영역 menu1이 "홈"거시기 끕니다. 그것은 "홈"항목을 메뉴 될 것입니다.
    • "카테고리"영역에서 페이지 "영역"에서 일부 페이지에 대해 3-4 단계를 반복,뿐만 아니라 카테고리. 당신 menu1 메뉴에서 "내부"직사각형을 원하는 다른 항목을 드래그하십시오. 페이지 수를 클릭하거나, "코드 블록을"목록 분할기와 같은 ""와 같은 범주, 사용자가 어떤 사용자 정의 요소이다. 코드 블록입니다 좋은 방법 메뉴에서 사용자 정의 미리보기 안으로 추가할 수있습니다.
    • 당신 menu1 "안으로 자신의 순서를 다시 정렬할"영역에서 메뉴 항목을 드래그 수있습니다.
    • 당신은 "각 메뉴 항목의 계층 구조의 위치를 조정할 수있습니다" "와" ""화살표.
    • 각 메뉴 항목의 텍스트 이름을 클릭 -이 항목에 대한 마음을 boggling 추가 사용자 정의 대화 상자가 열립니다. 내가 주로 사용하지만, 기본적으로 기술적으로 당신이 미쳐 버릴 수있는 이미지를 만드는 기반의 메뉴 선택과 그것에 HTML 코드 청크를 추가할를 시작합니다. 하지만 신중하게 진행합니다.
    • 다른 "하위"부모 "어린이"나 ""유형 코드 블록을 사용하는 역할을한다 linkless unclikable 하위 메뉴하십시오. 예를 들어, 내가 메뉴 항목의 별칭 "에 대한"= "MemberWing"와 "코드 블록의 입력에 대한 입력과 같은 코드 블록 항목을 사용자 정의 :"= "은 <a href='#'>"MemberWing / "". 갖는 href = "#"그것을 클릭할 수없는 경우 만들지만 유효 "부모"메뉴를 선택으로 행동.
  5. 여기 내 NAVT 'menu1'구조의 구축이 거의 완료 닮은 :
    navt_building_icon
  6. 그리고 "장치"아이콘에서 귀하의 메뉴 구조를 사용자 정의를 클릭하여 초기 건물을 마침 :
    navt_customize_menu
  7. 그것은 4 탭이있는 대화 상자가 나타납니다 : 옵션, 디스플레이, CSS를, 테마.
    1. 옵션 "에서"탭으로 이동하고 있는지 다와 "그룹 이름"확인되지 않은되어 있는지 확인했습니다 : "menu1"
    2. 체크 표시 "탭"으로 이동 및 탐색 그룹보기 "에 있는지 다 확인 ..."영역 [x] 개의. 기본값에서 나머지를 남겨주세요.
    3. CSS는 "탭을 선택 라디오 버튼"로 이동 (x)를 ""CSS 클래스를 적용하지 마십시오.
    4. 테마 "탭"에 가서 그런식으로에 기입 :
      navt_configuration_theme_tab_icon
      에 넣습니다 "전에 가격표 추가를 위해 ..."지역 코드 :
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      에 넣습니다 "이후에 가격표 추가를 위해 ..."지역 코드 :
      <br style='clear: left' /></div>
    5. 보도 자료 [저장하기 / 닫기] 버튼을
  8. NAVT 플러그인 옵션이 시간이 지점 메뉴 건물이 완료됩니다.
    이제 시간이 대한 준비가 그걸 얻기 위해 약간의 조정 할 수있는 기회죠. 위해서 우리는 몇 가지 정의 파일을 추가할 - CSS와 그 메뉴에 속해 논문 'custom_functions.php 자바 스크립트를 업데이 트해야
  9. 다운로드 파일을 여기에서 설정을 완료.
  10. 압축 아카이브. 만약 당신이 사용자 정의를 사용하여 업데이 트 custom_functions.php - 당신이 내 물건들을 병합해야합니다. 내가 당신에게 맡기 겠네.
    만약 당신이 손도 안 - 내 남자 친구와 그것을 덮어 주시기 바랍니다. 주의 사항 : 전 (기본 웹 사이트 위에 헤더 아래의 메뉴 위치를 선호) - 그래서 내 조정뿐만 아니라이 환경 설정을 포함.
  11. 이렇게하면 모든 하위 디렉토리와 파일을 귀하의 '사용자 정의'디렉토리 아래에 포함 올리기 아카이브, :
    .../themes/THESIS-DIR/custom/custom_functions.php
    .../themes/THESIS-DIR/custom/jquerycssmenu/...

    난 손도 안 custom.css - 난 메뉴를 유지하는 것을 선호 특정 CSS를 그들의 자신의 위치를 아래 custom.css 내부 혼란을 피하기 위해 만들어
  12. 이 시점에서 당신의 웹사이트를 다시로드 수 있고 새로운 아름다운 새 다단계, 중첩된 검색 엔진 최적화 서비스에 최적화된 메뉴가 나타납니다.
  13. 넌 언제나 다시 NAVT 설정에 가서 수 많은 선택의 여지가 또는 어떤 위치를 사용하여 메뉴를 사용자 정의하십시오. 그것은 실제 사이트에 자동으로 반영됩니다.

도로 앞에 ...

이 튜토리얼은 메뉴의 한 종류의 창의적인 예를 들어 포함되어있습니다. 난 또 하나의 연주 - 단지처럼 보인다는 얼마나 어두운 색깔의 메뉴를보고 :

Thesis theme - multilevel nested CSS menu - dark palette

- 다단계 중첩된 CSS는 메뉴 - 어두운 팔레트

난 꽤 괜찮은 생각합니다. 논문 및 기타 몇 가지 노력 Wordpress 테마를 사용자 정의할 수있습니다에는 더 많은 탐색 샘플 동적 드라이브에서 사용할 수 - 그들 모두 수있습니다 :

Dynamic Drive Horizontal Menus

동적 드라이브를 수평 메뉴

난 당신이 튜토리얼의 유익하고 유용한 찾아 보시기 바랍니다. 내가 말했듯이, 어떤 논문에 대한 이러한 메뉴를 사용자 정의할 수있습니다 - 그 시간과 열정이 일어날 수 있도록 제공됩니다.

난 당신을위한 계약을 바탕으로이 일을 할 수있습니다. 그냥 당신처럼 메뉴, 나에게 연락를 선택하고 난 코드와 지침을 귀하의 웹사이트를 위해 작동합니다.

$ 20

그리고 물론, 만약 당신이 슈퍼 프리미엄 SEO WordPress의 회원 가입에 최적화된 포탈 - 이것에 대한 최상의 솔루션을 구축하는 경우 :
논문 주제 + 회원 플러그인 MemberWing + 자기 물론 호스팅 Wordpress.

코멘트를 남겨두

이전 게시물 :

다음 게시물 :