Quest สำหรับเมนูดี ...

นี่คือส่วนที่ 1 การกวดวิชา
ส่วนที่ 2 การกวดวิชานี้ สอนวิธีการสร้างเมนูแนวตั้ง + จานสีสีดำสำหรับนอนหนึ่ง

ฉันตัดสินใจที่จะรับ เรื่องวิทยานิพนธ์ เนื่องจากหนึ่งในลูกค้าของฉันฉันทราบเกี่ยวกับปัญหาการทำงานร่วมกันระหว่างวิทยานิพนธ์และ สมาชิกเว็บไซต์ wordpress MemberWing ของฉัน ปลั๊กอิน. ฉันคงได้แล้วตัดสินใจที่จะใช้เวลามองใกล้ที่วิทยานิพนธ์และ bothered จริงชม วิดีโอในหน้าแรกของเว็บไซต์วิทยานิพนธ์หลัก - Diythemes.com.
สิ่งที่ฉันประทับใจคุณสมบัติ SEO มากที่สุดคือความสนใจในรายละเอียดเป็นมิตรต่อผู้ใช้และส่วนมากของทั้งหมด - ที่คิดให้ดีของ.
ปลั๊กอินสมาชิก MemberWing ได้รับการออกแบบจากพื้นดินขึ้นสำหรับเว็บไซต์สมาชิกที่จะต้องดึงเป็นน้ำ SEO มากที่สุด. ดังนั้นฉันจ่ายเงินจำนวนมากให้ความสนใจมากมายของการปรับปรุง SEO และ perfections ใน MemberWing. ๆของลูกค้าของฉันเองจะขอเกี่ยวกับรูปแบบที่แตกต่างกันใช้และมีเรื่องที่ดีเพื่อเพิ่มประสิทธิภาพ SEO จากภายในลึกจะพอดีกับที่ดีสำหรับสมาชิกผู้ประกอบการพอร์ทัล.

รวมอำนาจ SEO ของ MemberWing กับอำนาจ SEO ของ ชุดรูปแบบวิทยานิพนธ์ จะให้โอกาสที่ดีที่สุดของการจัดอันดับให้ลูกค้าของฉัน. ดังนั้นฉันได้วิทยานิพนธ์และเล่นกับวัน.

