วิธีเพิ่มวิดเจ็ตข้อความใน WordPress
เผยแพร่แล้ว: 2022-09-26สมมติว่าคุณต้องการคำแนะนำเกี่ยวกับวิธีเพิ่มวิดเจ็ตข้อความใน WordPress: การเพิ่มวิดเจ็ตข้อความใน WordPress เป็นวิธีที่ง่ายและรวดเร็วในการเพิ่มเนื้อหาที่กำหนดเองลงในแถบด้านข้างหรือพื้นที่ที่มีวิดเจ็ตอื่นๆ หากต้องการเพิ่มวิดเจ็ตข้อความ เพียงลากจากรายการวิดเจ็ตที่มีไปยังพื้นที่วิดเจ็ตที่ต้องการ เมื่อเพิ่มแล้ว คุณสามารถป้อนข้อความที่กำหนดเอง HTML หรือรหัสย่อลงในพื้นที่เนื้อหาของวิดเจ็ต
การใช้ วิดเจ็ต WordPress Text คุณสามารถเพิ่มฟังก์ชันต่างๆ ให้กับเพจของคุณได้ วิดเจ็ตที่คุณใช้สามารถแสดงข้อมูลที่อาจใช้ไม่ได้ อาจเป็นหนึ่งในส่วนที่หลากหลายที่สุดของไซต์ WordPress เพราะสามารถจัดการทุกอย่างตั้งแต่ HTML ไปจนถึงรหัสย่อ ด้วยการใช้ไซต์โซเชียลมีเดีย เช่น Facebook และ Google+ คุณสามารถฝังรูปโปรไฟล์และผู้ติดตามลงในเว็บไซต์ของคุณได้โดยตรง หากคุณต้องการดึงดูดผู้ติดตามให้มากขึ้นสำหรับบัญชี Twitter ของคุณ คุณอาจต้องการรวมฟีด Twitter ไว้ด้วย คุณสามารถใช้ปลั๊กอิน YouTube เพื่อแสดงวิดีโอบนเว็บไซต์ของคุณได้ แต่คุณไม่จำเป็นต้องวางโค้ดสำหรับฝังที่ปรากฏขึ้นเมื่อดูวิดีโอ
วิดเจ็ตข้อความคืออะไร? วิดเจ็ตเนื้อหาแบบกำหนดเอง หนึ่งใน CMS คือวิดเจ็ตข้อความ ด้วยวิดเจ็ตนี้ คุณสามารถใส่ข้อความ รูปภาพ รายการหัวข้อย่อยและลำดับเลข และเส้นแนวนอนโดยการเขียนและเพิ่มข้อความ
เลือกวิดเจ็ตการลงโทษจากรายการวิดเจ็ตของแดชบอร์ด WordPress ลากและวางวิดเจ็ตลงในรายการวิดเจ็ต 'ส่วนหัวด้านบน' ปรากฏในภาพด้านบน
วิดเจ็ตข้อความใน WordPress อยู่ที่ไหน
ไม่มี "วิดเจ็ตข้อความ" ใน WordPress อย่างไรก็ตาม มีฟิลด์ "ข้อความ" ที่สามารถพบได้ในส่วน "วิดเจ็ต" ของแผงผู้ดูแลระบบ WordPress ฟิลด์นี้สามารถใช้เพื่อเพิ่มข้อความในวิดเจ็ต
ฉันจะเพิ่มวิดเจ็ตใน WordPress ได้อย่างไร

