วิธีเพิ่มวิดเจ็ตในหน้า WordPress
เผยแพร่แล้ว: 2022-09-17หากคุณต้องการเพิ่มวิดเจ็ตในหน้า WordPress ก่อนอื่นคุณต้องสร้างเทมเพลตหน้าแบบกำหนดเอง ซึ่งจะทำให้คุณสามารถเพิ่มโค้ดสำหรับวิดเจ็ตของคุณลงในเพจได้ เมื่อคุณสร้างเทมเพลตเพจแบบกำหนดเองแล้ว คุณสามารถเพิ่ม โค้ดวิดเจ็ต ลงในเพจโดยใช้ตัวแก้ไขผู้ดูแลระบบ WordPress
บล็อกของเนื้อหาจะถูกเพิ่มลงในแถบด้านข้างหรือส่วนท้ายของเว็บไซต์ WordPress ของคุณโดยใช้เทคโนโลยีวิดเจ็ต ผู้ใช้ WordPress เช่น นักพัฒนาเว็บและมือสมัครเล่นที่มีประสบการณ์เพียงเล็กน้อย สามารถเพิ่มฟังก์ชันที่ซับซ้อนให้กับไซต์ WordPress ของตนได้อย่างง่ายดายโดยใช้วิดเจ็ต WordPress มีสองวิธีในการเพิ่มวิดเจ็ต: ลากและวาง หรือเลือกแถบด้านข้างจากเมนูดรอปดาวน์ของวิดเจ็ต คุณสามารถเพิ่มวิดเจ็ตลงในหลายหน้าหรือแถบด้านข้างบนเว็บไซต์ของคุณได้โดยเลือกจากเมนูแบบเลื่อนลงของวิดเจ็ต ตามการตั้งค่าเริ่มต้น วิดเจ็ตเหล่านี้ไม่สามารถแสดง (หรือปิดใช้งาน) ในโพสต์หรือเพจเฉพาะได้ ส่วนเสริมที่กำหนดเองทำให้ง่ายต่อการจัดการว่าวิดเจ็ตจะปรากฏอย่างไรและที่ไหน WP Page Widget สามารถใช้เพื่อสร้างเค้าโครงหน้าที่มีวิดเจ็ตในธีมที่เปิดใช้งานแถบด้านข้าง
แถบด้านข้างที่กำหนดเองทำให้คุณสามารถแสดง วิดเจ็ตที่กำหนดเอง บนหน้าหรือโพสต์เฉพาะ ทำให้ผู้เยี่ยมชมไซต์สามารถดูเฉพาะเนื้อหาที่เกี่ยวข้องเท่านั้น วิดเจ็ตแถบด้านข้างที่กำหนดเองสามารถสร้างขึ้นเพื่อเปลี่ยนวิธีที่วิดเจ็ตปรากฏบนเพจและโพสต์ของคุณ คุณสามารถเพิ่มจำนวนผู้เยี่ยมชมเว็บไซต์ได้โดยใช้ปลั๊กอินที่แสดงโพสต์ในบล็อกและหน้าเว็บพร้อมวิดเจ็ต
คุณสามารถเข้าถึง วิดเจ็ตเว็บไซต์ ได้โดยคลิกลิงก์การตั้งค่า เมื่อคลิกปุ่มที่ซ่อนอยู่ในเมนูวิดเจ็ตเว็บไซต์ คุณสามารถซ่อนวิดเจ็ตของคุณได้ ไปที่เมนูวิดเจ็ตเว็บไซต์เพื่อค้นหาประเภทของวิดเจ็ตที่คุณต้องการใช้บนเว็บไซต์ของคุณ หากคุณเลือก Custom Schedule หรือ Lead Capture คุณยังสามารถฝังวิดเจ็ตแบบกำหนดเองได้ด้วยการคลิกแท็บโค้ดฝังตัว
ในการวางวิดเจ็ตในไฟล์เทมเพลต คุณต้องค้นหาไฟล์ในตำแหน่งที่คุณต้องการให้ปรากฏก่อน คุณจะต้องทราบชื่อคลาส PHP ของวิดเจ็ตที่คุณสมัครด้วย นี่คือคลาส วิดเจ็ต WordPress เริ่มต้น: WP_Widget_Archives
แอปพลิเคชันแบบฝัง หรือที่เรียกว่า วิดเจ็ตเว็บ สามารถใช้เพื่อแสดง URL บนเว็บไซต์ของบุคคลที่สาม (เช่น บล็อก โปรไฟล์ หรือไซต์โซเชียลมีเดีย) MassPublisher, SnackTools และ Widgetbox คือตัวอย่างเว็บไซต์ที่ช่วยให้ผู้ใช้สร้างวิดเจ็ตด้วยเนื้อหาของตนเองได้ง่ายๆ โดยไม่ต้องให้ผู้ใช้ทราบวิธีเขียนโค้ดหรือโปรแกรม
คุณสามารถเพิ่มวิดเจ็ตในหน้า WordPress ได้หรือไม่?

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

