วิธีเพิ่มวิดเจ็ตในส่วนหัว WordPress ของคุณ

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

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

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

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

หากคุณต้องการเพิ่มวิดเจ็ตลงในเว็บไซต์ของคุณ ให้ไปที่ URL ที่คุณต้องการเพิ่มและวางโค้ดก่อนที่แท็ก HTML /body> จะปิดลง จำเป็นต้องใส่รหัสในแต่ละหน้าเว็บที่วิดเจ็ตจะปรากฏขึ้น ตรวจสอบให้แน่ใจว่าไฟร์วอลล์ของคุณได้รับการตั้งค่าให้อนุญาตให้ Web Widgets (คลาสสิก) ปรากฏขึ้น

ฉันจะเพิ่มวิดเจ็ตในส่วนหัวของเว็บไซต์ WordPress ได้อย่างไร

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

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

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

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

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

วิธีเพิ่มส่วนหัวที่กำหนดเองใน WordPress

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

ฉันจะเพิ่มสิ่งต่าง ๆ เหนือส่วนหัวของฉันใน WordPress ได้อย่างไร

เครดิต: Template Monster

ใน WordPress คุณสามารถเพิ่มเนื้อหาเหนือส่วนหัวได้โดยการสร้างเทมเพลตส่วนหัวที่กำหนดเอง เทมเพลตนี้จะมีโค้ดที่จำเป็นในการแสดงเนื้อหาที่คุณต้องการเหนือส่วนหัว จากนั้นคุณสามารถเพิ่มเทมเพลตนี้ในธีม WordPress ของคุณโดยเพิ่มโค้ดต่อไปนี้ในไฟล์ header.php ของธีมของคุณ: /* ชื่อเทมเพลต: เทมเพลตส่วนหัวที่กำหนดเอง */ ? > ส่วนหัวของเพจอยู่ที่ด้านบนสุดของหน้าบนเว็บไซต์ WordPress ไฟล์ที่ชื่อheader.php อยู่ในโฟลเดอร์ธีมที่ใช้งานอยู่และทำหน้าที่เป็นตำแหน่งของเนื้อหา หากต้องการค้นหาและแก้ไขไฟล์ ให้ไปที่หน้าผู้ดูแลระบบ WordPress และไปที่ไฟล์เนื้อหาของ WordPress หลังจากที่คุณเปิดในโปรแกรมแก้ไขโค้ดแล้ว คุณสามารถทำการเปลี่ยนแปลงที่จำเป็นได้ ตรวจสอบให้แน่ใจว่าได้เลือกธีมที่ใช้งานอยู่ในแถบด้านข้างทางขวา: header.php จะมีข้อความกำกับว่า ส่วนหัวของธีม เพื่อให้สามารถค้นหาได้ง่าย ตรวจสอบว่าได้เลือกตัวเลือกอัปเดตไฟล์แล้ว เมื่อคุณทำการเปลี่ยนแปลงโค้ด WordPress จะทำการตรวจสอบ PHP อย่างรวดเร็วเพื่อให้แน่ใจว่าการเปลี่ยนแปลงของคุณจะไม่ทำให้เกิดปัญหาใดๆ Header Widget FlutterCredit: วิดเจ็ต GitHubHeader ใน Flutter จะใช้เพื่อแสดงส่วนหัวที่ด้านบนของหน้าจอ วิดเจ็ตนี้มักใช้เพื่อแสดงชื่อ ไอคอน หรือทั้งสองอย่างรวมกัน วิดเจ็ตส่วนหัวยังใช้เพื่อแสดงแถบค้นหา ลิ้นชัก และรายการการทำงานอื่นๆ เราขอแนะนำให้ใช้หนึ่งในแพ็คเกจ UI ที่ดีที่สุดสำหรับ Flutter แพ็คเกจส่วนหัวและกล่องโต้ตอบและปลั๊กอินของแอพ Flutter ควรรวมอยู่ในรายการ ตัวเลือก Sticky Headers ช่วยให้คุณสามารถวางลิงก์เนื้อหา Sticky บนเนื้อหาที่เลื่อนได้ ซึ่งจะยังคงมองเห็นได้เมื่อคอนเทนเนอร์ถูกเลื่อน RFlutter Alert เป็นกล่องโต้ตอบป๊อปอัปที่ปรับแต่งได้สูงและใช้งานง่าย แอพ Cool_alert แสดงการแจ้งเตือนสถานะซ่อนตัวเองแบบ Apple Commons Flutter มีคุณสมบัติมากมาย เช่น กล่องโต้ตอบการแจ้งเตือน ฟังก์ชันส่วนขยาย และอื่นๆ Easy Dialog เป็นเครื่องมือที่ช่วยให้คุณสร้างไดอะล็อกแบบกำหนดเองหรือแบบพื้นฐานได้อย่างรวดเร็วและง่ายดาย ปลั๊กอินที่ใช้แพลตฟอร์มนี้จะแสดงไดอะล็อกและการแจ้งเตือนบนอุปกรณ์ Android และ iOS คุณสามารถเปิดหน้าต่าง Kumi ได้โดยกดปุ่ม KUMI หน้าต่างป๊อปอัปที่สามารถแสดงได้หลายตำแหน่งบนหน้าจอของคุณ ง่ายและมีประสิทธิภาพ วิธีสร้างส่วนหัวที่ตอบสนองใน Flutte เมื่อใช้วิดเจ็ต Sticky Headers ใน Flutter คุณสามารถสร้างเนื้อหาที่สวยงามและตอบสนองได้อย่างง่ายดาย เมื่อเลื่อนเนื้อหา วิดเจ็ตจะวางส่วนหัวที่ด้านบนของคอนเทนเนอร์ ซึ่งจะยังคงอยู่จนกว่าเนื้อหาจะถูกเลื่อน หากคุณต้องการให้มองเห็นส่วนหัวของคุณตลอดเวลา ให้วางไว้ที่ด้านบนสุดของคอนเทนเนอร์ในลักษณะนี้ นอกจากวิดเจ็ตนี้แล้ว คุณสามารถสร้างกล่องที่คุณสามารถเลื่อนดูวิดเจ็ตเดียวได้ หากมีภาชนะเพียงอันเดียว เช่น หน้าปัดนาฬิกาในตัวเลือกเวลา จะมีประโยชน์ อย่างไรก็ตาม หากแกนเดียวมีขนาดเล็กเกินไป (ทิศทางการเลื่อน) จะไม่สามารถเลื่อนได้ การใช้ Flutter เพื่อสร้างส่วนหัวที่ตอบสนองนั้นทำได้ง่ายมาก และการใช้ส่วนหัวที่ติดหนึบของ Flutter เพื่อสร้างเนื้อหาของคุณจะดูสวยงามอยู่เสมอ เพิ่มพื้นที่วิดเจ็ต WordPressA คือส่วนของไซต์ WordPress ที่ผู้ใช้สามารถเพิ่ม ลบ และจัดเรียงวิดเจ็ตใหม่ได้ วิดเจ็ตคือบล็อกเนื้อหาขนาดเล็กที่สามารถแสดงได้หลายวิธีและหลายตำแหน่งบนไซต์ WordPress วิดเจ็ตทั่วไป ได้แก่ ช่องค้นหา ลิงก์โซเชียลมีเดีย และโพสต์ล่าสุด ผู้เข้าชมที่อยู่บนไซต์เป็นระยะเวลานานมีโอกาสมากขึ้นในการสมัครรับจดหมายข่าว ขายสินค้า หรือโฆษณา คุณสามารถสร้างเว็บไซต์ที่น่าทึ่งซึ่งดึงดูดความสนใจของผู้เยี่ยมชมของคุณและทำให้พวกเขากลับมาอีกโดยทำตามขั้นตอนที่อธิบายไว้ในบทความนี้ หากธีมของคุณมีธีมในตัว คุณสามารถเพิ่มพื้นที่วิดเจ็ตที่กำหนดเองได้อย่างง่ายดายโดยเลือกตัวเลือกธีมในตัว เมื่อไปที่ Appearance คุณจะเห็นได้ว่าธีมของคุณอนุญาตให้คุณสร้าง/เพิ่มประสิทธิภาพพื้นที่วิดเจ็ตหรือไม่ พื้นที่วิดเจ็ตแบบกำหนดเองจะคล้ายกับพื้นที่เริ่มต้น แต่มีชุดการตั้งค่าและตัวเลือกการลบของตัวเอง หากคุณมีบล็อกโพสต์เดียว คุณสามารถสร้างพื้นที่วิดเจ็ตเป็นแถบด้านข้างได้ คุณยังสามารถเปลี่ยนตำแหน่งและความกว้างได้โดยใช้ตัวเลือกเค้าโครงแถบด้านข้างสำหรับหน้าเก็บถาวร ในคำแนะนำทีละขั้นตอนนี้ เราจะแสดงวิธีเพิ่มพื้นที่วิดเจ็ตให้กับเว็บไซต์ WordPress ของคุณ ในการใช้วิดเจ็ตแต่ละพื้นที่ จะต้องลงทะเบียนกับฟังก์ชัน register_sidebar ก่อนในไฟล์ functions.php ของธีมก่อน การเขียนโค้ดแบบกำหนดเองอาจเป็นตัวเลือกที่ดีที่สุด หากธีมของคุณไม่มีตัวเลือกที่อธิบายไว้ก่อนหน้านี้ หรือหากคุณต้องการความยืดหยุ่นมากขึ้น การเพิ่มโค้ดลงในพื้นที่วิดเจ็ตหลังการลงทะเบียนจำเป็นสำหรับแถบด้านข้างเฉพาะ โดยไปที่ลักษณะที่ปรากฏ คุณสามารถระบุวิดเจ็ตที่คุณต้องการแสดง คุณไม่จำเป็นต้องห่อวิดเจ็ตด้วยแท็ก div เพื่อทำให้ HTML ของคุณมีโครงสร้างมากขึ้น แต่เราขอแนะนำสำหรับโครงสร้างหน้าเว็บที่ได้รับการปรับปรุง บางพื้นที่วิดเจ็ตมีอยู่ในทุกหน้า ในขณะที่บางพื้นที่มีเพียงไม่กี่พื้นที่เท่านั้น เพื่อให้ได้ผลลัพธ์เดียวกันสำหรับพื้นที่วิดเจ็ตที่สร้างผ่านโค้ด ให้ใช้แท็กแบบมีเงื่อนไขและคำสั่ง ในส่วนนี้ เราจะพูดถึงขั้นตอนสำหรับแท็กแบบมีเงื่อนไขโดยใช้ธีม Cevian รวมถึงตัวอย่างบางส่วน การใช้ตะขอและตัวกรองเป็นวิธีที่ง่ายและสะดวกในการเพิ่มฟังก์ชันแบบกำหนดเองให้กับธีมของคุณ งานในการค้นหาตัวเลือก CSS ที่ดีที่สุดนั้นยาก เนื่องจากโค้ดพื้นที่วิดเจ็ตจะต้องถูกรวมไว้ใน div เฉพาะด้วยคลาสหรือ id ที่กำหนดเอง ขอแนะนำให้รวมไว้ในลักษณะนี้ แถบด้านข้างเป็นส่วนประกอบที่สำคัญของไซต์ WordPress ทุกไซต์ เนื่องจากใช้ทั้งเพื่อปรับปรุงการออกแบบของไซต์และเพื่อดึงดูดผู้เข้าชม แม้ว่าพื้นที่วิดเจ็ตเริ่มต้นของธีมจะเป็นของคุณ การเพิ่มพื้นที่วิดเจ็ตที่กำหนดเองจะช่วยให้คุณโดดเด่นกว่าคนอื่นๆ ทำตามขั้นตอนและเคล็ดลับที่อธิบายไว้ในบทความนี้เพื่อกำหนดค่าพื้นที่วิดเจ็ตที่กำหนดเองในเว็บไซต์ของคุณ วิธีใช้งานวิดเจ็ตใน WordPress หากคุณเพิ่มเนื้อหาหรือฟังก์ชันที่กำหนดเองลงในเว็บไซต์ของคุณด้วยพื้นที่วิดเจ็ต คุณสามารถเพิ่มโค้ดหรือหน้าเพิ่มเติมได้ง่ายๆ ในการเพิ่มวิดเจ็ตให้กับธีม WordPress คุณสามารถใช้ตัวปรับแต่งธีมได้ ไปที่ลักษณะที่ปรากฏและเลือก "ปรับแต่ง" จากเมนู "วิดเจ็ต" ตอนนี้คุณสามารถปรับแต่งพื้นที่วิดเจ็ตโดยไปที่หน้าปรับแต่งพื้นที่วิดเจ็ต เพียงคลิกปุ่มเมนู 'แถบด้านข้างขวา' เพื่อเพิ่มวิดเจ็ตลงในแถบด้านข้างของคุณ ส่วนลักษณะที่ปรากฏจะนำคุณไปยังหน้านี้ พื้นที่วิดเจ็ตใหม่ที่มีป้ายกำกับ 'พื้นที่วิดเจ็ตส่วนหัวที่กำหนดเอง' จะปรากฏขึ้นหลังจากที่คุณติดตั้งแล้ว คุณสามารถเพิ่มวิดเจ็ตลงในพื้นที่ใหม่นี้ได้โดยคลิกที่ลิงก์นี้ ข้อมูลเพิ่มเติมเกี่ยวกับวิธีการเพิ่มและใช้วิดเจ็ตใน WordPress มีอยู่ในคู่มือของเรา เพิ่มวิดเจ็ตโดยทางโปรแกรม WordPressการเพิ่มวิดเจ็ตลงในไซต์ WordPress ของคุณเป็นเรื่องง่าย คุณสามารถใช้แผงผู้ดูแลระบบ WordPress เพื่อเพิ่มวิดเจ็ตในแถบด้านข้างหรือใช้ปลั๊กอินเพื่อเพิ่มวิดเจ็ตในแถบด้านข้าง หากคุณต้องการเพิ่มวิดเจ็ตในแถบด้านข้างโดยทางโปรแกรม คุณสามารถใช้ฟังก์ชัน WordPress register_sidebar() ฉันต้องแสดงวิดเจ็ตของฉันในเทมเพลตหน้าที่กำหนดเองตามหน้า WP มีการพยายามใช้ฟังก์ชัน The_widget() แต่ไม่สำเร็จ อย่างไรก็ตาม ฉันไม่เข้าใจวิธีส่งพารามิเตอร์ที่ลงทะเบียนด้วยฟังก์ชัน register_sidebar บนวิดเจ็ตโดยตรงไปยังมัน ฉันจะทำอย่างนั้นได้อย่างไร ล็อกอินเข้าสู่หน้าวิดเจ็ตของคุณ และตรวจสอบให้แน่ใจว่ามองเห็นได้เฉพาะในหน้าผลิตภัณฑ์เท่านั้น คุณต้องวางสิ่งนี้ในไฟล์ functions.php ของคุณ (สมมติว่าคุณมีบรรทัดแรกในไฟล์ฟังก์ชั่นของคุณแล้ว) นี่คือวิธีการเพิ่มโค้ดใน sidebar.php เพื่อให้เห็นเฉพาะในหน้าผลิตภัณฑ์เท่านั้น วิธีการเพิ่มวิดเจ็ตในส่วนหัวใน WordPress เมื่อไปที่ Appearance คุณสามารถเพิ่มวิดเจ็ตในส่วนหัวของคุณได้ หลังจากที่คุณเลือกธีมแล้ว ให้ไปที่เครื่องมือปรับแต่งธีม แล้วคลิกเมนูวิดเจ็ต หรือมองหาลักษณะที่ปรากฏ เปิดแถบด้านข้างที่คุณต้องการวางวิดเจ็ต จากนั้นคลิกที่วิดเจ็ต สร้างรายการประเภทวิดเจ็ตโดยการค้นหา เมื่อเลือกวิดเจ็ตแล้ว คุณสามารถเพิ่มพื้นที่ส่วนหัวที่กำหนดเองได้โดยคลิก เพิ่มในกำหนดเอง ขณะนี้วิดเจ็ตสามารถพบได้ในพื้นที่ส่วนหัวที่กำหนดเอง ส่วนหัวของ Wordpress ส่วนหัวของ WordPress คือส่วนบนสุดของเว็บไซต์ WordPress โดยปกติจะประกอบด้วยชื่อเว็บไซต์ โลโก้ และเมนูการนำทาง ส่วนหัวอาจประกอบด้วยช่องค้นหา ไอคอนโซเชียลมีเดีย และองค์ประกอบอื่นๆ เนื่องจาก WordPress เป็นแพลตฟอร์มโอเพ่นซอร์ส คุณจึงสามารถแก้ไขไซต์ได้ด้วยตนเอง ส่วนหัวอธิบายพื้นที่ที่ด้านบนของหน้าซึ่งคุณสามารถดูองค์ประกอบที่มองเห็นได้ ส่วนหัวของหน้า WordPress มีทั้งส่วนหัว HTML และส่วนหัวของหน้า โปรดใส่แท็กสคริปต์นี้ในส่วนท้ายของ WordPress เมื่อสร้างส่วนหัวของ WordPress เราต้องแยกความแตกต่างระหว่างการเพิ่มโค้ดใหม่ให้กับส่วนหัวของ HTML และการเปลี่ยนรูปลักษณ์ของไซต์ คุณสามารถใช้สามวิธีต่อไปนี้เพื่อแก้ไขส่วนหัวของ WordPress ควรเพิ่มไฟล์ header.php ตามด้วยการแก้ไขโค้ดธีม และสุดท้ายเป็นปลั๊กอิน เป้าหมายของบทความนี้คือแนะนำคุณตลอดขั้นตอนการเพิ่มโค้ดเพิ่มเติมโดยใช้ปลั๊กอินสคริปต์ส่วนหัวและส่วนท้าย ส่วนหัว HTML อยู่ระหว่างแท็กเปิดและปิดในเนื้อหา HTML WordPress hooks เช่น WP_head จะรวมอยู่ในฟังก์ชันนี้ ส่วนหัวของ HTML สามารถรวมองค์ประกอบอื่นๆ ได้หากองค์ประกอบนั้นเชื่อมโยงอยู่ เมื่อพูดถึงสไตล์ชีตและสคริปต์ ลำดับขององค์ประกอบมีความสำคัญ หากคุณต้องการโหลดสคริปต์หรือสไตล์ชีตเพิ่มเติม อย่าลืมใส่ข้อมูลโค้ดลงในส่วนหัวของ WordPress โดยตรง จำเป็นต้องมีระดับความระมัดระวัง เนื่องจากลำดับการโหลดสคริปต์มีผลกระทบอย่างมากต่อการดำเนินการ เมื่อเปลี่ยนโค้ดของธีม WordPress คุณต้องสร้างธีมย่อย ธีมที่สร้างขึ้นสำหรับเด็กจะสืบทอดโค้ดของธีมหลัก นอกเหนือจากการเลือกเพิ่มและเขียนทับส่วนประกอบ หากคุณเป็นนักพัฒนาซอฟต์แวร์หรือทำงานกับโปรแกรมเมอร์ คุณสามารถสร้างธีมย่อยได้ เนื่องจากวิธีนี้ช่วยให้ผู้จัดการฝ่ายการตลาดยึดโค้ดเฉพาะลงในส่วนหัวของ HTML โดยไม่ต้องใช้ทักษะการเขียนโปรแกรมแบบมืออาชีพ จึงเป็นวิธีที่พวกเขาต้องการ นอกจากนี้ เวอร์ชันใหม่สามารถอัปเดตได้โดยไม่ต้องแก้ไขธีมเดิม ความสำคัญของ Heade WordPress เนื่องจากส่วนหัวจะต้องรวมอยู่ใน WordPress เมื่อผู้เยี่ยมชมเห็นส่วนหัวของเว็บไซต์ของคุณ ควรเข้าใจง่ายและดึงดูดสายตา ส่วนหัวของคุณสามารถกำหนดและจัดรูปแบบเพื่อเสริมรูปลักษณ์ของเว็บไซต์ของคุณได้ในไม่กี่ขั้นตอนง่ายๆ นอกจากนี้ ด้วยการใช้ WordPress Customizer คุณสามารถจัดเรียงส่วนหัวบนเว็บไซต์ของคุณใหม่เพื่อให้ปรากฏตามที่คุณระบุได้ Wordpress Add Widget To Main Menuการเพิ่มวิดเจ็ตในเมนู WordPress ของคุณเป็นวิธีที่ยอดเยี่ยมในการปรับแต่งเว็บไซต์ของคุณและทำให้ใช้งานง่ายขึ้น . ด้วยการเพิ่มวิดเจ็ตลงในเมนูของคุณ คุณสามารถเพิ่มองค์ประกอบพิเศษในไซต์ของคุณได้อย่างง่ายดายโดยไม่ต้องแก้ไข theme.widgets ของคุณไม่สามารถเพิ่มลงในรายการเมนู WordPress ตามพฤติกรรมเมนูเริ่มต้นของ WordPress คุณต้องใช้ปลั๊กอินเมนูเด่น เช่น QuadMenu เพื่อทำงานนี้ให้เสร็จสิ้น เมนูขนาดใหญ่มาพร้อมกับอินเทอร์เฟซแบบลากแล้ววางที่เรียบง่าย ช่วยให้คุณสามารถรวมวิดเจ็ตทั้งหมดของคุณไว้ภายในได้ เช่น เมนูแท็บ เมนูแบบหมุน และเมนูขนาดใหญ่ การปรากฏ เมื่อต้องการเพิ่มวิดเจ็ตลงในคอลัมน์ ให้กดปุ่มบวกภายในคอลัมน์ จากนั้นเลือกวิดเจ็ต การเพิ่มเมนูการนำทางใน WordPress อีกทางเลือกหนึ่งคือการใช้บล็อกวิดเจ็ต 'เมนู' ซึ่งสามารถใช้เพื่อเพิ่มเมนูนำทางไปยัง พื้นที่เนื้อหาหลัก คุณสามารถเพิ่มรายการได้มากเท่าที่ต้องการ รวมทั้งเปลี่ยนชื่อและลิงก์ไปยังเมนู หลังจากที่คุณเพิ่มบล็อกวิดเจ็ตแล้ว คุณจะต้องเพิ่มไฟล์เทมเพลต 'nav_menu' ในธีมของคุณ ไฟล์นี้มีเมนู HTML ที่ WordPress สร้าง ซึ่งอยู่ในโฟลเดอร์ธีมหรือในโฟลเดอร์ /includes/themes โดยไปที่เมนูลักษณะที่ปรากฏ คุณสามารถเพิ่มรายการเมนูในพื้นที่รายการเมนูของเว็บไซต์ของคุณ คุณสามารถใช้วิดเจ็ต 'custom_menu' และวิดเจ็ต 'custom_menu' เพื่อสร้างเมนูแบบกำหนดเองได้ เมื่อใช้วิดเจ็ตนี้ คุณสามารถสร้างเมนูที่กำหนดเองสำหรับเว็บไซต์ต่างๆ ของคุณตามแต่ละไซต์ แทนที่จะแชร์ผ่านเว็บ