มีสองวิธีในการเพิ่มวิดเจ็ตใน WordPress วิธีแรกคือการใช้แดชบอร์ด WordPress ไปที่ ลักษณะที่ปรากฏ > วิดเจ็ต และเพิ่มวิดเจ็ตของคุณไปยังตำแหน่งที่ต้องการ วิธีที่สองคือการเพิ่มวิดเจ็ตของคุณลงในไฟล์ functions.php ของธีมของคุณ
การเพิ่มวิดเจ็ตลงในเว็บไซต์ทำได้ง่ายมาก เนื่องจากกระบวนการนี้ใช้งานง่ายมาก การเพิ่มเนื้อหาเพิ่มเติมในไซต์ของคุณด้วย ฟังก์ชันวิดเจ็ต สามารถช่วยให้ผู้เยี่ยมชมได้รับข้อมูลหรือดำเนินการได้ ในการสร้างวิดเจ็ตที่กำหนดเองมากขึ้น คุณสามารถติดตั้งปลั๊กอินต่างๆ มีหลายคน Siteorigin Widget Bundle ประกอบด้วยวิดเจ็ตต่างๆ 22 ประเภท ซึ่งแต่ละประเภทสามารถใช้เพื่อปรับปรุงไซต์ของคุณได้ วิดเจ็ตสำหรับ Google Maps, ตารางราคา, แถบเลื่อนรูปภาพ, แบบฟอร์มการติดต่อ, ปุ่มทุกประเภท และรายการอื่นๆ มากมายเป็นเพียงคุณลักษณะบางส่วนที่มีให้ในไซต์นี้ เรามอบฟีเจอร์วิดเจ็ตที่ปรับแต่งได้อย่างเต็มที่ ซึ่งรวมถึงไอคอนมากกว่า 1,500 รายการและสีสันไม่รู้จบ บทความนี้จะเน้นไปที่การเพิ่มวิดเจ็ตโดยใช้วิธีการใหม่ ดังนั้นคุณอาจไม่พบขั้นตอนที่เป็นประโยชน์หากคุณยังคงใช้ WordPress เวอร์ชันที่ต่ำกว่า 5.8
ธีม WordPress มีพื้นที่วิดเจ็ตจำนวนมาก หากคุณเคยทำงานกับ WordPress เวอร์ชันเก่า คุณจะต้องปรับตัวเข้ากับเลย์เอาต์ใหม่ได้ยาก เมนูวิดเจ็ตแบบยาวและองค์ประกอบอื่นๆ จะปรากฏขึ้นหลังจากที่คุณคลิกปุ่มบวกที่มุมซ้ายบน คุณสามารถเลื่อนดูองค์ประกอบต่างๆ เพื่อค้นหาสิ่งที่คุณต้องการ หรือใช้แถบค้นหาเพื่อค้นหาสิ่งที่คุณต้องการ วิดเจ็ต WordPress ทั้งหมดที่เราเพิ่มจากหน้าจอเดียวกันสามารถแก้ไขได้ การเพิ่มวิดเจ็ตในเว็บไซต์ของคุณไม่ใช่เรื่องง่ายเสมอไป มีสาเหตุหลายประการที่ทำให้ วิดเจ็ต WordPress ไม่ปรากฏบนไซต์ของคุณ
คุณสามารถเลือกโซลูชันที่เหมาะสมได้หากคุณสำรองข้อมูลเว็บไซต์ของคุณก่อนทำการเปลี่ยนแปลงที่สำคัญ วิดเจ็ตเป็นวิธีที่ยอดเยี่ยมในการเพิ่มเนื้อหาลงในเว็บไซต์ของคุณ และไม่ว่าคุณจะโฮสต์เนื้อหาประเภทใด คุณสามารถเพิ่มลงในเว็บไซต์ของคุณได้อย่างง่ายดาย โซลูชัน WordPress ที่ดีที่สุดจะรวมอยู่ในแผนโฮสติ้ง WordPress ของ Nexcess ทุกแผน ซึ่งบรรจุไว้ล่วงหน้าด้วยโซลูชัน WordPress ที่ดีที่สุดที่มีอยู่ในปัจจุบัน เรานำเสนอบริการโฮสติ้ง WordPress นอกเหนือจากการรักษาความปลอดภัย ประสิทธิภาพ ความสามารถในการปรับขนาด และความยืดหยุ่น
ฉันจะเพิ่มข้อความในเว็บไซต์ WordPress ของฉันได้อย่างไร