เลือกวิดเจ็ตจากเมนูลักษณะที่ปรากฏ วิดเจ็ตตัวอย่าง Hostinger ควรปรากฏในรายการวิดเจ็ตที่พร้อมใช้งาน ถัดไป ลากวิดเจ็ตไปทางด้านขวาของแถบด้านข้างของหน้าแล้ววางไว้ที่นั่น เยี่ยมชมเว็บไซต์ของคุณหลังจากที่คุณได้ทำการเปลี่ยนแปลงแล้ว
คุณสามารถเพิ่มองค์ประกอบที่ไม่ใช่เนื้อหาลงในแถบด้านข้างของเว็บไซต์หรือพื้นที่พร้อมวิดเจ็ตได้โดยใช้วิดเจ็ต คุณสามารถเพิ่มแบนเนอร์ โฆษณา แบบฟอร์มลงทะเบียนจดหมายข่าว และองค์ประกอบอื่นๆ ลงในเว็บไซต์ของคุณได้โดยใช้เทมเพลตเหล่านี้ WordPress มีชุดวิดเจ็ตมาตรฐานที่คุณสามารถใช้ได้ในทุกธีม คุณยังสามารถสร้างวิดเจ็ตที่กำหนดเองได้ด้วยความช่วยเหลือของเครื่องมือต่างๆ คลาสวิดเจ็ต WordPress ถูกขยายเมื่อมีการเพิ่ม ประเภทวิดเจ็ต WordPress ใหม่ ตามคู่มือนักพัฒนา WordPress คลาส WP Widget สามารถกำหนดค่าได้ 18 วิธี ในบทช่วยสอนนี้ เราจะดูวิธีการต่อไปนี้
หากคุณกำลังใช้ตัวแก้ไขวิดเจ็ตแบบคลาสสิกเพื่อเพิ่ม วิดเจ็ตใหม่ ให้กับไซต์ของคุณ ขั้นตอนจะเหมือนเดิม WordPress ใช้ระบบ 'gettext' เพื่อจัดการการแปลและการโลคัลไลเซชัน เรียนรู้เพิ่มเติมเกี่ยวกับธีม WordPress ที่พร้อมสำหรับการแปลโดยอ่านคำแนะนำของเรา หากคุณต้องการสร้างวิดเจ็ตแบบกำหนดเองสำหรับธีมของคุณ คุณสามารถใช้โดเมนข้อความ WordPress แทน WPb_text_domain หรือคุณสามารถแปล WordPress โดยใช้ปลั๊กอินการแปล WordPress
การเพิ่มวิดเจ็ตลงในไซต์ WordPress ของคุณ: วิธีที่ง่าย
การติดตั้งปลั๊กอินในไซต์ WordPress ของคุณ: วิธีที่ง่าย คุณสามารถเพิ่มวิดเจ็ตในไซต์ WordPress ได้อย่างง่ายดาย ไปที่ Appearance > Widgets ไปที่ส่วน Appearance ของหน้าจอการดูแลระบบ WordPress ในการเลือกวิดเจ็ต ให้ลากไปที่แถบด้านข้างที่คุณต้องการให้ปรากฏ หรือคลิกวิดเจ็ต (หากธีมของคุณมีแถบด้านข้างมากกว่าหนึ่งแถบ ให้เลือกแถบด้านข้างปลายทาง) หากคุณได้เพิ่มวิดเจ็ตลงในเว็บไซต์ของคุณ คุณจะสังเกตเห็นวิดเจ็ตนั้นในพื้นที่โค้ด คุณสามารถใช้รหัสนี้เพื่อรวมวิดเจ็ตในส่วนใดก็ได้ของเว็บไซต์ของคุณ หากต้องการค้นหา รหัสวิดเจ็ต WordPress ให้ป้อนที่นี่ หากคุณไปที่หน้าจอการตั้งค่าวิดเจ็ตในผู้ดูแลระบบ WordPress คุณจะสังเกตเห็นว่าพื้นที่วิดเจ็ตทั้งหมดภายในธีมของคุณสามารถมองเห็นได้ พื้นที่วิดเจ็ตต่างๆ มากมายมีอยู่ในธีมเดียวกัน ในภาพหน้าจอด้านล่าง มีพื้นที่วิดเจ็ตอยู่ด้านบนและด้านล่างของเนื้อหา เช่นเดียวกับในส่วนหัว ด้านล่างส่วนท้ายหลัก

