เคล็ดลับเทคนิคและปลั๊กอินที่ดีที่สุดสำหรับปรับแต่งเมนู WordPress

เคล็ดลับเทคนิคและปลั๊กอินที่ดีที่สุดสำหรับปรับแต่งเมนู WordPress


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

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

  • เพิ่มไอคอนในเมนู WordPress ของคุณ
  • เพิ่มปุ่มเข้าสู่ระบบ / ออกจากระบบไปที่เมนู
  • แสดงเมนู WordPress ทุกที่ที่คุณต้องการ
  • วิธีเพิ่มช่องค้นหาในเมนู WordPress ของคุณ
  • วิธีทำให้เมนูการนำทางติดที่ด้านบนของหน้า
  • ทำเมนูการนำทางแบบยึดติดด้วยปลั๊กอิน
  • วิธีการลบรายการเมนูระดับบนใน WordPress
  • ปลั๊กอินเมนู 4 อันดับแรกสำหรับ WordPress
  • สุดยอดปลั๊กอินเมนูมือถือ WordPress

Contents

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

มีปลั๊กอินมากมายที่สามารถช่วยคุณในการสร้างเมนูการนำทางที่น่าทึ่ง แน่นอนว่าคุณสามารถกำหนดรหัสด้วยตัวคุณเองถ้าคุณรู้วิธี แต่มีวิธีที่ง่ายกว่าในการทำให้เมนูปกติของคุณใช้งานง่ายขึ้น – โดยการเพิ่มไอคอน.

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

ไอคอนเมนู

ราคา: ฟรี

ไอคอนเมนู

หากคุณไม่ทราบวิธีการทำไม่ต้องกังวลนั่นเป็นสาเหตุที่คุณมาที่นี่ ในส่วนนี้ของคู่มือเราจะไม่รบกวนคุณด้วยการเข้ารหัสที่กำหนดเอง แต่ เราจะแสดงปลั๊กอินฟรีที่เรียบร้อยซึ่งคุณสามารถกำหนดค่าได้ในไม่กี่นาทีถัดไป.

  1. ไปที่ ปลั๊กอิน -> เพิ่มใหม่
  2. ค้นหา“ ไอคอนเมนู”
  3. ติดตั้งและเปิดใช้งานปลั๊กอิน
  4. นำทางไปยัง ลักษณะภายนอก -> เมนู
  5. เปิดเมนูการนำทางของคุณ
  6. เลือกหน้าภายใต้โครงสร้างเมนูที่คุณต้องการเลือกไอคอน
  7. เลือกไอคอนแก้ไขตำแหน่งและขนาด
  8. บันทึกเมนู

แค่นั้นแหละ! ตอนนี้ไปหาไอคอนเจ๋ง ๆ ที่คุณต้องการบนเมนูของคุณและสนุกกับการออกแบบใหม่ของคุณ ในขณะที่คุณยังคงทำงานกับไอคอนอย่าลืมว่าคุณสามารถเพิ่ม favicon ลงในบล็อก WordPress ของคุณได้เช่นกัน.

เพิ่มปุ่มเข้าสู่ระบบ / ออกจากระบบไปที่เมนู

หนึ่งในคุณสมบัติของ WordPress ที่เราชอบคือวิธีการที่ง่ายในการลงทะเบียนผู้ใช้ใหม่ การควบคุมบทบาทผู้ใช้ที่แตกต่างกันบนแพลตฟอร์มยอดนิยมนั้นไม่ง่ายกว่านี้ มีบทบาทที่ลงทะเบียนแล้วซึ่งคุณสามารถกำหนดและคุณสามารถสร้างบทบาทผู้ใช้ที่กำหนดเองจำนวนมากสำหรับความต้องการของไซต์ของคุณ.

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

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

