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

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


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


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


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


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

  • 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 แสดง


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

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