เมื่อระบบเมนูนำทางเปิดตัวด้วย WordPress 3.0 นี่เป็นปัจจัยหนึ่งที่เปลี่ยน WordPress จากแพลตฟอร์มบล็อกเป็น CMS ที่มีประสิทธิภาพ

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

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

ดังนั้นนี่คือที่เมนูนำทางอัตโนมัติมีประโยชน์

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

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

แต่ถ้าคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ 

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

นี่คือสิ่งที่คุณจะต้องทำให้เมนูนำทาง WordPress เป็นอัตโนมัติ:

• การพัฒนาหรือทดสอบการติดตั้ง WordPress โดยมีการเพิ่มหน้าไม่กี่หน้าและหน้าย่อย
• โปรแกรมแก้ไขรหัส

การกำหนดค่ารหัส

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

ดูรายการของเรา ปลั๊กอิน WordPress 10 เพื่อสร้างการนับถอยหลัง

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

ขั้นตอนที่หนึ่ง

ขั้นตอนแรกคือการสร้างปลั๊กอิน ฉันสร้างโฟลเดอร์ใน " wp-content/plugins ". การสร้างโฟลเดอร์หมายความว่าฉันสามารถเพิ่มไฟล์ลงในปลั๊กอินได้ในอนาคตหากต้องทำเช่นสไตล์ชีตหรือรวมไฟล์

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

<?php
/**
 *ชื่อปลั๊กอิน:ปลั๊กอิน
 * URI ปลั๊กอิน: http://blogpascher.com
 * คำอธิบาย: ปลั๊กอิน WordPress
 * เวอร์ชัน: 1.0
 * ผู้เขียน: เฮิร์ฟ
 * URI ผู้เขียน: http://blogpascher.com
 *
 */

ตอนนี้เปิดใช้งานปลั๊กอินของคุณแล้ว

จากนั้นหากคุณใช้ธีมลูกให้กำหนดค่า ฉันใช้ธีมลูกจากธีม Twenty Seventeen - นี่คือสไตล์ชีตของฉัน:

<?php
/**
 *ชื่อปลั๊กอิน:ปลั๊กอิน
 * URI ปลั๊กอิน: http://blogpascher.com
 * คำอธิบาย: ปลั๊กอิน WordPress
 * เวอร์ชัน: 1.0
 * ผู้เขียน: เฮิร์ฟ
 * URI ผู้เขียน: http://blogpascher.com
 *
 */

@import url( " ../twentyseventeen/style.css " );

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

ตอนนี้เรามาเริ่มเพิ่มรหัสลงในปลั๊กอิน

สร้างฟังก์ชันเพื่อแสดงรายการเพจทั้งหมดตามลำดับชั้น

เราจะใช้ฟังก์ชั่น« wp_list_pages () เพื่อดึงข้อมูลเพจทั้งหมดและแสดงรายการพร้อมลิงก์ แต่ก่อนอื่นเราต้องกำหนดข้อโต้แย้งบางประการ เริ่มต้นด้วยการสร้างฟังก์ชันของคุณและเพิ่มอาร์กิวเมนต์เหล่านี้:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); }

อาร์กิวเมนต์นั้นง่ายมาก - มีเพียงหนึ่งเดียวสำหรับระดับของเพจที่เราต้องการทำ การตั้งค่า "2" หมายความว่าเพจระดับบนสุดและเพจย่อยจะแสดงขึ้น แต่จะไม่แสดงอีกต่อไป

ค้นพบ การเชื่อมต่อ 5 ข้อผิดพลาดที่พบบ่อยและการแก้ปัญหาของพวกเขาใน WordPress

ตอนนี้ขอเพิ่มฟังก์ชัน "wp_list_pages ()" หลังอาร์กิวเมนต์:

Wp_list_pages ($ args);

นี่คือฟังก์ชั่นที่สมบูรณ์:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); wp_list_pages ($ args); }

การเพิ่มฟังก์ชั่นให้กับธีม

ในขณะนี้ฟังก์ชันไม่แสดงสิ่งใดบนเว็บไซต์ของฉัน ในการเปลี่ยนแปลงสิ่งนี้เราจำเป็นต้องเพิ่มสำเนาของส่วนหัวของธีมหลักในธีมลูกและแก้ไขสิ่งนั้น

ดูเพิ่มเติม: วิธีป้องกัน WordPress ของคุณทำงานบนเว็บไซต์ลูกค้า

