3 ขั้นตอนในการเพิ่มเมนูด้านข้างใน WordPress

เผยแพร่แล้ว: 2022-09-21

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

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

ฉันจะเพิ่มเมนูแนวตั้งใน WordPress ได้อย่างไร

เครดิต: www.boldgrid.com

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

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

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

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

ฉันจะหาแถบด้านข้างใน WordPress ได้ที่ไหน

เครดิต: wpmissing.com

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

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

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

Compact Archives สามารถใช้เพื่อแสดงคลังเนื้อหาของคุณได้อย่างมีประสิทธิภาพมากขึ้น ตัวเลือกวิดเจ็ตช่วยให้คุณสร้าง แถบด้านข้างแบบกำหนดเอง บนการจัดหมวดหมู่ที่แตกต่างกันในหน้าต่างเดียว ด้วย Ninja Forms คุณสามารถสร้างแบบฟอร์มที่จะเพิ่มรายชื่อผู้รับจดหมายของคุณและสร้างโอกาสในการขาย ตอนนี้คุณสามารถแสดงรูปภาพจากบัญชี Instagram ของคุณโดยใช้ Smash Balloon Social Photo Feed คุณสามารถเปลี่ยนสี ขนาด และจำนวนรูปภาพที่คุณสร้างในแอปได้ คุณสามารถเพิ่มประวัติผู้แต่งในพื้นที่วิดเจ็ตของคุณด้วยวิดเจ็ต Meks Smart Author ปลั๊กอินนี้เหมาะสำหรับเว็บไซต์ใดๆ ที่มีผู้เขียนตั้งแต่หนึ่งคนขึ้นไป

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

ทำไมฉันไม่เห็นแถบด้านข้างของฉันบน WordPress?

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

วิธีเพิ่มแถบด้านข้างใน WordPress

ในการเพิ่มแถบด้านข้างในไซต์ WordPress คุณจะต้องแก้ไขไฟล์ธีมของคุณ โดยเฉพาะอย่างยิ่ง คุณจะต้องแก้ไขไฟล์ชื่อ sidebar.php
ภายในไฟล์ sidebar.php คุณจะต้องเพิ่มรหัสต่อไปนี้:
ถ้า ( is_active_sidebar ( 'sidebar-1' ) ) {
dynamic_sidebar( 'แถบด้านข้าง-1' );
}
? >
รหัสนี้จะบอกให้ WordPress แสดงพื้นที่วิดเจ็ตแถบด้านข้างที่เรียกว่า sidebar-1 คุณสามารถเปลี่ยนชื่อของพื้นที่วิดเจ็ตแถบด้านข้างเป็นอะไรก็ได้ที่คุณต้องการ
เมื่อคุณเพิ่มโค้ดนี้ลงในไฟล์ sidebar.php แล้ว คุณจะต้องไปที่ส่วนวิดเจ็ตของส่วนผู้ดูแลระบบ WordPress ของคุณ คุณสามารถเพิ่มวิดเจ็ตในแถบด้านข้างได้ที่นี่

ฉันจะเพิ่มแถบด้านข้างให้กับหน้าเดียวใน WordPress ได้อย่างไร

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

วิธีเพิ่มเมนูในส่วนหัวของ WordPress

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

ส่วนหัวและเมนูนำทางด้านบนใน WordPress จะแตกต่างกันเล็กน้อยจากไซต์หนึ่งไปอีกไซต์หนึ่ง ฉันใช้เฟรมเวิร์กธีม Genesis สำหรับ WordPress เพราะฉันชอบมันมาก ด้วยเหตุนี้ เราจะรวมลิงก์ Twitter และ Facebook ตลอดจนไซต์เครือข่ายสังคมอื่นๆ โดยใช้วิดเจ็ต เมนูการนำทางยอดนิยม (หรือแถบนำทาง) เป็นตัวซวยของการมีอยู่ของฉันจนกระทั่งเมื่อไม่นานมานี้ ด้วย เมนู Genesis และ WordPress ฉันได้สร้างวิธีการง่ายๆ ในการสร้าง เมื่อใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome หรือโปรแกรมเสริม Firefox Firebug คุณสามารถกำหนดได้ว่าตัวเลือกใดใน HTML ที่ใช้เพื่อจัดรูปแบบเมนู การเพิ่มเมนูแบบเลื่อนลงสำหรับหน้าย่อย (หรือหน้าย่อย) ใน Genesis นั้นทำได้ง่าย ลักษณะลิงก์ของหน้าปัจจุบัน ตลอดจนรูปแบบลิงก์โฮเวอร์และลิงก์ของหน้าย่อยเป็นข้อมูลล่าสุดทั้งหมด วิธีเดียวที่จะทำให้หน้าเหล่านี้ปรากฏในเมนูการนำทางคือการลากและวางลงในตำแหน่งที่เกี่ยวข้อง

ปลั๊กอินเมนูแถบด้านข้างแนวตั้งของ WordPress

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

ธีมจะพบว่าเลย์เอาต์ เมนู ของ QuadMenu นั้นเรียบง่ายและปรับแต่งได้ เช่นเดียวกับฟิลด์ลากและวางของ MegaMenu คุณสามารถเพิ่มไอคอนแถบด้านข้างแบบลอยของโซเชียลมีเดียลงในโปรไฟล์โซเชียลมีเดียของคุณได้โดยใช้ Fuse Social Floating Sidebar Groovy Menu เป็นปลั๊กอิน WordPress Mega Menu ที่ตอบสนองได้ฟรี ซึ่งช่วยให้คุณสามารถสร้างเมนูที่น่าประทับใจได้อย่างง่ายดาย กรอบงาน Mootools 1.4.5 ช่วยให้ BuddyLinks สร้างวิดเจ็ตเมนูแบบยุบได้หลายระดับในแถบด้านข้างของคุณสำหรับหมวดหมู่และโพสต์ กระเบื้องรูปภาพ Pinterest ของ Alpine Press เป็นตัวเลือกที่ยอดเยี่ยม Alpine PhotoTile สำหรับ Pinterest แสดงรูปภาพจากผู้ใช้ Pinterest หรือพินบอร์ด ปลั๊กอิน Weather Layer ใช้เพื่อแสดงเลเยอร์ที่แสดงข้อมูลสภาพอากาศในเมืองใดเมืองหนึ่ง SiteOrigin Page Builder สามารถสร้างได้ด้วย UIkit ของ Echelon ที่ฟรี ซึ่งรวมเฟรมเวิร์กส่วนหน้าที่ดีที่สุด (UIkit) ในตลาดเข้ากับการใช้งานที่ง่ายของ SiteOrigin