มันเป็นเรื่องที่ยอดเยี่ยมในทุกวิธี. ส่วนการนำของมันว่าเป็นบิตจำกัดในการทำงาน. เริ่มจากวิทยานิพนธ์ 1.5 + เป็นเมนูระดับหนึ่งเท่านั้น. ต้องการปกติของฉันคือสามารถกำหนด navigation มากตามต้องการ. บางเว็บไซต์มีไม่กี่หน้าเท่านั้นอื่นๆอีกมากมายได้ตันหน้าคง + มาก zillions บทความ / บทความ + ประเภท.
จึงเหมาะอย่างยิ่งในโลกที่มีโอกาสในการสร้างผู้ใช้ง่ายเมนูนำทางดีมองหาจัด hierarchically เป็นต้อง. สิทธิวิทยานิพนธ์ปิดค้างคาวได้ดีมอง navigation แต่ฉันพบว่าวิทยานิพนธ์ทุกเว็บไซต์ตามต้องการเช่นฝาแฝด. ปรับแต่งเมนูนำทางวิทยานิพนธ์ไม่ใช่เรื่องง่ายเพื่อให้คนส่วนใหญ่ก็ออกเป็นเป็น. มีวิธีการเปลี่ยนลำดับของประเภทในเมนูหรือตำแหน่งพวกเขาในระหว่างหน้าไม่. และอีกความสามารถในการสร้างโครงสร้างเมนูต่างๆหลายระดับหายไป. ดังนั้นผมจึงตัดสินใจที่จะดูว่าสามารถดำเนินการเกี่ยวกับ.
หลังจากพยายามเมนูเกี่ยวกับครึ่งโหล / navigation ปลั๊กอินเกี่ยวกับฉันจะตั้งค่าตัวเลือกของฉัน Wordpress Navigation รายชื่อปลั๊กอิน NAVT.
ปลั๊กอิน NAVT จะทำรายการเป็นหลัก unordered กับจินตนาการสุดและบิตยาก-to-คิดนอกรีต admin interface. สิ่งที่ทำให้เข้าใจผิดเกี่ยวกับมันว่าไม่ได้สร้างเมนูมองจินตนาการด้วยตัวเอง. มันไม่ hardest ส่วนหนึ่งของงานแม้ - ช่วยให้คุณสามารถดึงตัวตนร่วมกันและสร้างรายชื่อ unordered - โครงกระดูกของเมนูของท่านให้เป็น. และคุณสามารถสร้างเมนูมากเกินไป. คุณอาจดึงประเภทสิ่ง Wordpress ทั้งหมดในเมนูนำทาง: หน้าบทความบทความประเภทผู้ใช้กลุ่มรหัสลิงค์ภายนอกวงเวียน, คั่นและการผสมและการจับคู่และที่อยู่และการจัดการและกำหนดไว้ในต้นไม้ใดเหมือนโครงสร้างของคุณต้องการ.
NAVT สร้างคุณทำให้ HTML รายการ unordered. ความงามที่สองของ NAVT เป็นที่ช่วยให้คุณใส่เมนูใหม่ของคุณเป็นเรื่องของคุณผ่าน JQuery มีชื่อเสียงตามตรรกะแต่ไม่ต้องเปลี่ยนรหัสใดๆ NAVT ช่วยให้คุณระบุ: "แทนที่นี้องค์ประกอบ # กับเมนู NAVT ใหม่ของฉัน". # องค์ประกอบสามารถ id หรือชั้นของเส้นทางของเมนูที่มีอยู่หรือองค์ประกอบ div แท็กที่ถูกสร้างโดยชุดรูปแบบปัจจุบันของคุณ. เพื่อ NAVT ไม่แทนที่ท่านนี้โดยไม่บังคับให้คุณไปเป็นรหัส theme และทำให้มันยุ่งกว่านั้นแล้วเป็น. ถ้าเสียงทุกอย่างซึ่งพูดพล่อยๆ - ไม่ต้องกังวล - ฉันจะแนะนำคุณขั้นตอนโดยขั้นตอนเร็ว. ส่วนที่ท้าทายของ NAVT สำหรับทุกคนคือคุณจะต้องมาด้วยจริง CSS ภาพ + + รหัสจาวาสคริปต์สำหรับเมนูของคุณเอง. และขึ้นอยู่กับคุณบิลที่และวิธีการรวมไฟล์เหล่านี้และสิ่งนี้ถูกต้องได้รับการเชื่อมต่อกัน.
จริงใจโดยไม่ทราบ JQuery + PHP บาง + CSS + ประสบการณ์ที่ดีที่มีกับ Wordpress - สิ่งนี้ยากที่จะดึง.
เป็นสุขฉันรู้สิ่งบิตดังนั้นผมจึงตัดสินใจกัด bullet และมนุษยชาติแนะนำให้เสรีภาพในอาคารที่ดีที่สุดของเมนูนำทางที่ดีที่สุดสำหรับ Wordpress นี้. ฉันต้องการเพื่อค้นหาแหล่งที่มาบางดีมอง CSS เมนูแนวนอน. ฉันเลือก เว็บไซต์แบบไดนามิกไดรฟ์ สำหรับการเลือกที่ดีที่สุดของการสาธิตและแหล่ง.

ฉันเฉพาะวันเรียนวิทยานิพนธ์และเล่นกับปลั๊กอิน NAVT. สุดที่ฉันสร้างภูมิใจเองยืดหยุ่น SEO เพิ่มประสิทธิภาพ, multilevel โครงสร้าง nagivation, ต่างๆหลายระดับสำหรับ Wordpress + ของเว็บไซต์ตามวิทยานิพนธ์.

รายการคุณสมบัติ multilevel, ต่างๆหลายระดับเมนูนำทาง Wordpress สำหรับ วิทยานิพนธ์ Theme
(คุณ จะ ต้องรักเรื่องนี้):