เริ่มต้นด้วยการคัดลอกไฟล์ส่วนหัวของคุณไปยังธีมลูกของคุณแล้วเปิด ใน Twenty Seventeen รหัสเมนูการนำทางมีอยู่ใน " แม่แบบชิ้นส่วน / นำทาง / navigation-top.php ซึ่งหมายความว่าฉันต้องเพิ่มสำเนาของไฟล์นี้ในที่เดียวกันในธีมลูกของฉัน

ค้นพบที่จะไปต่อ วิธีการติดตั้งธีม WordPress เด็ก

ในธีมของคุณอาจเป็นไฟล์ header.php ที่ต้องคัดลอก

รหัสเมนูจะแตกต่างกันขึ้นอยู่กับธีมของคุณ ในรหัสที่ฉันใช้นี่คือรหัสที่ฉันต้องแทนที่:

'top', 'menu_id' => 'เมนูบนสุด',)); ?>

ปรับเปลี่ยนรหัสของเมนูนำทางของคุณเพื่อเพิ่มฟังก์ชั่นใหม่โดยมีรหัสที่มีอยู่ในการประกาศ "else {}":

'top', 'menu_id' => 'เมนูบนสุด',)); }?>

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

ดูคำแนะนำของเราบน วิธีการแสดงบล็อกโฆษณาบน WordPress

ตอนนี้ดูที่เว็บไซต์ของฉัน:

ลิงก์ปรากฏขึ้น แต่มีปัญหาบางอย่าง ฉันไม่ต้องการให้ "เพจ" แสดงที่ด้านบน (ซึ่งเป็นค่าเริ่มต้นสำหรับฟังก์ชั่น wp_list_pages () ) และฉันต้องการสั่งซื้อหน้าเว็บอย่างมีประสิทธิภาพมากขึ้น คุณจะเห็นว่าโฮมเพจอยู่ตรงกลางรายการซึ่งไม่เหมาะอย่างยิ่ง

ปรับปรุงฟังก์ชั่น

ลองกลับไปที่รหัสปลั๊กอินและปรับแก้เพื่อแก้ไขปัญหาเหล่านี้

ค้นหาข้อโต้แย้งที่คุณได้กำหนดไว้แล้ว wp_list_pages ():

$ args = array ('ความลึก' => 2);

และแก้ไข:

$ args = array ($ args = array ('ความลึก' => 2, 'title_li' => ' '. __ ('เมนู', 'bpc') ' ',' sort_column '=>' เมนู - ลำดับ ');

เพิ่มสองอาร์กิวเมนต์เพิ่มเติม:

• มาร์กอัปก่อนรายการซึ่งตอนนี้พูดว่า " เมนู แทนการ หน้า '
• ลำดับที่แสดงเพจ

คุณต้องกลับไปที่หน้าจอการแก้ไขของเพจของคุณและกำหนดลำดับของเพจสำหรับแต่ละเพจ ตั้งค่าหน้าแรกของคุณเป็นค่า "0" และหน้าอื่น ๆ ระดับบนสุดจะสูงกว่าหน้าเหล่านี้ 

อ่านคู่มือของเราได้ที่ : วิธีการโหลด Facebook และ Disqus อย่างช้าๆ

ตอนนี้เมื่อคุณแสดงเมนูมันจะมีลักษณะดังนี้:

คุณยังสามารถเปลี่ยนลำดับเมนูของเพจระดับที่สองได้ สิ่งนี้จะไม่ปรากฏเหนือหน้าระดับบนสุดดังนั้นคุณสามารถเริ่มต้นที่ 0 หรือ 1 สำหรับหน้าย่อยแต่ละชุด

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

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

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 แบบฟอร์มแรงโน้มถ่วง

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

คุณสามารถใช้สำหรับ สร้างรูปแบบใด ๆเช่นแบบฟอร์มใบเสนอราคาแบบสำรวจและอื่น ๆ

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 eForm

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

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

อ่านบทความของเราเกี่ยวกับ วิธีการตลาดเนื้อหามีผลต่อ SEO ของบล็อกของคุณ

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 Mailster

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

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

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

• ปลั๊กอิน WordPress 8 เพื่อสร้าง megamenu ในบล็อกของคุณ
• วิธีแสดงบทความล่าสุดใน WordPress
• วิธีสร้างสไลด์โชว์ด้วย Slider Revolution บน WordPress
• วิธีการแสดงบล็อกโฆษณาบน WordPress

สรุป

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

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...