Quest สำหรับเมนูสมบูรณ์ ...
นี่คือส่วนที่ 1 การกวดวิชา
ส่วนที่ 2 การกวดวิชานี้ สอนวิธีการสร้างเมนูแนวตั้ง + จานสีดำสำหรับนอนหนึ่ง
ฉันตัดสินใจที่จะได้รับ ชุดวิทยานิพนธ์ เนื่องจากหนึ่งในลูกค้าของฉันฉันทราบเกี่ยวกับปัญหาการทำงานร่วมกันระหว่างวิทยานิพนธ์และฉัน plugin wordpress เว็บไซต์สมาชิก MemberWing ฉันคงได้แล้วตัดสินใจที่จะมองใกล้ที่วิทยานิพนธ์และใส่ใจที่จริงเพื่อดู วิดีโอบนหน้าแรกของเว็บไซต์วิทยานิพนธ์หลัก -- Diythemes.com
สิ่งที่ฉันประทับใจมากที่สุดคือใส่ใจในรายละเอียดเป็นมิตรต่อผู้ใช้และส่วนมากของทั้งหมด -- SEO คุณสมบัติที่ดีเพื่อให้คิด
plugin สมาชิก MemberWing ได้รับการออกแบบจากพื้นดินขึ้นสำหรับเว็บไซต์สมาชิกที่จะต้องดึงน้ำ SEO ให้มากที่สุด ดังนั้นฉันจ่ายเงินจำนวนมากให้ความสนใจในหลากหลายของการปรับปรุง SEO และ perfections ใน MemberWing หลายของลูกค้าของตัวเองเป็นถามเกี่ยวกับรูปแบบที่แตกต่างกันใช้และมีรูปแบบที่ดีเพื่อ SEO การเพิ่มประสิทธิภาพจากภายในลึกจะพอดีกับสมาชิกผู้ประกอบการที่ดีพอร์ทัล
SEO รวมอำนาจของ MemberWing อำนาจ SEO ของ theme วิทยานิพนธ์ จะให้โอกาสที่ดีที่สุดของการจัดอันดับให้กับลูกค้าของฉัน ดังนั้นฉันได้วิทยานิพนธ์และเล่นกับมันสำหรับวัน
มันเป็นรูปแบบที่ดีในทุกวิธี ส่วนการนำทางของมันว่าเป็นบิต จำกัด ในฟังก์ชัน เริ่มต้นจากวิทยานิพนธ์ 1.5 + มันเมนูระดับเดียวคือ ต้องการตามปกติของฉันจะสามารถกำหนดการนำเท่าที่จำเป็น เว็บไซต์บางแห่งมีหน้าเพียงไม่กี่คนอื่นหลายตันหน้าคง + zillions บทความ / บทความ + จำนวนมากประเภท
ดังนั้นในโลกที่เหมาะมีโอกาสที่จะสร้างมิตรกับผู้ใช้เมนูนำทางดีมองจัดลำดับขั้นเป็นต้อง ขวาวิทยานิพนธ์ off bat ได้ดูดี navigation แต่ผมสังเกตเห็นว่าเว็บไซต์วิทยานิพนธ์ตามต้องการเช่นฝาแฝด ปรับแต่งเมนูนำทางวิทยานิพนธ์ไม่ได้เรื่องง่ายเพื่อคนส่วนใหญ่ก็ปล่อยให้มันเป็นเป็น มีวิธีการเปลี่ยนลำดับของประเภทในเมนูหรือตำแหน่งพวกเขาในระหว่างหน้าไม่ และอีกความสามารถในการสร้างโครงสร้างเมนูซ้อนกันอยู่หายไป ดังนั้นผมจึงตัดสินใจเพื่อดูว่าสามารถทำได้เกี่ยวกับเรื่องนี้
หลังจากพยายามประมาณครึ่งโหลเมนูนำทาง / plugins ที่ผมตั้งค่าตัวเลือกของฉัน รายการปลั๊กอิน Wordpress Navigation NAVT
ปลั๊กอิน NAVT จะเรียงลำดับเป็นหลัก generator รายการกับแฟนซีสุดและบิตยากรูปเพื่อติดต่อ admin นอกตำรา สิ่งที่ทำให้เข้าใจผิดเกี่ยวกับมันว่าไม่จริงสร้างเมนูมองหาแฟนซีด้วยตัวเอง มันจะเป็นส่วนยากที่สุดของงานแม้ -- ช่วยให้คุณสามารถเห็นดึงกันและสร้างรายการเรียงลำดับ -- โครงกระดูกของเมนูของคุณไปเป็น และคุณอาจสร้างเมนูมากเกินไป คุณอาจดึงชนิดของสิ่ง Wordpress ทั้งหมดในเมนูนำทาง : หน้าบทความบทความประเภทผู้ใช้รหัสบล็อกการเชื่อมโยงภายนอกวงเวียน, แยกและเรียบๆและรังและจัดและกำหนดไว้ในโครงสร้างเหมือนที่คุณ ต้องการ
NAVT สร้างคุณ HTML ผลรายการเรียงลำดับ ความงามที่สองของ NAVT คือการช่วยให้คุณสามารถแทรกเมนูใหม่ของคุณในรูปแบบของคุณผ่านทางตรรกะ jQuery ตามที่มีชื่อเสียง แต่ไม่จำเป็นต้องเปลี่ยนรหัสใดๆ NAVT ช่วยให้คุณสามารถระบุ :"แทนที่นี้องค์ประกอบ # กับเมนู NAVT ใหม่ของฉัน" องค์ประกอบ # สามารถ id หรือ class ของเส้นทางของเมนูที่มีอยู่หรือ tag div องค์ประกอบที่จะถูกสร้างขึ้นโดยรูปแบบปัจจุบันของคุณ เพื่อ NAVT จะทดแทนคุณนี้โดยไม่บังคับให้คุณไปเป็นรหัสรูปแบบและทำให้ยุ่งมากขึ้นกว่าที่เป็นอยู่แล้ว ถ้าว่าเสียงทั้งหมดชอบพูดพล่อยๆ -- ไม่ต้องกังวล -- ฉันจะแนะนำคุณทีละขั้นตอนทันที ส่วนความท้าทายของ NAVT สำหรับทุกคนที่คุณจะต้องมากับ CSS จริง + ภาพ code javascript + สำหรับเมนูของคุณเอง และขึ้นอยู่กับคุณไปขบที่และวิธีการรวมไฟล์เหล่านี้และทำให้สิ่งที่ถูกต้องได้รับการเชื่อมต่อกันนี้
ด้วยความจริงใจโดยไม่ทราบว่าบาง jQuery + CSS + PHP + มีประสบการณ์ที่ดีกับ Wordpress -- สิ่งนี้ยากที่จะดึง
ยินดีฉันรู้ว่าสิ่งเล็กน้อยนี้ผมเลยตัดสินใจกัด bullet และมนุษยชาติแนะนำอิสระที่จะอยู่ในอาคารที่ดีที่สุดที่ดีที่สุดเมนูนำทางสำหรับ Wordpress ฉันต้องค้นหาแหล่งที่มาสำหรับบางดีมอง CSS เมนูแนวนอน ฉันเลือก เว็บไซต์แบบไดนามิกไดรฟ์ สำหรับการเลือกที่ดีที่สุดของพวกเขาและแหล่งสาธิต
ฉันเฉพาะวันเพื่อศึกษาวิทยานิพนธ์และเล่นกับปลั๊กอิน NAVT ณ สิ้นฉันภูมิใจสร้างเองยืดหยุ่นเหมาะสม SEO, multilevel, ซ้อนโครงสร้าง nagivation เว็บไซต์ Wordpress + วิทยานิพนธ์ตามฉัน
รายการของคุณลักษณะของ multilevel, ซ้อนเมนูนำทาง Wordpress สำหรับ วิทยานิพนธ์ Theme
(คุณมีความรักสิ่งนี้) :
- Professional ดูสะอาดและความรู้สึก
- โหมดการสนับสนุนสำหรับเบราว์เซอร์ทันสมัยรวมถึง MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome javascript ทั้งในและนอก javascript
- ชดช้อย downgradable สำหรับเบราว์เซอร์ที่ไม่ใช่ javascript คุณเมนูจะใช้งานคล้ายภาพและทำงานได้สำหรับเบราว์เซอร์พิการ javascript (แม้ว่าดัชนีเฉพาะด้านบนจะมองเห็นและไม่ flyouts จะเกิดขึ้นแน่นอนตามที่ทำด้วย javascript)
- SEO คุณสมบัติเป็นมิตร -- รายการรหัสเรียงลำดับเมนูที่สร้างใน HTML Google และเครื่องมือค้นหาอื่น ๆ ไปเดอร์จะสามารถดัชนีโครงสร้างการนำทางของคุณและพบลิงค์ไปยังหน้าเว็บภายใน
- การสนับสนุนระดับการทำรังไม่ จำกัด และ sublevels
- การสนับสนุนสินค้าหรือหน้าบทความ (ผ่านผู้ใช้กำหนด URIs) ประเภทผู้ใช้บล็อกรหัสที่กำหนดเองและการเชื่อมโยงภายนอกภายในเมนู
- การสนับสนุนของข้อความเป็นภาพที่ใช้องค์ประกอบเมนู (ฉันยังไม่พยายามเหล่านี้แม้)
- Menu โครงสร้างและเนื้อหาทางสายตาปรับพื้นที่ admin NAVT
- Compact : jQuery flyouts ขึ้นในระดับที่ซ้อนกัน
- Fast : jQuery สำหรับเมนูที่จะโหลดจากเซิร์ฟเวอร์ของ Google (ทำวิทยานิพนธ์รักตัวเองเพื่อทำแบบเดียวกันแทนดึงท้องถิ่น) นี้จะเร็วขึ้นสิ่งเล็กน้อย
- scalability -- ประเภทของเมนูนี้จะสามารถแก้ไขและกำหนดเวลาผ่าน NAVT ตั้งปลั๊กอินใด ๆ โดยไม่ต้องเขียนโปรแกรมใดๆ
ฉันใช้ เมนูนี้ดีจากไดรฟ์แบบไดนามิก พอร์ทัลเป็นฐาน ฉันมีการกำหนดรหัส javascript บิตเป็น PHP รวมถึงรับรู้ใน custom_functions.php เพื่อให้ทำงานกับวิทยานิพนธ์ ด้วยจำนวนหน้าที่ที่มีอยู่แล้วประเภทและข้อความจากเว็บไซต์ของฉันถูกนำมาใช้ประกอบโครงสร้างเมนู เฉพาะเว็บไซต์ของคุณจะแตกต่างกัน -- แต่แนวคิดจะเดียวกัน
เพื่อให้ดำเนินการต่อไปเราจะ?
ขั้นตอนตามคำแนะนำขั้นตอนการติดตั้ง NAVT - based ซ้อน, มีหลายระดับ, SEO มิตร
และเพียงธรรมดาเย็นหาเมนูนำทางสำหรับ Wordpress และ วิทยานิพนธ์ Theme
- ไปที่แผง admin Wordpress ปลั๊กอิน> เพิ่มการค้นหาใหม่"navt" ปลั๊กอินที่จะแสดง คลิก [Install], [ติดตั้งเดี๋ยวนี้]"เปิดใช้ปลั๊กอิน"
- Tools> รายการ NAVT, Inside"Navigation Group"พื้นที่หาชื่อกลุ่ม""และป้อน :"menu1"ในฟิลด์กดปุ่ม [สร้าง] "menu1 พื้นที่สี่เหลี่ยมผืนผ้า"ได้สร้าง
นี้"menu1 พื้นที่"จะเป็นสนามเด็กเล่นเมนูหลักสำหรับการก่อสร้าง คุณจะลากและวางองค์ประกอบที่นี่เมนูของคุณ - ในสินทรัพย์""พื้นที่พบ"listbox"อื่น ๆ และคลิกที่"ตัวเลือกแรก" "Home thingie"จะปรากฏขึ้นภายใน"unassigned"พื้นที่ แปลกนะ? ไม่ยุติธรรมตราบเท่าที่ทำงาน -- และจะให้เรา
- ลากนี้"thingie Home"จากสินทรัพย์""เขตใน"menu1"พื้นที่สี่เหลี่ยมผืนผ้า มันจะกลายเป็น"รายการแรกในเมนู
- ทำซ้ำขั้นตอน 3-4 สำหรับหน้าบาง"พื้นที่หน้า"เป็นสำหรับประเภทในหมวด""พื้นที่ ลากรายการอื่น ๆ ที่คุณต้องการจะอยู่ในเมนูของคุณภายใน"menu1"สี่เหลี่ยมผืนผ้า ท่านสามารถคลิกบนหน้าเว็บประเภทผู้ใช้และบางองค์ประกอบที่กำหนดเองเช่น divider รายการ"และ"ป้องกัน"รหัส" บล็อกรหัสเป็นเย็นวิธีการเพิ่มตัวอย่างที่กำหนดเองในเมนู
- คุณสามารถลากรายการเมนูภายใน"menu1 พื้นที่เพื่อจัดเรียงลำดับของพวกเขา
- คุณสามารถปรับตำแหน่งลำดับชั้นของเมนูแต่ละ"<"และ">"ลูกศร
- คลิกที่ชื่อข้อความของรายการเมนูแต่ละ -- เปิดใจสามารถจะเชื่อได้โต้ตอบปรับแต่งเพิ่มเติมสำหรับรายการนี้ ผมใช้ส่วนใหญ่เริ่มต้น แต่ในทางเทคนิคคุณสามารถไปบ้าและเริ่มต้นสร้างตัวเลือกเมนู image - based และเพิ่ม chunks รหัส HTML ในนั้น ดำเนินการด้วยความระมัดระวังว่า
- สำหรับอย unclikable linkless ว่าจะเป็นพ่อแม่"สำหรับอื่น ๆ "เด็ก sub -"ผมใช้"บล็อกพิมพ์รหัส" เช่นเมื่อกำหนดรหัสรายการเช่นบล็อกผมป้อนสำหรับ"ชื่อรายการเมนู"="MemberWing"และ"ใส่รหัสบล็อก :"="<a href='#'> MemberWing </ a>" มี href ="#"จะทำให้ไม่สามารถคลิก แต่ทำหน้าที่เป็นแม่"ถูกต้อง"เลือกเมนู
- นี่คือวิธี NAVT ของฉัน'menu1'โครงสร้างสร้างดูเหมือนเกือบเสร็จ :
- คลิกอาคารแรกเสร็จสิ้นแล้วในเกียร์"ไอคอนเพื่อปรับโครงสร้างเมนูของคุณ :
- จะเปิดโต้ตอบกับ 4 แท็บ : Options, Display, CSS, Theme
- ไปที่"ตัวเลือกแท็บ"และให้แน่ใจว่าทุกอย่างไม่ จำกัด และชื่อกลุ่ม"says :"menu1"
- ไปที่แท็บ"แสดง"และทำให้ทุกอย่างแน่ใจว่าที่"กลุ่ม navigation แสดง ... "พื้นที่ที่มีการตรวจสอบ [x] ออกจากส่วนที่เหลือที่เริ่มต้น
- ไปที่แท็บ"CSS"และปุ่มเลือก (x)"อย่าใช้ชั้น CSS"
- ไปที่แท็บ"รูป"และกรอกข้อมูลในเช่นว่า
แทรก"เพิ่มแท็กก่อน ... "พื้นที่รหัสนี้
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
แทรก"เพิ่มแท็กหลังจาก ... "พื้นที่รหัสนี้
<br style='clear: left' /></div> - กด [save / ปิด] ปุ่ม
- ที่อาคารเมนูนี้จุดจากภายใน NAVT ตัวเลือกปลั๊กอินเสร็จสมบูรณ์
ตอนนี้ถึงเวลาที่จะทำปรับเล็กน้อยสำหรับ theme วิทยานิพนธ์ จะได้รับมันพร้อม เพื่อที่เราจำเป็นต้องเพิ่มแฟ้มที่กำหนดเองสองสาม -- CSS และจาวาสคริปต์ที่เป็นของเมนูและ update custom_functions.php วิทยานิพนธ์' - ดาวน์โหลดชุดไฟล์ที่นี่
- เก็บ Unzip หากคุณเคยปรับปรุง custom_functions.php ของคุณด้วยการปรับแต่งของคุณ -- คุณต้องการผสานเข้ากับเนื้อหาของฉัน ฉันจะปล่อยให้มันขึ้นอยู่กับคุณ
หากคุณไม่ได้สัมผัสมัน -- รู้สึกฟรีเพื่อแทนที่กับฉัน โปรดทราบ : ฉันชอบเมนูตำแหน่งใต้ส่วนหัวเว็บไซต์ (ค่าเริ่มต้นอยู่เหนือ) -- เพื่อปรับการตั้งค่านี้ได้รวมทั้ง - รวมทั้งเก็บ Upload ไดเรกทอรีย่อยทั้งหมดและแฟ้มของคุณภายใต้ รูปแบบวิทยานิพนธ์ 'เอง'ไดเรกทอรีนี้ :
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
ฉันไม่ได้สัมผัส custom.css -- ฉันชอบเก็บ CSS เมนูเฉพาะตามสถานที่ของตนเองเพื่อหลีกเลี่ยงการสร้างระเบียบภายใน custom.css - ณ จุดนี้คุณอาจจะโหลดเว็บไซต์ของคุณและดูสวยงามเมนูใหม่ multilevel, ซ้อน, SEO ปรับใหม่
- คุณก็อาจกลับไปตั้งค่า NAVT และปรับแต่งเมนูของคุณมีทางเลือกมากขึ้นหรือตำแหน่งอะไร มันจะปรากฏบนเว็บไซต์โดยอัตโนมัติ
ถนนก่อน ...
นี้สอนรวมตัวอย่างสร้างสรรค์ประเภทหนึ่งของเมนู . ฉันเล่นกับอีกหนึ่ง -- เพียงเพื่อดูว่ามีสีดำเมนูจะมีลักษณะ :
theme วิทยานิพนธ์ -- เมนู CSS ซ้อนกันหลายระดับ -- ดำจานสี
ฉันคิดว่ามันสวยดี มีที่อยู่หลายกลุ่มตัวอย่างมีการนำ more Dynamic Drive -- ทั้งหมดของพวกเขาสามารถปรับแต่งสำหรับวิทยานิพนธ์และธีม Wordpress อื่น ๆ ที่มีความบาง :
Dynamic Drive เมนูแนวนอน
ฉันหวังว่าคุณจะพบนี้สอนประโยชน์และมีประโยชน์ ที่ผมกล่าวว่าเป็นไปได้ในการกำหนดใด ๆ ของเมนูนี้สำหรับวิทยานิพนธ์ -- ที่ให้เวลาและความปรารถนาที่จะให้เกิดขึ้น
ฉันสามารถทำงานนี้ให้คุณในแต่ละสัญญา เพียงแค่เลือกเมนูที่ต้องการ ติดต่อฉัน และฉันจะทำงานกับรหัสและคำแนะนำสำหรับเว็บไซต์ของคุณ
$ 20
และแน่นอนหากคุณถึงอาคาร SEO super ปรับสมาชิก wordpress premium portal -- ทางออกที่ดีที่สุดสำหรับนี้
วิทยานิพนธ์ Theme + ปลั๊กอินสมาชิก MemberWing + ตนเองจัด Wordpress แน่นอน
