หลายแนวตั้งเมนูที่ซ้อนกันเป็นลำดับชั้นสำหรับ Wordpress

การเพิ่มหลายระดับ, ที่ซ้อนกัน, เมนูนำทาง SEO มิตรกับ Wordpress - ส่วนที่ 2

โดย gesman เมื่อ 10 กรกฎาคม 2009

การแสวงหาเมนูแนวตั้งที่สมบูรณ์แบบ ...

ส่วนที่ 1 ของการกวดวิชานี้ อธิบายขั้นตอนตามกระบวนการขั้นตอนของการสร้างแนวนอนเมนูที่ซ้อนกันหลายระดับสำหรับ ชุดรูปแบบวิทยานิพนธ์ Wordpress . ส่วนที่ 2 จะดำเนินการต่อเพื่อเพิ่มประสิทธิภาพการทำงานนี้ ที่นี่เราจะเพิ่มรุ่น "มืด" ของเมนูการนำทางแนวนอนและผมจะสอนวิธีการสลับไปมาระหว่างรุ่น "สดใส" และ "มืด" ส่วนที่ 2 เป็น superset ของส่วนที่ 1 ซึ่งจะรวมถึงทั้งหมดจากส่วนที่ 1 + สิ่งดีๆมากขึ้นจะเพิ่ม

ความคิดหลักที่ฉันต้องการที่จะนำเสนอคือการเพิ่มเมนูแนวตั้งเพื่อ (และ Wordpress ทั่วไป) ผมกำลังมองหาที่มีความยืดหยุ่นมาก SEO เป็นมิตรและหลายเบราว์เซอร์ที่รองรับเมนูแนวตั้งที่จะช่วยให้การสร้างระดับการทำรังไม่ จำกัด

เว็บที่มีตันของหน้าเว็บในเรื่อง แต่เมื่อผมเริ่มที่จะลองทุกตัวอย่างเหล่านี้ - พวกเขาทั้งสองยากจนลงลดลงนอกจากการสนับสนุนเฉพาะในจำนวนที่ จำกัด ระดับหรือ misbehaved ในเกตส์ + Ballmer ของ junksplorer 6 ในที่สุดผมได้กลับไปยังพยายามและคน ขับรถเมนูแบบไดนามิก เพื่อเป็นตัวอย่างในแนวตั้งของพวกเขาพิสูจน์แล้วว่าเป็นกรณีที่ดีที่เหมาะกับความต้องการที่เข้มงวดของฉัน ผมต้องปรับเปลี่ยนอย่างมีนัยสำคัญแม้ว่าพวกเขาเพื่อให้แน่ใจว่ามันเหมาะกับรูปแบบวิทยานิพนธ์
การแสวงหาความสมบูรณ์อย่างต่อเนื่อง ...

ผมใช้เวลาประมาณ 16 ชั่วโมงค้นหาประกอบการทดสอบการแก้ไขขัดและการปรับแต่งเมนูแนวตั้งของ CSS และ. รหัส js และ 3/4 ของระยะเวลาการใช้จ่ายทำให้การทำงานใน MSIE 6
Anyways ฉันมีความสุขกับผลสุดท้าย เมนูนำทางผลในแนวตั้งมี ทั้งหมดประโยชน์เดียวกัน ที่มีเมนูแนวนอน

มีความสามารถในการเพิ่มเมนูแนวตั้งคือสิ่งที่สำคัญมากเกี่ยวกับ 70-80% ของพอร์ทัลบนเว็บ เมนูแนวนอนมี จำกัด "พื้นที่" เพื่อรองรับเลือกเมนูมากมาย แต่เมนูแนวตั้งไม่ได้มีข้อ จำกัด นี้และจะช่วยอย่างมาก ดังนั้นที่นี่เราจะไป

จำนวนขั้นตอนที่จะทำให้มันเกิดขึ้นได้อธิบายไว้แล้วใน 1 ส่วนหนึ่งของการกวดวิชา เพื่อการนี้จะทำให้มันเป็นเวลาหนึ่งที่สั้นกว่าเล็กน้อย แต่มีผลมากขึ้นคุณลักษณะที่อุดมไปด้วย