• Professional ให้ดูสะอาดและความรู้สึก.
• สนับสนุนเบราว์เซอร์ใหม่ทั้งหมดรวมถึง MSIE 6,7, Opera, Safari, Firefox 3.x, Google โครมใน javascript และไม่โหมด javascript.
• ราย downgradable สำหรับไม่ใช่เบราว์เซอร์ javascript. คุณเมนูจะใช้งานคล้ายสายตาและทำงานได้สำหรับเบราเซอร์ที่ใช้งานจาวาสคริปต์ (แม้ว่า navigation ระดับเฉพาะด้านบนจะมองเห็นและ flyouts จะไม่เกิดขึ้นแน่นอนตามที่กำหนดโดยจาวาสคริปต์).
• SEO คุณสมบัติง่าย - รายชื่อรหัส unordered เมนูถูกสร้างขึ้นภายใน HTML. Spiders Google และเครื่องมือค้นหาอื่นๆจะสามารถสร้างดัชนีโครงสร้างนำทางและหาลิงค์ไปยังหน้าที่ภายใน.
• การสนับสนุนระดับการทำรังไม่จำกัดและ sublevels.
• เพื่อสนับสนุนหรือหน้าบทความ (ผ่านผู้ใช้กำหนด URIs) ประเภทผู้ใช้กลุ่มรหัสที่กำหนดเองและลิงค์ภายนอกภายในเมนู.
• การสนับสนุนจากข้อความเป็นภาพที่ใช้องค์ประกอบ menu. (I ยังไม่ลองนี้แม้ว่า).
• โครงสร้างและเนื้อหาของเมนูจะปรับสายตาผ่านพื้นที่ admin NAVT.
• กะทัดรัด: JQuery flyouts ตามระดับต่างๆหลายระดับ.
• Fast: JQuery สำหรับเมนูที่จะโหลดจากเซิร์ฟเวอร์ของ Google (ฉันรักวิทยานิพนธ์ตัวเองเพื่อทำแบบเดียวกันแทนการดึงมันท้องถิ่น). นี้จะเร็วขึ้นสิ่ง bit.
• Scalability - ประเภทของเมนูนี้สามารถแก้ไขและกำหนดเวลาผ่าน NAVT ตั้งปลั๊กอินใดๆโดยไม่ต้องของรหัสใดๆ.

ฉันใช้ นี้เมนูเลิศจาก พอร์ทัล ไดรฟ์แบบไดนามิก เป็นฐาน. ฉันได้ปรับแต่งโค้ดจาวาสคริปต์บิตเป็นก้อนรวมของ PHP เข้า custom_functions.php เพื่อให้ทำงานกับวิทยานิพนธ์. ด้วยจำนวนที่มีอยู่ก่อนหน้าชนิดและโพสต์จากเว็บไซต์ของฉันใช้ในการรวบรวมโครงสร้างเมนู. เฉพาะเว็บไซต์ของคุณจะแตกต่างกัน - แต่แนวคิดจะเดียวกัน.
เพื่อให้ดำเนินการต่อไปเราจะ?

ขั้นตอนตามคำแนะนำขั้นตอนการ NAVT การตั้งค่าการใช้ต่างๆหลายระดับ, ปรับแต่ง, multilevel, SEO มิตร
และเพียงธรรมดาเย็นหาเมนูนำทางสำหรับ Wordpress และ วิทยานิพนธ์ Theme

1. ไปที่แผง admin Wordpress. ปลั๊กอิน-> เพิ่มการค้นหาใหม่ "navt". ปลั๊กอินจะแสดง. คลิก [Install] ติดตั้ง [ตอนนี้] "ปลั๊กอินเปิดใช้งาน".
2. Tools-> NAVT รายการ Inside "Navigation กลุ่มพื้นที่" พบ "ชื่อกลุ่ม" และป้อน: "menu1" ในช่องกด [สร้าง] ปุ่ม. "Menu1 พื้นที่สี่เหลี่ยมผืนผ้า" ได้สร้าง.
   นี้ "menu1 พื้นที่" จะเป็นสนามเด็กเล่นหลักในการก่อสร้าง menu. คุณจะลากและวางองค์ประกอบที่นี่เมนูของ.