วิดเจ็ตบนเว็บไซต์ WordPress คืออะไร?
องค์ประกอบวิดเจ็ตช่วยให้สามารถสร้างคุณลักษณะเฉพาะบนเว็บไซต์ได้โดยการจัดเตรียมกรอบงานแบบแยกส่วน นอกเหนือจากแถบด้านข้างและส่วนท้ายของเว็บไซต์แล้ว ยังมีสถานที่อื่นๆ อีกมากมายที่สามารถเพิ่ม ฟังก์ชันวิดเจ็ต ของ WordPress และเป็นส่วนหนึ่งของกระบวนการออกแบบและปรับแต่งเลย์เอาต์
วิดเจ็ตคือบล็อกเนื้อหาประเภทหนึ่งที่คุณสามารถเพิ่มลงในแถบด้านข้าง ส่วนท้าย และพื้นที่เนื้อหาอื่นๆ ของเว็บไซต์ได้ เมนู รายการโพสต์ยอดนิยม ปฏิทิน โฆษณาแบนเนอร์ ไอคอนโซเชียล และวิดเจ็ตอื่นๆ เป็นประเภทวิดเจ็ตที่พบบ่อยที่สุด พื้นที่วิดเจ็ตอาจปรากฏในส่วนท้าย แถบด้านข้าง หรือด้านบนของเนื้อหาโพสต์บล็อก ขึ้นอยู่กับธีม WordPress ของคุณ วิดเจ็ตแต่ละรายการมีชุดการตั้งค่าของตัวเองที่คุณสามารถเข้าถึงได้หลังจากที่เพิ่มเข้าไปแล้ว หากต้องการเพิ่มวิดเจ็ตลงใน พื้นที่วิดเจ็ต บนไซต์ของคุณ ให้ลากและวางวิดเจ็ตจากด้านซ้ายของหน้าไปทางด้านขวาของหน้า หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับวิธีเพิ่มและใช้วิดเจ็ตใน WordPress โปรดดูคำแนะนำของเรา
วิธีเพิ่มวิดเจ็ตในหน้าเฉพาะใน WordPress
ในการเพิ่มวิดเจ็ตในหน้าเฉพาะใน WordPress คุณจะต้องสร้างแถบด้านข้างที่กำหนดเองก่อน ในการดำเนินการนี้ คุณจะต้องสร้างไฟล์ใหม่ในไดเร็กทอรีของธีมชื่อ sidebar-name.php เมื่อคุณสร้างไฟล์นี้แล้ว คุณจะต้องเพิ่มโค้ดต่อไปนี้: if ( ! is_active_sidebar( 'name' ) ) { return; } dynamic_sidebar( 'ชื่อ' ); ? > เมื่อคุณสร้างแถบด้านข้างแบบกำหนดเองแล้ว คุณจะต้องเพิ่มโค้ดต่อไปนี้ลงในหน้าเฉพาะที่คุณต้องการให้วิดเจ็ตปรากฏ: วิดเจ็ตช่วยให้คุณสามารถแก้ไขส่วนต่างๆ ของเว็บไซต์ของคุณได้ วิธีทั่วไปในการรวมฟังก์ชันการทำงานเข้ากับแถบด้านข้างและส่วนท้ายของคุณคือการรวมไว้ ทำให้เว็บไซต์ของคุณไม่เหมือนใครด้วยการเพิ่มวิดเจ็ต นี่คือที่ที่ฉันจะแสดงวิธีแสดงวิดเจ็ตโดยใช้ปลั๊กอินบริบทของวิดเจ็ตในหน้า WordPress เฉพาะ ปลั๊กอินบริบทวิดเจ็ตทำให้ง่ายต่อการปรับแต่งคุณสมบัติของวิดเจ็ต ตัวเลือก แสดงวิดเจ็ตตามที่เลือก ช่วยให้คุณสามารถเลือกว่าหน้าใดจะแสดงวิดเจ็ตและหน้าที่ซ่อนไม่ให้แสดง ในกรณีส่วนใหญ่ นี่หมายความว่าจะมีการแสดงหรือซ่อนเพจจำนวนน้อยในเวลาเดียวกัน หากคุณพบว่าสิ่งที่ตรงกันข้ามกับความจริง ต้องเลือกตัวเลือกซ่อนวิดเจ็ตที่เลือกไว้ ต้องระบุเพจที่คุณต้องการไม่ให้วิดเจ็ตมองเห็นได้ หากคุณเลือกซ่อนวิดเจ็ตตามตัวเลือกที่เลือก คุณจะได้รับตัวเลือกในการเลือกตำแหน่งอื่นที่วิดเจ็ตจะไม่ปรากฏ คุณสามารถเปลี่ยนการตั้งค่าและจำนวนครั้งที่วิดเจ็ตปรากฏบนเพจได้ วิดเจ็ต WordPress ใน Pagesวิดเจ็ต WordPress เป็นวิธีที่ยอดเยี่ยมในการเพิ่มเนื้อหาและคุณสมบัติให้กับเพจของคุณ มีวิดเจ็ตสำหรับทุกอย่างตั้งแต่โซเชียลมีเดีย ปฏิทิน ไปจนถึงแบบฟอร์ม คุณสามารถเพิ่มวิดเจ็ตในหน้าของคุณโดยการลากและวางลงในพื้นที่วิดเจ็ต แถบด้านข้างสามารถสร้างขึ้นได้โดยใช้วิดเจ็ต ซึ่งเป็นส่วนประกอบเล็กๆ ของเว็บไซต์ คุณสามารถเพิ่มข้อความ ลิงก์ และข้อมูลประเภทอื่นๆ ในพื้นที่เฉพาะโดยใช้เครื่องมือเหล่านี้ เว็บไซต์หลายแห่งจะใช้วิดเจ็ต WordPress เริ่มต้นโดยอัตโนมัติ แต่คุณสามารถเลือกปลั๊กอินเพิ่มเติมได้ คุณจะได้เรียนรู้ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับวิดเจ็ตในบทความนี้ ความคิดเห็นล่าสุดบนไซต์ของคุณจะแสดงในวิดเจ็ตความคิดเห็นล่าสุด นอกจาก WordPress แล้ว วิดเจ็ตการค้นหายังมาพร้อมกับวิดเจ็ตที่เรียบง่ายและมีประโยชน์มาก วิดเจ็ตคำกระตุ้นการตัดสินใจสามารถช่วยผู้เยี่ยมชมในการดำเนินการบนเว็บไซต์ของคุณได้ เป็นการดีที่สุดที่จะรวมสื่อในแถบด้านข้างและส่วนท้ายของคุณเพื่อให้ผู้เยี่ยมชมสามารถโต้ตอบกับเนื้อหาได้ เมื่อใช้ปลั๊กอินเช่น WooCommerce เพื่อสร้างร้านอีคอมเมิร์ซบนเว็บไซต์ของคุณ คุณควรรวมวิดเจ็ตรถเข็นไว้ด้วย คุณสามารถทำให้ผู้คนลงชื่อเข้าใช้ไซต์ของคุณได้ง่ายขึ้นโดยใช้วิดเจ็ตการเข้าสู่ระบบ นี่คือเวลาติดตั้งวิดเจ็ตที่คุณต้องการสำหรับไซต์ WordPress ของคุณ พื้นที่วิดเจ็ตของวิดเจ็ตใดๆ (แถบด้านข้าง) สามารถรวมเข้ากับแถบด้านข้างได้อย่างง่ายดายโดยใช้รหัสย่อ SiteOrigin Widget Bundle ประกอบด้วยวิดเจ็ตที่มีประโยชน์มากมาย เช่น Google Maps, วิดเจ็ตตัวเลื่อน, วิดเจ็ตปุ่ม, วิดเจ็ตคำกระตุ้นการตัดสินใจ และอื่นๆ สิ่งสำคัญคือต้องจำไว้ว่าบล็อกเนื้อหาเหล่านี้สามารถดูได้ที่มุมมองของหน้าเท่านั้น หากคุณพอใจกับโค้ด คุณสามารถสร้างวิดเจ็ต WordPress ของคุณเองได้ คุณสามารถเพิ่มจำนวนผู้เยี่ยมชมเว็บไซต์ของคุณโดยรวมเนื้อหาเพิ่มเติมในบล็อกโพสต์และหน้าเว็บของคุณ คุณยังสามารถประหยัดเวลาได้โดยใช้วิดเจ็ต WordPress มาตรฐานเพื่อเพิ่มเนื้อหาไปยังหลายบทความพร้อมกัน วิธีใช้วิดเจ็ตเพื่อปรับแต่งไซต์ WordPress ของคุณ การใช้พื้นที่วิดเจ็ตทำให้เพิ่มหรือเปลี่ยนเนื้อหาไปยังไซต์ WordPress ของคุณได้ง่ายขึ้นโดยไม่ต้องแก้ไขไฟล์ธีมของคุณ . คุณสามารถเพิ่มวิดเจ็ตในแถบด้านข้างของคุณเพื่อแสดงโพสต์บล็อกล่าสุด หรือคุณสามารถเพิ่มวิดเจ็ตเมนูที่กำหนดเองในส่วนหัวเพื่อเข้าถึงเมนูหลักของไซต์ของคุณ Wordpress เพิ่มวิดเจ็ตลงในเทมเพลตหน้าการเพิ่มวิดเจ็ตลงในเทมเพลตหน้า WordPress เป็นเรื่องง่าย กระบวนการ. ขั้นแรก ลงชื่อเข้าใช้แดชบอร์ด WordPress และไปที่เมนูวิดเจ็ต ที่นี่ คุณจะเห็นรายการวิดเจ็ตที่มีทั้งหมด ค้นหาวิดเจ็ตที่คุณต้องการเพิ่มลงในเทมเพลตหน้าเว็บของคุณแล้วลากไปยังพื้นที่วิดเจ็ตที่ต้องการ เมื่อติดตั้งวิดเจ็ตแล้ว คุณสามารถปรับการตั้งค่าได้ตามต้องการ หากต้องการเพิ่มวิดเจ็ตลงในเพจหรือเทมเพลต ให้ไปที่ปุ่ม เพิ่มเติม ที่มุมบนขวาของวิดเจ็ต หากคุณเพิ่มวิดเจ็ตในเทมเพลตของเพจ วิดเจ็ตจะไม่ปรากฏในเพจที่ใช้เทมเพลต เทมเพลตยังสามารถสร้างเพื่อกำหนดคุณสมบัติของการตั้งค่าขั้นสูงในแอปพลิเคชันวิดเจ็ต เมื่อวิดเจ็ตเชื่อมโยงกับเทมเพลต สามารถแก้ไขได้ภายในเพจที่ใช้งาน การเปลี่ยนแปลงนี้มีผลกับทุกหน้าที่ใช้เทมเพลต คุณไม่สามารถเปลี่ยนรูปภาพจากหน้าใดหน้าหนึ่งได้ วิดเจ็ตสาขาสามารถกำหนดได้ในขั้นตอนต่อไปนี้