ดังนั้นที่นี่จะไป:

อาคารที่เป็นมิตร SEO, แนวตั้ง, หลายเมนูลำดับชั้นซ้อนกันสำหรับ Wordpress และ . ทีละขั้นตอน
(... สิ่งที่คุณไม่เคยคิดว่าเป็นไปได้ ... )

  1. ติดตั้ง ปลั๊กอิน exec PHP และเปิดใช้งานได้ เราจะต้องใช้เพราะผมจะใช้ PHP ภายในเครื่องมือข้อความที่จะปล่อยโค้ด HTML เมนูแนวตั้ง '
  2. สนใจขั้นตอนที่ 1 - 6 จาก 1 ส่วนหนึ่งของการกวดวิชา . โดยทั่วไปคุณจำเป็นต้องติดตั้งและเปิดใช้งานใช้ปลั๊กอิน NAVT + สายตาสร้างเมนูของคุณ ตรวจสอบให้แน่ใจชื่อกลุ่มของคุณเมนูคือ 'menu1' ชื่อนี้เป็น hardcoded ใน custom_functions.php
  3. คลิกที่ 'เกียร์' ไอคอนสำหรับ 'menu1' ของคุณกลุ่มเพื่อแก้ไขคุณสมบัติของมัน:
    navt_customize_menu
  4. ทำตามขั้นตอน 7.1 -7.3 ของส่วนที่ 1 สอนการตั้งค่า "ต​​ัวเลือก", "แสดง" และ "CSS" การตั้งค่าแท็บ
  5. ตอนนี้คลิกที่ "ธีม" แท็บของกล่องโต้ตอบนี้ เราจะเขียนทับจำนวนการตั้งค่าที่มี (ถ้าคุณมีดังต่อไปนี้ขั้นตอนที่ 1) นี้ ok - คุณจะไม่สูญเสียอะไร - แต่การเปลี่ยนแปลงเหล่านี้มีความจำเป็นเพราะผมเคยเปลี่ยนรหัสบางอย่างจากขั้นตอนที่ 1
    นี่คือวิธีการโต้ตอบนี้จะต้องกรอกใน:
    1. ภายในของ "ธีม XPath:" พื้นที่ใส่รหัส (มันสั่งให้เปลี่ยนแท็กกับชั้นเรียนเหล่านี้) นี้:
      .jquerycssmenu, .jqueryslidemenu
    2. Set "การกระทำ" ที่ "แทนที่ด้วย"
    3. ภายใน "เพิ่มแท็กก่อนที่จะนำทางกลุ่ม" พื้นที่ใส่รหัสนี้:
      <div class='jquerycssmenu' style='margin-top:5px;'>
    4. ภายในของ "แท็กเพิ่มหลังจากที่นาวิเกตกลุ่ม" พื้นที่ใส่รหัสนี้:
      <br style='clear: left' /></div>
    5. คลิกที่ [Save / ปิด] ปุ่ม
  6. ตอนนี้ไปที่แผง Wordpress admin - Appearance -> Widgets>
  7. ลาก "ข้อความ" เครื่องมือ (จากใหญ่ "เครื่องมือที่มีจำหน่ายอยู่" พื้นที่) เป็น "Sidebar 1" พื้นที่ด้านขวา เราจะเพิ่มรหัสลงในเครื่องมือข้อความที่จะช่วยให้เราเป็นตัวเป็นตนเมนูแนวตั้ง
    หมายเหตุ: ผมเข้าใจว่าคุณมี "Sidebar 1" ในการดำรงอยู่ ตัวเลือกในการทำวิทยานิพนธ์ช่ว​​ยให้คุณสามารถปิด - แต่เพื่อประโยชน์ของการกวดวิชานี้ให้ทำให้มันเป็น
  8. เมื่อคุณลากและวางเครื่องมือนี้ - มันจะเปิดเช่นดอกไม้ (ฉันรู้สึกโรแมนติกตอนที่ต่อสู้ MSIE เป็นมากกว่า)
  9. ใน "ชื่อ" พื้นที่ป้อน "World 's เมนูแนวตั้งที่ดีที่สุด" ... ดีรู้สึกอิสระที่จะใช้ความคิดสร้างสรรค์ของคุณ - ข้อความที่จะไปเหนือเมนูแนวตั้งของคุณเกิดขึ้นใหม่
  10. ในพื้นที่ขนาดใหญ่สำหรับข้อความ - ใส่โค้ด PHP นี้:
    <?php
    if (function_exists('navt_getlist'))
    $menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
    else
    $menu_html = "";
    $menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
    echo $menu_html;
    ?>
  11. กดปุ่ม [Save] คลิกที่ลิงค์ "Close"
  12. ดาวน์โหลดการอัปเดตการตั้งค่าของไฟล์ที่นี่ .
    เก็บนี้ประกอบด้วย:


    • รุ่นอัปเดตจาก "สว่าง" รหัสเมนูแนวนอน
    • รุ่น "ความมืด" ของเมนูในแนวนอน
    • รหัสเมนูแนวตั้ง
    • รุ่นที่ปรับปรุงจาก custom_functions.php
  13. ตอนนี้คุณต้องเปิดเครื่องรูดเก็บนี้และอัปโหลดไปลงในไดเรกทอรี 'กำหนดเอง' ของคุณ .
    หมายเหตุ: หากคุณได้กระทำการปรับแต่งใด ๆ ภายใน custom_functions.php - คุณต้องการต้องผสานพวกเขา ถ้าไม่ได้ - อย่าลังเลที่จะแทนที่ด้วยรุ่นของฉัน
  14. ! Voila ตอนนี้คุณอาจโหลดเว็บไซต์ของคุณและมองเห็นเหมือนกัน "สดใส" เมนูแนวนอน + Neato เมนูแนวตั้งในแถบด้านข้างซ้าย
  15. งานโบนัส: Let เปลี่ยน "สดใส" เมนูแนวนอนลงบน "มืด" โทนสี
    1. ภายในแฟ้ม custom_functions.php:
      แทนรหัสนี้:
      echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
      //echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
      ด้วยรหัสนี้:
      //echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
      echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
      โดยทั่วไปเราจะแสดงความคิดเห็นออกหนึ่งบรรทัดและ uncommenting อื่นอย่างใดอย่างหนึ่ง
    2. ตอนนี้ไป Wordpress admin-> Tools-> Lists NAVT และคลิกที่ดังกล่าวข้างต้น "เกียร์" ไอคอนเพื่อแก้ไขคุณสมบัติของ 'menu1' ของคุณกลุ่ม
    3. คลิกที่ "ธีม" แท็บ
    4. ภายใน "เพิ่มแท็กก่อนที่จะนำทางกลุ่ม" พื้นที่ใส่รหัสนี้:
      <div class='jqueryslidemenu' style='margin-top:5px;'>
    5. วันนี้ - โหลดหน้าเว็บของคุณ - และเมนูนำทางหลักของคุณในแนวนอน "อย่างน่าอัศจรรย์" กลายเป็นสีดำบางอย่างเช่นว่า
      Thesis theme - multilevel nested CSS menu - dark palette

      - หลายเมนู CSS ที่ซ้อนกัน - จานสีเข้ม

      จานสีเข้มอาจจะเหมาะสำหรับบางเว็บไซต์กว่าสีแสงหนึ่ง ดังนั้นคุณจึงมีอิสระในการเลือกในชีวิตของคุณ!

    6. เพื่อให้ได้กลับไปที่ "สดใส" โทนสี - เพียงแค่ยกเลิกการขั้นตอนข้างต้น "โบนัส"
  16. สรุป:
    ฉันรัก , I love Wordpress และฉันรักความจริงที่ว่าเรามีวิธีที่จะเพิ่มเมนูนำทางที่ดีให้กับเว็บท่าของเรา