3. ในสินทรัพย์ "" พื้นที่พบ "listbox" อื่นๆคลิกที่ "หน้าแรกเลือก". "Thingie Home" จะปรากฏภายใน "unassigned" พื้นที่. แปลก, เอ๊ะ? No กังวลตราบใดที่ทำงาน - และจะให้เรา.
4. ลากนี้ "thingie Home" จากสินทรัพย์ "" พื้นที่ใน "menu1 พื้นที่สี่เหลี่ยมผืนผ้า". มันจะกลายเป็น "Home รายการ" ในเมนู.
   • ทำตามขั้นตอน 3-4 สำหรับบางหน้าจาก "Pages พื้นที่" เป็นประเภทในหมวด "" พื้นที่. ลากรายการอื่นที่คุณต้องการในเมนูภายใน "menu1 สี่เหลี่ยมผืนผ้า". คุณสามารถคลิกบนหน้าชนิดผู้ใช้และบางองค์ประกอบที่กำหนดเองเช่น "แบ่งแยกรายการ" และการป้องกันรหัส "". รหัสป้องกันเป็นวิธีเย็นเพื่อเพิ่มตัวอย่างที่กำหนดเองในเมนู.
   • คุณสามารถลากรายการเมนูด้าน "menu1 พื้นที่" เพื่อจัดเรียงลำดับของพวกเขา.
   • คุณสามารถปรับตำแหน่งลำดับชั้นของเมนูแต่ละ "<" และ ">" ลูกศร.
   • คลิกที่ชื่อข้อความของรายการเมนูแต่ละ - เปิดใจโต้ตอบปรับแต่ง boggling พิเศษสำหรับรายการนี้. ฉันจะใช้ค่าเริ่มต้นส่วนใหญ่แต่เทคนิคคุณสามารถไปบ้าและเริ่มต้นสร้างภาพที่ใช้ตัวเลือกเมนูและเพิ่ม chunks ของโค้ด HTML เป็นมัน. ดำเนินการด้วยความระมัดระวังแม้ว่า.
   • สำหรับอย unclikable linkless ที่จะเป็นพ่อแม่ "" สำหรับการย่อย "อื่นๆเด็ก" ผมใช้ "ป้องกันโค้ด" type. เช่นการกำหนดรหัสรายการเช่นบล็อกฉันป้อนสำหรับ "เมนูชื่อแทนรายการ" = "MemberWing" และ "ใส่รหัสป้องกันเมื่อ:" = "<a href='#'> MemberWing </ a>". มี href = "#" จะทำให้ไม่ clickable แต่ทำหน้าที่เป็นแม่ "ถูกต้อง" เลือกเมนู.
5. นี่เป็นวิธี NAVT ของฉัน 'menu1' สร้างโครงสร้างต้องการดูเสร็จเกือบ:
   
6. อาคารแรกเสร็จแล้วคลิกที่เกียร์ "ไอคอนเพื่อกำหนดโครงสร้างเมนูของคุณ:
   
7. จะเปิดโต้ตอบกับ 4 แท็บ: ตัวเลือก, Display, CSS, Theme.
   1. ไปที่ "ตัวเลือกแท็บ" และให้แน่ใจว่าทุกอย่างไม่จำกัดและชื่อกลุ่ม "" ว่า: "menu1"
   2. ไป "แสดงแท็บ" และให้ทุกอย่างแน่ใจว่าที่ "กลุ่ม navigation แสดงใน ..." พื้นที่ที่มีการตรวจสอบ [x]. ลาพักผ่อนที่ค่าเริ่มต้น.
   3. ไปที่ "CSS แท็บ" และปุ่มตัวเลือก (x) "ไม่ต้องใช้คลาส CSS".
   4. ไปที่ "Theme แท็บ" และกรอกข้อมูลในเช่นว่า:
      
      ใส่ลงใน "เพิ่มแท็กก่อน ..." พื้นที่รหัสนี้
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      ใส่ลงใน "เพิ่มแท็กหลังจาก ..." พื้นที่รหัสนี้
      <br style='clear: left' /></div>
   5. กด [บันทึก / ปิด] ปุ่ม
8. ที่นี้สร้างเมนูจุดจากภายใน NAVT ตัวเลือกปลั๊กอินเสร็จสมบูรณ์.
   ตอนนี้เวลาไปทำปรับเล็กน้อยทะเบียน theme วิทยานิพนธ์ เพื่อรับมันพร้อม. เพื่อที่เราจำเป็นต้องเพิ่มไฟที่กำหนดเองสองสาม - CSS และจาวาสคริปต์ที่อยู่เมนูและปรับปรุง custom_functions.php วิทยานิพนธ์ '