ในกรณีนี้ไม่จำเป็นต้องหยิบปลั๊กอินอื่น. ฟังก์ชั่น WordPress ง่าย ๆ ที่เราจะแสดงให้คุณเห็นในส่วนนี้ของบทความสามารถทำงานได้ดีสำหรับคุณ. มันจะวางลิงค์ที่ถูกต้องในเมนูของคุณโดยอัตโนมัติ ซึ่งหมายความว่าในขณะที่ผู้ใช้ออกจากระบบเขาจะได้รับลิงค์ “เข้าสู่ระบบ” และในทางกลับกัน ทั้งคุณและผู้ใช้จะไม่ต้องกังวลเกี่ยวกับปุ่มล็อกอินอีกครั้ง.

หากคุณพร้อมที่จะเพิ่มคุณสมบัติการเข้าสู่ระบบที่เรียบง่ายและเรียบร้อยให้กับเมนูนี่คือสิ่งที่คุณต้องทำ:

  1. เปิดฟังก์ชั่น
  2. คัดลอกและวางต่อไปนี้:
  3. ฟังก์ชั่น add_login_logout_link ($ items, $ args) {
    $ loginoutlink = wp_loginout ('index.php', เท็จ);
    $ items. = '
  4. ' $ loginoutlink '
  5. '; ส่งคืน $ items; } add_filter ('wp_nav_menu_items', 'add_login_logout_link', 10, 2);
  6. บันทึกการเปลี่ยนแปลง

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

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

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

เรารักการปรับแต่ง WordPress ด้วยตัวอย่างเล็ก ๆ น้อย ๆ เช่นนี้คุณจะเป็นอย่างไร?

แสดงเมนู WordPress ทุกที่ที่คุณต้องการ

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

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

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

ไม่คุณไม่ต้องสร้างรายการที่กำหนดเองหรือพิมพ์รหัส HTML ใหม่ทั้งหมดเพื่อทำซ้ำลิงก์ คุณสามารถใช้ประโยชน์จากรหัสย่อและวางเมนูที่มีอยู่ทุกที่ที่คุณต้องการ!

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

สร้างรหัสย่อและแสดงเมนู WordPress ได้ทุกที่ที่คุณต้องการ

  1. เปิดไฟล์ functions.php
  2. คัดลอกและวางรหัสซึ่งจะลงทะเบียนรหัสย่อ:
  3. ฟังก์ชั่น menu_function ($ atts, $ content = null) {
    สารสกัด (
    shortcode_atts (
    อาร์เรย์ ('name' => null,),
    $ ATTS
    )
    );
    ส่งคืน wp_nav_menu (
    array (
    'menu' => $ name,
    'echo' => false
    )
    );
    }
    add_shortcode ('เมนู', 'เมนู _function');
    
  4. บันทึกการเปลี่ยนแปลง

ทันทีที่คุณบันทึกการเปลี่ยนแปลงคุณจะสามารถแสดงเมนู WordPress ได้ทุกที่ที่คุณต้องการ. สิ่งที่คุณต้องทำคือจดรหัสย่อ ที่ซึ่งคุณต้องระบุชื่อของเมนูที่คุณจะใช้:

[ชื่อเมนู =” เมนูหลัก”]

ในกรณีส่วนใหญ่เมนูหลักของคุณจะมีชื่อ “เมนูหลัก” ติดอยู่กับตัวเอง แต่ถ้าคุณจะใช้เมนูอื่นให้ป้อนชื่อในรหัสย่อ คุณไม่จำเป็นต้องรู้ชื่อเมนูทุกรายการด้วยหัวใจ แทนไปที่ ลักษณะภายนอก -> เมนู และเรียกดูรายการเมนูหรือสร้างรายการใหม่.

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

วิธีเพิ่มช่องค้นหาในเมนู WordPress ของคุณ

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

หากคุณเรียกดูวิดเจ็ต WP มาตรฐานของคุณคุณอาจเห็นว่า มีวิดเจ็ตการค้นหาพร้อมที่จะวางบนแถบด้านข้าง. แต่ถ้าคุณต้องการให้ช่องค้นหาปรากฏถัดจากเมนูของคุณแทน?

ในบรรทัดต่อไปนี้เราจะแสดงฟังก์ชั่นที่จะใช้กล่องค้นหาทุกวันของคุณและวางไว้ในเมนูนำทาง.

เพิ่มช่องค้นหาลงในเมนู:

  1. เปิดฟังก์ชั่น
  2. คัดลอกและวางต่อไปนี้:
  3. add_filter ('wp_nav_menu_items', 'add_search_box', 10, 2);
    ฟังก์ชั่น add_search_box ($ items, $ args) {
    $ items. = '
  4. ' get_search_form (false) '
  5. '; ส่งคืน $ items; }
  6. บันทึกการเปลี่ยนแปลง

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

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

  1. เพิ่มคลาสให้
  2. พบแท็กในบรรทัดที่สามของรหัส:
  3. $ items. = '
  4. ' get_search_form (false) '
  5. '
  6. บันทึกการเปลี่ยนแปลง
  7. เปิด style.css
  8. คัดลอกและวางรหัส CSS:
  9. .searchbox-position {
    margin-top: 15px;
    ระยะขอบขวา: 20px;
    }
    
  10. เปลี่ยนรหัสตามความชอบของคุณ
  11. บันทึกการเปลี่ยนแปลง

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

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

คุณอาจเคยเห็นเว็บไซต์ที่ไหน เมนูนำทางติดที่ด้านบนของหน้าและติดตามคุณทุกขั้นตอนในการผจญภัยการเลื่อนของคุณ. คุณลักษณะนั้นอาจเป็นสิ่งที่คุณต้องการในเว็บไซต์ WordPress ของคุณและในส่วนนี้ของคำแนะนำเรากำลังจะแสดงวิธีสร้าง.

ไม่เพียง แต่มันมีฟังก์ชั่นการใช้งานที่สามารถใช้งานเมนูได้เสมอในมือของคุณ แต่ยังสามารถดูสวยงามและลื่นไหล.

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

  1. เปิดสไตล์ชีทของคุณ (style.php)
  2. หา .nav เมนู หรือ .กำเนิด-nav เมนู (หรือคล้ายกันขึ้นอยู่กับชุดรูปแบบที่คุณใช้)
  3. ใช้รหัสต่อไปนี้สำหรับคอนเทนเนอร์เมนูหลักของคุณ:
  4. .เมนูนำทาง
    ตำแหน่ง: ถาวร
    พื้นหลัง: # 333;
    ด้านบน: 0px;
    ขวา: 0px;
    ซ้าย: 0px;
    ดัชนี z: 99;
    }

    ในขณะที่คุณสามารถเดาได้จากรหัส, ส่วนสำคัญมาที่บรรทัดที่สองซึ่งคุณจำเป็นต้องแก้ไขตำแหน่งของเมนูของคุณ. หลังจากนั้นคุณสามารถตั้งค่าองค์ประกอบด้านบนขวาและซ้ายเป็น 0 พิกเซลหรือย้ายไปเป็นระยะทางใดก็ได้จากด้านบนหรือจากขอบซ้ายและขวาของหน้า (ตัวอย่างเช่น: top: 10px จะวางเมนูของคุณ 10 พิกเซลจาก ขอบบนของเว็บไซต์ของคุณ).

  5. อัปเดตไฟล์ของคุณและเพลิดเพลินไปกับเมนูการนำทางที่เหนียว

หากคุณไม่ชอบล้อเล่นกับรหัสคุณสามารถใช้ปลั๊กอินเพื่อทำให้เมนูของคุณเหนียว.

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

ส่วนต่อขยายของ UberMenu

ราคา: $ 8

ส่วนต่อขยายของ UberMenu

UberMenu Sticky Extension เป็นส่วนเสริมสำหรับ ปลั๊กอิน UberMenu ซึ่งหมายความว่าคุณต้องติดตั้งปลั๊กอินนี้ก่อนเพื่อให้ส่วนขยายทำงานได้ ส่วนขยายทำให้ทุกอย่างง่าย หลังการติดตั้งคุณพร้อมที่จะทำให้เมนูของคุณเหนียว. ไม่ว่าคุณจะวางเมนูของคุณไว้ที่ใดเมื่อผู้ใช้เริ่มเลื่อนเมนูจะติดที่ด้านบนของหน้า และทำให้เข้าถึงได้ง่าย.

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

myStickymenu

ราคา: ฟรี
การสาธิต

myStickymenu

ปลั๊กอินนี้ถูกออกแบบมาเพื่อใช้กับชุดรูปแบบ Twenty Thirteen แต่ถ้าคุณปรับแต่งมันเล็กน้อยคุณสามารถใช้มันในธีมใดก็ได้ที่คุณชอบ โดยค่าเริ่มต้นจะใช้ CSS คลาสนำทางของธีม“ .navbar”. ดังนั้นถ้าคุณต้องการใช้มันในธีมอื่นคุณต้องหาคลาสที่ธีมของคุณใช้ เพื่ออธิบายเมนูนำทางและเปลี่ยนชื่อของคลาสนั้น.

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

เมนูเหนียว (หรืออะไรก็ได้!) บน Scroll

ราคา: ฟรี

เมนูเหนียว (หรืออะไรก็ได้!) บน Scroll

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

วิธีการลบรายการเมนูระดับบนใน WordPress

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

ในส่วนนี้เราจะแสดงรหัสง่าย ๆ ที่จะช่วยให้คุณลบรายการเมนูระดับบนออกจากหน้าผู้ดูแลระบบ WordPress ของคุณ.

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

ลบรายการเมนูระดับบนสุด:

  1. เปิดไฟล์ functions.php ของคุณ
  2. คัดลอกและวางรหัสต่อไปนี้:
  3. if (! current_user_can ('Manage_options')) {
    add_action ('admin_menu', 'my_remove_menus', 999);
    }
    ฟังก์ชั่น my_remove_menus () {
    remove_menu_page ('index.php'); //แผงควบคุม
    remove_menu_page ('edit.php'); // กระทู้
    remove_menu_page ('upload.php'); // สื่อ
    remove_menu_page ('edit.php? post_type = หน้า'); // หน้า
    remove_menu_page ('edit-comments.php'); // ความคิดเห็น
    remove_menu_page ('themes.php'); // ลักษณะ
    remove_menu_page ('plugins.php'); // ปลั๊กอิน
    remove_menu_page ('users.php'); // ผู้ใช้
    remove_menu_page ('tools.php'); // เครื่องมือ
    remove_menu_page ('options-general.php'); // การตั้งค่า
    }
  4. บันทึกการเปลี่ยนแปลง

เนื่องจากรหัสนี้จะลบเมนูระดับบนสุดทั้งหมดที่คุณอาจไม่ต้องการทำโปรดแก้ไขรหัสตามที่คุณต้องการ แต่ละบรรทัด“ remove_menu_page” รับผิดชอบการลบหนึ่งหน้า (ซึ่งอธิบายไว้ในวงเล็บรวมทั้งในความคิดเห็นข้างบรรทัดโค้ด). เพียงเพิ่มหรือลบหน้าที่คุณต้องการออกจากเมนูของคุณ และบันทึกการเปลี่ยนแปลงอีกครั้ง.

ตอนนี้คุณได้เรียนรู้วิธีการลบหน้าระดับบนออกจากเมนูคุณอาจต้องการลบหน้าย่อยบางส่วนที่อยู่ใต้หน้าระดับบนสุดเท่านั้น.

ปลั๊กอินเมนู 4 อันดับแรกสำหรับ WordPress

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

แต่ถ้าคุณต้องการวิธีแก้ปัญหาที่รวดเร็วกว่าหรือคุณไม่รู้วิธีเขียนรหัสเมนูแฟนซีของคุณเอง WordPress อนุญาตให้คุณติดตั้งปลั๊กอินที่ยอดเยี่ยมซึ่งออกแบบมาเพื่อสร้างเมนูที่สวยงามในไม่กี่คลิก นี่คือปลั๊กอินเมนูที่ดีที่สุดสำหรับ WordPress.

เมนู Uber

ราคา: $ 20
การสาธิต

เมนู Uber

ด้วยยอดขายมากกว่า 43,000, เมนู Uber เป็นหนึ่งในปลั๊กอินยอดนิยมสำหรับ WordPress. เมื่อคุณเปิดไซต์ตัวอย่างและดูว่าเมนูที่สร้างด้วยปลั๊กอินนี้มีลักษณะอย่างไรคุณจะเข้าใจว่าทำไมมันถึงได้รับความนิยม และเมื่อคุณเริ่มทำรายการคุณสมบัติของมันคุณอาจต้องการตัวคุณเอง.

เมนูที่สร้างด้วยเมนู Uber จะตอบสนองและเปิดใช้งานระบบสัมผัสสำหรับผู้เข้าชมมือถือของคุณ คุณสามารถสร้างเลย์เอาต์ที่สวยงามและวางไอคอนรูปภาพวิดีโอและแผนที่ลงในเมนูของคุณ สามารถวางฟอร์มทั้งหมดลงในเมนูย่อยเพื่อให้คุณสามารถสร้างแบบฟอร์มการติดต่อโดยไม่ต้องเพิ่มหน้าพิเศษสำหรับสิ่งนั้น ปลั๊กอินสามารถปรับแต่งได้อย่างมากและคุณสามารถเล่นได้มากกว่า 50 แบบพร้อมการแสดงตัวอย่างแบบสด คุณสามารถสร้างเมนูย่อยโดยอัตโนมัติจากเนื้อหาอื่น ๆ ของคุณสร้างแท็บภายใต้เมนูของคุณและอีกมากมาย.

  • การสร้างรายการแบบไดนามิก
  • เมนูย่อยแบบแท็บ
  • ส่วนต่อประสานผู้ใช้ที่ปรับปรุง

Morph: เมนู WordPress แบบ Fly-Out ที่ปรับแต่งได้

ราคา: $ 20
การสาธิต

Morph

Morph เป็นเมนู fly-out ที่ออกแบบมาสำหรับอุปกรณ์มือถือ แต่อย่างที่คุณเห็นในหน้าตัวอย่างถ้าคุณเปิดมันบนคอมพิวเตอร์ส่วนตัวของคุณมันก็ดูดีมากบนเดสก์ท็อปเช่นกัน.

โดยใช้ปลั๊กอินนี้, คุณสามารถซ่อนเมนูและโทรออกได้ด้วยการคลิกง่ายๆ. บนพื้นที่เมนูคุณสามารถสร้างเมนูแบบเลื่อนลงมาตรฐานเพิ่มรูปภาพปุ่มค้นหาและพื้นที่ทั้งหมดจะถูกทำให้เป็นวิดเจ็ตซึ่งหมายความว่าคุณสามารถฝังทุกสิ่งที่คุณต้องการและต้องการ ปลั๊กอินสามารถปรับแต่งได้มากดังนั้นคุณสามารถเลือกสีที่คุณต้องการเปลี่ยนความสูงของรูปภาพและเพิ่มหรือลบองค์ประกอบตามความต้องการของคุณ หากคุณจะใช้มันสำหรับอุปกรณ์มือถือคุณสามารถตั้งค่าความละเอียดที่เมนูจะปรากฏขึ้นได้อย่างง่ายดาย.

  • ใช้งานได้ดีทั้งบนเดสก์ท็อปและอุปกรณ์มือถือ
  • เพิ่ม / ลบองค์ประกอบที่ปรับแต่งได้
  • สามารถเรียกใช้โดยองค์ประกอบใด ๆ

เมนูฮีโร่

ราคา: $ 19
การสาธิต

เมนูฮีโร่

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

มีรองรับการสัมผัสพิเศษสำหรับ Android, iOS และ Windows Phone เลือกความกว้างเต็มหรือแถบนำทางความกว้างคงที่ที่คุณสามารถ เพิ่มองค์ประกอบพิเศษได้อย่างง่ายดายโดยใช้เทคนิคการลากและวาง. มีชุดสีมากกว่า 60 แบบและคุณสามารถใช้ Google Fonts ได้ฟรี ทำให้เมนูเหนียวเลือกระยะการเปิดใช้งาน … ปลั๊กอินที่ยอดเยี่ยมนี้สามารถให้ได้มากกว่านี้ดังนั้นอย่าลืมตรวจสอบรายการฟีเจอร์ทั้งหมดใน CodeCanyon.

  • เครื่องมือสร้างโครงสร้างเมนูลากและวาง
  • สร้างเมนูอย่างง่ายหรือเมนูเมกะที่ซับซ้อน
  • การนำทางมือถือแบบพิเศษ

แถบ Multi-X

ราคา: $ 16
การสาธิต

Multi X Bar

แถบ Multi-X เป็นปลั๊กอินแบบแยกส่วนและช่วยให้คุณวางสิ่งที่ต้องการได้ในแถบการนำทาง นอกจากรายการเมนู, คุณสามารถวางได้มากถึง 8 รายการในบาร์ – ไม่ว่าจะเป็นรูปแบบการติดต่อแบบฟอร์มการค้นหาไอคอนการแบ่งปันทางสังคมพื้นที่วิดเจ็ต ฯลฯ.

มีสองธีมให้คุณเลือกรวมถึงธีมที่กำหนดเองซึ่งคุณสามารถตั้งค่าสีของคุณเองในขณะที่การไล่ระดับสีจะถูกคำนวณโดยอัตโนมัติ แถบนำทางสามารถวางเป็นเมนูแบบคงที่หรือเลื่อนได้ หากคุณเป็นนักพัฒนาคุณจะรู้ว่ามีชุด hooks พร้อมสำหรับคุณหากคุณต้องการสร้างปลั๊กอินใหม่จากแถบ Multi-X ปลั๊กอินนี้มีมากขึ้นมากดังนั้นให้แน่ใจว่าได้ดูคุณสมบัติทั้งหมดใน CodeCanyon.

  • 8 โมดูลการทำงานที่ฝังตัว
  • 2 ธีมสี + ธีมที่กำหนดเอง
  • ตำแหน่งด้านบนหรือด้านล่าง

สุดยอดปลั๊กอินเมนูมือถือ WordPress

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

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

ด้วย WordPress งานนี้ไม่ยากอย่างที่คุณคิด คุณไม่จำเป็นต้องรู้รหัสหรือวิธีตั้งค่าเมนู เพียงคุณมีปลั๊กอินที่คุณสามารถติดตั้งและปรับแต่งตามความต้องการของคุณ.

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

สัมผัสได้

ราคา: $ 18
การสาธิต

สัมผัสได้

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

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

  • เมนูหลายประเภท
  • ฟังก์ชั่นการค้นหา
  • ตำแหน่งคงที่ / แน่นอน

TapTap

ราคา: $ 10
การสาธิต

แตะแตะ

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

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

  • เมนูหลายระดับ
  • การออกแบบปุ่มเมนู 2 ปุ่มและภาพเคลื่อนไหว
  • ตำแหน่งคงที่ / แน่นอน

Mobi

ราคา: $ 16
การสาธิต

Mobi

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

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

  • ลากและวางการปรับแต่ง
  • การวางตำแหน่งเมนูด้านบนหรือด้านล่าง
  • การเปิดเผยของผู้ใช้สำหรับแขกและผู้ใช้ที่เข้าสู่ระบบ

วาเมนู

ราคา: $ 44
การสาธิต

วาวา

เมนูวาเป็น เมนูเชื่อมต่อ สมบูรณ์แบบสำหรับเว็บไซต์มือถือออกแบบมาเป็นพิเศษสำหรับการนำทางด้วยสัมผัสของ iPad ด้วยปลั๊กอินพิเศษนี้คุณสามารถเพิ่มลิงค์เมนูได้ถึง 8 ลิงค์ซึ่งจะติดตั้งอย่างดีที่ด้านข้างของเว็บไซต์ WordPress ของคุณ.

เมื่อคุณคลิกที่ไอคอนเฉพาะในเมนูเมนูย่อยจะปรากฏขึ้นซึ่งอนุญาตให้ใช้ HTML, วิดีโอแบบฝัง, แผนที่และทุกสิ่งที่คุณต้องการ ปลั๊กอินนี้สามารถปรับแต่งได้อย่างมากซึ่งหมายความว่าคุณสามารถเลือกสีได้ 8 สี, ความกว้างของเมนู, ไอคอน, ลิงค์และอื่น ๆ การสร้างเมนูนั้นง่ายมากด้วยตัวแก้ไข WYSIWYG ไม่ว่าคุณจะเลือกใช้ธีมสีเข้มหรือสีอ่อนคุณสามารถมั่นใจได้ว่ามันจะดูดี.

  • โปรแกรมแก้ไขแบบ WYSIWYG
  • เมนูย่อยพร้อมรองรับ HTML, วิดีโอแบบฝัง ฯลฯ.
  • ตัวเลือก Out หรือ Docked state

เมนูสไตล์เส้นทาง

ราคา: $ 12
การสาธิต

สไตล์ของเส้นทาง

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

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

  • สร้างเมนูรอบปุ่ม
  • ปรับแต่งได้สูง
  • ใช้เมนู WP มาตรฐานเพื่อแก้ไขเมนู

Scrollnav

ราคา: $ 10
การสาธิต

Scrollnav

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

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

  • ปุ่มวงกลมพร้อมฟังก์ชั่นต่าง ๆ
  • เมนูกำหนดเองและส่วนลิงก์ที่กำหนดเอง
  • โทนสีหลายแบบ

เมนูเลื่อนไป

ราคา: $ 24
การสาธิต

เลื่อนไปที่เมนู

ปลั๊กอินพรีเมี่ยมแบบง่ายนี้จะให้เมนูด้านข้างที่ยอดเยี่ยมซึ่งสร้างขึ้นสำหรับการนำทางแบบสัมผัสของ iOS และ Android เมื่อคุณสร้างเมนูมันจะมีไอคอนที่ลิงก์ไปยังส่วนอื่นของหน้าและเลื่อนโดยอัตโนมัติ.

เป็นสิ่งสำคัญที่จะต้องทราบว่า ScrollTo ไม่ใช่เมนูการนำทางที่สมบูรณ์, แต่จะเลื่อนไปยังส่วนอื่นของหน้าเดียวกันเท่านั้น คุณสามารถเลือกไอคอนได้มากกว่า 750 ไอคอนหรือใช้รูปภาพของคุณเองเป็นรายการเมนูและมีพื้นที่เพิ่มเติมสำหรับโฆษณา ในการทำให้ทุกอย่างทำงานคุณจะต้องมีความรู้พื้นฐาน HTML เพื่อให้สามารถปฏิบัติตามคำแนะนำได้ อาจใช้เวลาอีกสักครู่ แต่ผลลัพธ์ที่ได้ดูดีมาก.

  • สัมผัสที่เปิดใช้งาน
  • มากกว่า 750 ไอคอน + ภาพที่กำหนดเอง
  • พื้นที่โฆษณาเพิ่มเติม

ข้อสรุป

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map