20 $


สนุก!

Esman แกลบ



[[T_F]] การป้องกันข้อมูลรั่วไหล - ข้อมูลโซลูชั่นรักษาความปลอดภัย - Theft การคุ้มครองข้อมูลการตรวจจับและผลิตภัณฑ์ซอฟท์แวป้องกัน tracefusion_signature = FB [[T_F]]

comments } { 5 ความเห็น }

ธีมวิทยานิพนธ์ - หลายระดับ, ที่ซ้อนกัน, เมนูมิตร SEO - การสอน

วิทยานิพนธ์เรื่องธีม - เพิ่มหลายระดับ, ที่ซ้อนกัน, เมนู SEO เป็นมิตรนำทางไปยัง Wordpress

โดย gesman เมื่อ 8 กรกฎาคม 2009

Quest สำหรับเมนูที่สมบูรณ์แบบ ...

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

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

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

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

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

รายชื่อของคุณสมบัติของหลาย, ที่ซ้อนกัน เมนูสำหรับ
(คุณได้ที่จะรักสิ่งนี้):

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

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

ตามขั้นตอนการติดตั้ง NAVT ที่ใช้ซ้อนกันปรับแต่งได้หลายระดับ, SEO เป็นมิตร
และเพียงธรรมดาเย็นกำลังมองหา และ วิทยานิพนธ์ ธีม

  1. ไปที่แผง Wordpress admin Plugins-> เพิ่มใหม่ค้นหา "navt" ปลั๊กอินจะแสดง คลิก [Install], [การติดตั้งตอนนี้], "เปิดใช้งานปลั๊กอิน"
  2. เครื่องมือ-> Lists NAVT, Inside พื้นที่ "นำร่องกลุ่ม" พบ "ชื่อกลุ่ม" และป้อน: "menu1" ในฟิลด์ให้กด [สร้าง] ปุ่ม พื้นที่ "menu1" สี่เหลี่ยมผืนผ้าได้สร้างขึ้น
    นี้ในพื้นที่ "menu1" จะเป็นสนามเด็กเล่นหลักในการก่อสร้างเมนู คุณจะได้รับการลากและวางองค์ประกอบที่เมนูของคุณ
  3. ใน "สินทรัพย์" พื้นที่พบ listbox "อื่น ๆ " และคลิกที่ "หน้าแรก" ทางเลือก "บ้าน" thingie จะปรากฏอยู่ภายในของพื้นที่ "ที่ไม่ได้กำหนด" แปลกใช่มั้ย? ไม่ต้องกังวลตราบใดที่การทำงาน - และมันจะให้เรา
  4. ลากนี้ "หน้าแรก" thingie จาก "สินทรัพย์" พื้นที่ลงไปในพื้นที่ "menu1" สี่เหลี่ยมผืนผ้า มันจะกลายเป็น "หน้าแรก" รายการในเมนู
    • ทำซ้ำขั้นตอน 3-4 สำหรับบางหน้าจาก "หน้า" พื้นที่เช่นเดียวกับประเภทใน "ประเภท" พื้นที่ ลากรายการอื่น ๆ ที่คุณต้องการจะอยู่ในเมนูของคุณภายในสี่เหลี่ยม "menu1" คุณอาจจะคลิกที่หน้าหมวดหมู่ของผู้ใช้และบางองค์ประกอบที่กำหนดเองเช่น "divider รายการ" และ "การป้องกันรหัส" การป้องกันรหัสเป็นวิธีเย็นเพื่อเพิ่มตัวอย่างที่กำหนดเองในเมนู
    • คุณสามารถลากรายการเมนูที่อยู่ในบริเวณ "menu1" เพื่อจัดเรียงลำดับของพวกเขา
    • คุณอาจจะปรับตำแหน่งลำดับชั้นของเมนูแต่ละรายการด้วย "<" และ ">" ลูกศร
    • คลิกที่ชื่อข้อความของรายการแต่ละเมนู - เปิดใจโต้ตอบการปรับแต่งสามารถจะเชื่อได้เสริมสำหรับรายการนี​​้ ผมส่วนใหญ่ใช้เป็นค่าเริ่มต้น แต่ในทางเทคนิคที่คุณสามารถไปบ้าและเริ่มต้นสร้างทางเลือกที่เมนูรูปแบบและเพิ่ม chunks ของโค้ด HTML ลงไป ดำเนินการด้วยความระมัดระวังแม้ว่า
    • สำหรับเมนูย่อย unclikable linkless ที่จะเป็น "พ่อแม่" สำหรับข้อมูลอื่น ๆ ว่า "sub-เด็ก" ฉันใช้ "รหัสแท่ง" ชนิด ตัวอย่างเช่นเมื่อกำหนดรหัสรายการดังกล่าวบล็อกฉันป้อนสำหรับ "เมนูรายการนามแฝง" = "MemberWing" และ "Enter ป้องกันรหัส:" = "MemberWing href='#'> <a </ a>" มี 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
      แทรกลงไปใน "Add แท็กก่อนที่จะ ... " รหัสพื้นที่เหล่านี้ได้
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      แทรกลงไปใน "เพิ่มแท็กหลังจากที่ ... " รหัสพื้นที่เหล่านี้ได้
      <br style='clear: left' /></div>
    5. ให้กดปุ่ม [บันทึก / ปิด] ปุ่ม
  8. ที่อาคารนี้เมนูจุดจากภายใน NAVT ตัวเลือกปลั๊กอินเสร็จสมบูรณ์
    ตอนนี้ก็ถึงเวลาที่จะทำปรับแต่งเล็ก ๆ น้อย ๆ สำหรับ ที่จะได้รับมันพร้อม เพื่อที่เราจำเป็นต้องเพิ่มไฟล์ที่กำหนดเองไม่กี่ - CSS และ JavaScript ที่อยู่ในเมนูและ custom_functions.php วิทยานิพนธ์ปรับปรุง '
  9. ดาวน์โหลดชุดที่สมบูรณ์ของไฟล์ที่นี่ .
  10. เก็บ Unzip หากคุณมีการปรับปรุง custom_functions.php ของคุณด้วยการกำหนดเองของคุณ - คุณจำเป็นต้องผสานพวกเขาด้วยสิ่งที่ฉัน ฉันจะปล่อยให้มันขึ้นอยู่กับคุณ
    หากคุณไม่ได้สัมผัสมัน - อย่าลังเลที่จะแทนที่ด้วยเหมือง โปรดทราบ: ฉันต้องการไปที่ตำแหน่งเมนูภายใต้ส่วนหัวของเว็บไซต์ (ค่าปกติคือด้านบน) - ดังนั้นการปรับตัวของฉันรวมการตั้งค่านี้เช่นกัน
  11. อัพโหลดข้อมูลที่เก็บ ได้แก่ ไดเรกทอรีย่อยทั้งหมดและไฟล์ของคุณภายใต้ ไดเรกทอรี 'กำหนดเอง' เช่นนี้
    .../themes/THESIS-DIR/custom/custom_functions.php
    .../themes/THESIS-DIR/custom/jquerycssmenu/...
    ฉันไม่ได้สัมผัส custom.css - ฉันชอบที่จะให้ CSS เมนูเฉพาะภายใต้สถานที่ของตัวเองเพื่อหลีกเลี่ยงการสร้างระเบียบภายใน custom.css
  12. ณ จุดนี้คุณอาจโหลดเว็บไซต์ของคุณและดูใหม่ที่สวยงามหลายระดับใหม่, ที่ซ้อนกัน, เมนู SEO ที่ดีที่สุด
  13. คุณมักจะได้กลับไป NAVT การตั้งค่าและปรับแต่งเมนูของคุณมีทางเลือกมากขึ้นหรือตำแหน่งอะไร มันจะปรากฏบนเว็บไซต์โดยอัตโนมัติ

