การเพิ่ม Widget WordPress ในส่วนต่างๆของธีม WordPress

การเพิ่ม Widget WordPress, WordPress มี Widget ให้เราสามารถปรับแต่งเนื้อหาต่างๆลงไปได้ ไม่ว่าจะเป็น บทความมาใหม่ ปฏิทิน รูปภาพ โค้ด HTML หรือแม้กระทั่งปลั๊กอินที่เรานำมาลงก็ตาม โดย Widget จะขึ้นอยู่กับธีม WordPress ที่เรานำมาติดตั้ง โดยถ้าเราจะไปแก้ไข Widget ให้ไปที่ รูปแบบเว็บ > วิดเจ็ต แล้วจะเห็นวิดเจ็ตทางด้านซ้ายมือ ส่วนด้านขวามือคือตำแหน่งที่เราสามารถนำวิดเจ็ตไปใส่ได้

วันนี้เราจะสร้างตำแหน่งในการใส่วิดเจ็ตภายในธีมของเรากัน

1. ไปที่โฟลเดอร์ธีมที่เราต้องการใส่ Widget

2.เปิดไฟล์ functions.php ออกมาแก้ไข

3.เพิ่ม function นี้ลงไป

public function theme_widgets_init() {
        register_sidebar(array(
'name'          => 'Home Page Top Widget',
'id'            => 'home_page_top_widget',
            'before_widget' => '<div>',
'after_widget'  => '</div>',
'before_title'  => '<h5>',
'after_title'   => '</h5>',
        ));
}
add_action('widgets_init', 'theme_widgets_init');

• name – ชื่อที่เราจะนำไปโชว์หน้าวิดเจ็ต
• id – ชื่อเฉพาะที่ไม่ซ้ำกับ widget ตัวอื่น ใช้ _ หรือ – คั้น (ไม่ใช้เว้นวรรค)
• before_widget – tag HTML หรือข้อความอะไรก็ได้ที่แสดงก่อน widget อาจเป็น tag <div> แล้วใส่ class ที่ต้องการลงไป
• after_widget – tag HTML หรือข้อความอะไรก็ได้ที่แสดงหลัง widget
• before_title – tag HTML หรือข้อความอะไรก็ได้ที่แสดงก่อน หัวข้อ widget อาจเป็น tag <div> แล้วใส่ class ที่ต้องการลงไป
• after_title – tag HTML หรือข้อความอะไรก็ได้ที่แสดงหลัง หัวข้อ widget

4.จากนั้นไปที่ รูปแบบเว็บ > วิดเจ็ต ก็จะเห็นตำแหน่งวิดเจ็ตที่เราสร้าง ปรากฏขึ้นมาแล้ว

5.ไปที่ไฟล์ที่เราต้องการนำวิดเจ็ตไปแสดงเช่นหน้า Home ก็ไปแก้ที่ไฟล์ home.php แล้วใส่โค้ดด้านล่างนี้ แทรกลงไปในตำแหน่งที่เราต้องการให้ widget แสดง

dynamic_sidebar('home_page_top_widget');

เพียงเท่านี้วิดเจ็ตที่เราสร้างขึ้นก็จะมาปรากฏในหน้า Home แล้ว

ทีนี้ถ้าเราจะแก้ widget ใส่รูป ใส่ banner หรือโค้ HTML ก็สามารถแก้ได้ที่ รูปแบบเว็บ > วิดเจ็ต แล้วลากวิดเจ็ตที่ต้องการไปใส่ Home Page Top Widget ที่เราสร้างขึ้นไว้ได้เลย