9. ดาวน์โหลดเสร็จตั้งของไฟล์ที่นี่.
10. คลังเปิดเครื่องรูด. ถ้าคุณมีการปรับปรุง custom_functions.php ของคุณด้วยการปรับแต่งของคุณ - คุณต้องตัดพวกเขาด้วยสิ่งที่ฉัน. ฉันจะปล่อยมันขึ้นอยู่กับคุณ.
    หากท่านไม่ได้แตะต้องมัน - คุณสามารถแทนที่ด้วยระเบิด. โปรดทราบ: ฉันต้องการไปที่ตำแหน่งเมนูใต้หัวเว็บไซต์ (ค่าเริ่มต้นอยู่เหนือ) - เพื่อปรับการตั้งค่าของฉันรวมทั้งนี้.
11. เก็บอัพโหลดรวมถึง subdirectories และไฟล์ภายใต้ theme วิทยานิพนธ์ ของ 'ไดเรกทอรีที่กำหนดเอง' เช่นนี้
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    ฉันไม่แตะต้อง custom.css - ฉันชอบที่จะทำให้เมนูเฉพาะ CSS ภายใต้สถานที่ของตนเองเพื่อหลีกเลี่ยงการสร้างระเบียบภายใน custom.css
12. ณจุดนี้ท่านสามารถโหลดเว็บไซต์ของคุณและดูเมนูใหม่สวยงามใหม่ multilevel, ต่างๆหลายระดับ, SEO เพิ่มประสิทธิภาพ.
13. คุณก็อาจกลับไปตั้งค่า NAVT และปรับแต่งเมนูของคุณด้วยทางเลือกมากขึ้นหรือตำแหน่งอะไร. มันจะปรากฏอยู่บนเว็บไซต์โดยอัตโนมัติ.

ถนนหน้า ...

นี้กวดวิชารวมตัวอย่างสร้างสรรค์ของหนึ่งชนิดเมนู. ฉันเล่นด้วยกัน - แค่ดูเมนูสีดำว่าจะมีลักษณะอย่างไร:

Theme วิทยานิพนธ์ - multilevel เมนู CSS ต่างๆหลายระดับ - ดำจานสี

ฉันคิดว่ามันสวยดี. มีหลายตัวอย่างการเดินเรือได้ที่ Dynamic Drive - ทั้งหมดของพวกเขาสามารถปรับแต่งสำหรับวิทยานิพนธ์และธีม Wordpress อื่นๆที่มีความบาง:

เมนู Dynamic Drive แนวนอน

ฉันหวังว่าคุณจะพบกวดวิชานี้เป็นประโยชน์และมีประโยชน์. เช่นฉันกล่าวว่าก็เป็นไปได้ปรับแต่งใดๆของเมนูนี้สำหรับวิทยานิพนธ์ - ที่กำหนดเวลาและต้องการที่จะให้มันเกิดขึ้น.

ฉันสามารถทำงานนี้ให้กับคุณตามสัญญา. เพียงแค่เลือกเมนูที่ต้องการ ติดต่อฉัน และฉันจะทำงานกับโค้ดและคำแนะนำสำหรับเว็บไซต์ของคุณ.

$ 20

และแน่นอนหากคุณได้ปรับปรุงอาคาร SEO ซุปเปอร์พรีเมียมพอร์ทัลสมาชิก wordpress - โซลูชั่นที่ดีที่สุดสำหรับนี้
Theme วิทยานิพนธ์ + MemberWing ปลั๊กอินสมาชิก + ตนเองโฮสต์ Wordpress แน่นอน.

ติดแท็กเป็น: เมนู CSS สำหรับ wordpress, theme วิทยานิพนธ์, theme วิทยานิพนธ์เมนูลำดับชั้น, วิทยานิพนธ์ theme เมนู multilevel, nagivation วิทยานิพนธ์ theme, theme วิทยานิพนธ์เมนูต่างๆหลายระดับ, theme วิทยานิพนธ์กวดวิชา เมนู CSS, wordpress, wordpress เมนูต่างๆหลายระดับ