ถนนข้างหน้า ...

กวดวิชานี้รวมตัวอย่างสร้างสรรค์ของประเภทหนึ่งของเมนู ฉันเล่นกับอีกหนึ่ง - เพียงเพื่อดูว่าเมนูสีเข้มจะมีลักษณะ:

Thesis theme - multilevel nested CSS menu - dark palette

- หลายเมนู CSS ที่ซ้อนกัน - จานสีเข้ม

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

Dynamic Drive Horizontal Menus

เมนูแบบไดนามิกไดรฟ์ในแนวนอน

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

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

20 $

และแน่นอนว่าคุณจะสร้างซูเปอร์พรีเมี่ยมที่ดีที่สุด SEO WordPress สมาชิกพอร์ทัล - ทางออกที่ดีที่สุดสำหรับนี้:
ธีมวิทยานิพนธ์ + ปลั๊กอินสมาชิก MemberWing + ตัวเองเป็นเจ้าภาพ Wordpress แน่นอน



[[T_F]] การป้องกันข้อมูลรั่วไหล - ข้อมูลโซลูชั่นรักษาความปลอดภัย - Theft การคุ้มครองข้อมูลการตรวจจับและผลิตภัณฑ์ซอฟท์แวป้องกัน tracefusion_signature = FB [[T_F]]