เลือกแท็บโพสต์จากแดชบอร์ด WordPress ของคุณ หลังจากนั้น เลือกโพสต์ที่คุณต้องการแก้ไขจากโปรแกรมแก้ไขข้อความโดยคลิกที่ชื่อโพสต์ เคอร์เซอร์จะปรากฏในตัวแก้ไขหากคุณเลือกที่จะเพิ่มข้อความในเวลาที่คุณคลิกภายใน ตอนนี้คุณสามารถพิมพ์หรือวางข้อความของคุณในหน้าต่างใหม่
ฉันจะแก้ไขย่อหน้าใน WordPress ได้อย่างไร
เมื่อกดแป้น Enter คุณสามารถเพิ่มย่อหน้าใหม่ลงในตัวแก้ไขเนื้อหาได้ เมื่อ WordPress ตรวจพบว่าย่อหน้าใหม่มีการเว้นวรรคสองบรรทัด จะเพิ่มเข้าไป หากคุณต้องการขึ้นบรรทัดเดียว คุณต้องกด Shift + Enter แยกกัน
WordPress.com Editor: วิธีเข้าถึง Text Editor
เมื่อใช้ตัวแก้ไข WordPress.com คุณสามารถเข้าถึงโปรแกรมแก้ไขข้อความได้โดยคลิกที่แท็บข้อความที่แถบเครื่องมือ
หากคุณอยู่ในโปรแกรมแก้ไขข้อความ คุณสามารถเปลี่ยนแปลงโพสต์ของคุณได้โดยคลิกที่ปุ่ม "แก้ไข" (ซึ่งจะปรากฏขึ้นเมื่อวางเมาส์เหนือชื่อเรื่อง) หรือพิมพ์ในโปรแกรมแก้ไขข้อความ
วิธีเพิ่มวิดเจ็ตที่กำหนดเองใน WordPress
การเพิ่มวิดเจ็ตที่กำหนดเองใน WordPress เป็นกระบวนการสองขั้นตอน ขั้นแรก คุณจะต้องสร้างไฟล์ PHP สำหรับโค้ดวิดเจ็ตของคุณ จากนั้น คุณจะต้องเพิ่มโค้ดสองสามบรรทัดลงในไฟล์ functions.php ของคุณเพื่อลงทะเบียนวิดเจ็ตของคุณ การสร้างไฟล์ PHP สำหรับวิดเจ็ตของคุณเป็นขั้นตอนแรก ไฟล์ของคุณควรมีสิ่งต่อไปนี้: class My_Custom_Widget extends WP_Widget { // Widget constructor public function __construct() { $widget_ops = array( 'classname' => 'my_custom_widget', 'description' => 'This is my custom widget.' ) ; $this->WP_Widget( 'my_custom_widget', 'My Custom Widget', $widget_ops ); } // วิดเจ็ตเอาต์พุต วิดเจ็ตฟังก์ชันสาธารณะ ( $args, $instance ) { echo $ before_widget; echo $before_title $instance['title'] . $after_title; echo 'นี่คือวิดเจ็ตที่กำหนดเองของฉัน'; echo $after_widget; } // Widget แบบฟอร์มฟังก์ชันสาธารณะ ( $instance ) { if ( $instance ) { $title = esc_attr ( $instance['title'] ); } อื่นๆ { $title = ”; } ? > } // อัปเดตฟังก์ชันสาธารณะของวิดเจ็ตอัปเดต ( $new_instance, $old_instance ) { $instance = $old_instance; $instance['title'] = strip_tags( $new_instance['title'] ); $instance['title'] = strip_tags( $new_instance['title'] ); ส่งคืน $instance; } } สิ่งแรกที่คุณต้องทำคือสร้างไฟล์ PHP ใหม่และตั้งชื่อตามที่คุณต้องการ ในตัวอย่างนี้ เราตั้งชื่อว่า my_custom_widget.php ถัดไป คุณจะต้องคัดลอกและวางโค้ดด้านบนลงในไฟล์ PHP ใหม่ของคุณ เป็น

WordPress อนุญาตให้คุณทำอะไรได้บ้างนอกเหนือจาก การสร้างวิดเจ็ต ? เราจะพูดถึงวิธีสร้างวิดเจ็ต WordPress แบบกำหนดเองในบทช่วยสอนนี้ หากคุณเพิ่งเริ่มเขียนโปรแกรม บทช่วยสอนอาจเป็นเรื่องยากสำหรับคุณ หากคุณต้องการเรียนรู้เพิ่มเติม มีชุดการพัฒนา WordPress ที่คุณสามารถหาได้ที่นี่ คอนสตรัคเตอร์ใช้เพื่อระบุ id, หัวเรื่อง, ชื่อคลาส และคำอธิบายของวิดเจ็ต เมธอด widget() สร้างเนื้อหาจริงของวิดเจ็ตของคุณเมื่อคุณใช้งาน เราจะใช้ get_bloginfo เพื่อแสดงชื่อวิดเจ็ตในตัวอย่างของเรา
หากคุณใช้ WordPress วิดเจ็ตสำหรับแสดงข้อความก็สามารถใช้ได้เช่นกัน Jpen_Widget_Example_Widget ควรมีเมธอดวิดเจ็ต () ที่ซ้อนกัน เมื่อคุณเพิ่มฟิลด์การตั้งค่าลงในวิดเจ็ต ระบบจะแสดงในพื้นที่ผู้ดูแลระบบ WordPress โดยใช้เมธอด form() วิดเจ็ตในหมวดนี้จะค่อนข้างใช้งานยากเพราะมีตัวเลือกมากมาย สิ่งเดียวที่เราต้องการใน วิดเจ็ตตัวอย่าง ของเราคือให้ผู้ใช้มีตัวเลือกในการกำหนดชื่อที่กำหนดเอง ในบทช่วยสอนนี้ ฉันจะแนะนำคุณเกี่ยวกับวิธีสร้างธีม WordPress โดยใช้เทมเพลต HTML5 ใดๆ เพื่อให้บรรลุสิ่งนี้ เราต้องสร้างรายการของหมวดหมู่ทั้งหมด เรียงลำดับตามตัวอักษร แล้วจัดหมวดหมู่เป็นสองรายการแยกกัน
วิดเจ็ตตัวอย่างที่สองของเราคือวิดเจ็ตแถบด้านข้างรายการหมวดหมู่จากเทมเพลต HTML5 ของบล็อกโพสต์ คุณต้องโค้ดคลาส WP_Widget ก่อน เพื่อพัฒนา วิดเจ็ตแถบด้านข้างแบบกำหนดเอง เป็นเส้นทางที่แคบมากในการสร้างวิดเจ็ตที่กำหนดเองที่มีประสิทธิภาพ เพียงจดจ่ออยู่กับฟังก์ชันทั้งห้าตามรายการด้านล่าง แล้วคุณก็จะสามารถเปลี่ยนแนวคิดใดๆ ให้กลายเป็นวิดเจ็ต WordPress ได้
ตัวอย่างของวิดเจ็ตใน WordPress
มีวิดเจ็ตมากมายที่คุณสามารถใช้ใน WordPress เพื่อช่วยสร้างประสบการณ์ที่ปรับแต่งเองมากขึ้นสำหรับผู้อ่านหรือผู้ใช้ของคุณ วิดเจ็ตเริ่มต้นบางตัวที่มาพร้อมกับ WordPress ได้แก่ โพสต์ล่าสุด ความคิดเห็นล่าสุด และคลังเก็บ อย่างไรก็ตาม ยังมีปลั๊กอินมากมายที่นำเสนอ วิดเจ็ตเพิ่มเติม เช่น ปุ่มโซเชียลมีเดีย แบบฟอร์ม และปฏิทิน
HTML ถูกสร้างขึ้นจากวิดเจ็ต PHP พื้นที่วิดเจ็ตสามารถวางได้หลายหน้าหรือเพียงหน้าเดียว วิดเจ็ตประเภทเดียวกันสามารถใช้ในหน้าเดียวกันได้หลายครั้ง (เช่น ในตารางตัวเลือก คุณจะพบรายการ ตัวเลือกวิดเจ็ต ที่จะบันทึกข้อมูลในฐานข้อมูล คลาสใหม่ที่มีนามสกุล WP_Widget จำเป็นสำหรับการพัฒนา ของวิดเจ็ตข้อความ การใช้ตัวสร้างคลาส คุณสามารถลงทะเบียนวิดเจ็ตของคุณผ่านการกระทำ widgets_init ฟังก์ชัน register_widget() ดำเนินการสองฟังก์ชัน: ประมวลผลตัวเลือกจากแบบฟอร์มและแสดง HTML สำหรับวิดเจ็ตที่ส่วนหน้าของไซต์ของคุณ และต้องใช้สองพารามิเตอร์: อาร์เรย์ anargs จากก่อนหน้าและอินสแตนซ์ของวิดเจ็ต ชื่อฟังก์ชัน ข้อความ และการอัปเดตทั้งหมดจะอธิบายไว้ ณ จุดนี้
หากมีฟังก์ชัน titles อยู่ จะใช้พารามิเตอร์สองตัวคือ $title และ $text และคืนค่าที่ป้อนไว้ก่อนหน้านี้ เมื่อคุณส่งวิดเจ็ต ฟังก์ชันอัปเดตจะอัปเดตด้วยตัวเลือกใหม่ มีการระบุทั้งหมดข้างต้น และคุณพร้อมที่จะสร้าง คลาสวิดเจ็ตใหม่ และเรียกใช้การทดสอบ ในวิดเจ็ตตัวอย่างนี้ คุณต้องลงทะเบียนกับ widgets_init hook หากคุณใช้ PHP 5.3 คุณควรเรียกตัวสร้างโดยตรงตามที่แสดงในตัวอย่างต่อไปนี้ ข้อมูลเพิ่มเติมเกี่ยวกับคำตอบ Stack Exchange สามารถพบได้ที่นี่
ประโยชน์ของการใช้วิดเจ็ตใน WordPress
ประโยชน์ของการใช้วิดเจ็ตใน WordPress คืออะไร? คุณลักษณะวิดเจ็ตใน WordPress มีประโยชน์มากมาย วิดเจ็ตเพิ่มฟังก์ชันการทำงานให้กับไซต์ของคุณในเวลาไม่กี่วินาที ทำให้ง่ายต่อการเพิ่มคุณลักษณะและเนื้อหา คุณสามารถใช้ฟังก์ชันวิดเจ็ตเพื่อให้ข้อมูลเพิ่มเติมแก่ไซต์ของคุณ เช่น ปฏิทินหรือแถบค้นหา ผลิตภัณฑ์เหล่านี้ยังสามารถใช้เพื่อเพิ่มฟังก์ชันการทำงานให้กับส่วนต่างๆ ของเว็บไซต์ของคุณ เช่น บล็อกโพสต์หรือรายการหมวดหมู่ ไม่ว่าคุณจะเป็นมือใหม่ใน WordPress หรือเพียงต้องการเพิ่มฟังก์ชันการทำงานใหม่ให้กับไซต์ของคุณ การใช้วิดเจ็ตเป็นวิธีที่ยอดเยี่ยมในการทำเช่นนั้น