comments } { 15 ความเห็น }

โพสต์พรีเมี่ยม 3

5 กรกฎาคม 2009

นี่คือทีเซอร์ฟรีสำหรับโพสต์พรีเมี่ยม 3
บทความนี้มีเนื้อหาที่รวมเข้าด้วยกัน: ส่วนแรกเป็นสมาชิกที่ปรากฏทอง, บทความทั้งหมดเป็นเฉพาะสมาชิกที่ปรากฏแพลทินัม
พยายามที่จะเข้าสู่ระบบเป็นสมาชิกคนแรกทอง (username / password = ทอง / ทอง) - คุณจะเห็นเนื้อหาที่มากขึ้น
... และจากนั้นออกจากระบบและกลับเข้าสู่ระบบในฐานะสมาชิกแพลทินัม (/ ชื่อผู้ใช้ [... ]

อ่านบทความเต็ม→

โพสต์พรีเมี่ยม 2

5 กรกฎาคม 2009

นี่คือทีเซอร์ฟรีสำหรับโพสต์พรีเมี่ยม 2 ส่วนที่เหลือจะมองเห็นได้สำหรับ Gold และสมาชิกเท่านั้น
คำแนะนำ - เข้าสู่ระบบสมาชิกทอง / รหัสผ่าน = ทอง / ทอง

ส่วนที่เหลือของบทความนี้สามารถใช้ได้กับสมาชิกพรีเมี่ยมเท่านั้น
เข้าสู่ระบบ หรือ เป็นสมาชิก

อ่านบทความเต็ม→

โพสต์พรีเมี่ยม 1

5 กรกฎาคม 2009

นี้เป็นบทความสำหรับการสาธิต MemberWing-X ด้วย MemberWing-X บทความนี้ถูกสร้างขึ้นมาสำหรับการซื้อสินค้าในราคาที่เดียวของ $ 2.95 หรือโดยสมัครเป็น "สมาชิกโกลด์โปรแกรม"
ดังนั้นนี้คือทีเซอร์ฟรีสำหรับโพสต์พรีเมี่ยม 1 ส่วนที่เหลือของบทความนี้คือการมองเห็นได้เฉพาะสมาชิกที่ซื้อมันสำหรับ $ 2.95 หรือสมัครเป็นสมาชิก "สมาชิกทอง"
เคล็ดลับ [... ]

อ่านบทความเต็ม→

ชุดรูปแบบวิทยานิพนธ์และการเป็นสมาชิก MemberWing ปลั๊กอินสำหรับเว็บไซต์ที่ดีที่สุด SEO เว็บไซต์สมาชิก

5 กรกฎาคม 2009

MemberWing เป็นปลั๊กอิน WordPress เว็บไซต์สมาชิกที่ออกแบบมาเฉพาะสำหรับ SEO ที่ดีที่สุดพอร์ทัลสมาชิก กับทีเซอร์ก็สามารถจัดทำดัชนีความยืดหยุ่นรองรับการใช้งาน Google คลิกแรกมาตรฐานฟรี, เนื้อหาดิจิตอลและการป้องกันการดาวน์โหลดอำนาจกับ PromoFusion - มันรับประกันการจัดทำดัชนีเว็บไซต์สมาชิกที่รวดเร็วของคุณและอยู่ในระดับที่สูงขึ้น
ในขณะที่เว็บไซต์สมาชิกอื่น ๆ ในโปรแกรมที่ชอบได้อย่างสมบูรณ์ปิดการเข้าถึง [... ]

อ่านบทความเต็ม→