ดีครับดอทคอม

การใช้งาน Widgets ใน WordPress

การใช้งาน Widgets

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

พื้นที่แสดงวิดเจ็ท Widgets Area

ในแต่ละธีมจะกำหนดพื้นที่แสดงวิดเจ็ทไว้ให้เราต่าง ๆ กันออกไป ซึ่งโดยหลัก ๆ แล้วมีดังนี้

Header ส่วนหัวของเว็บไซต์ โดยปกติจะเป็นพื้นที่วางเมนู ภาพส่วนหัวของเว็บไซต์ แต่ในบางธีมอาจสามารถวางวิดเจ็ทลงไปในส่วนนี้ได้

Body เป็นส่วนที่ใช้แสดงเนื้อหาของเว็บไซต์ ไม่ว่าจะเป็นข้อความย่อหน้า รูปภาพ วิดีโอ หรืออื่น ๆ

Sidebar พื้นที่สำหรับแสดงข้อมูลบางอย่างที่สำคัญรองลงมาจากเมนู เช่น หมวดหมู่บทความ บทความล่าสุด บทความยอดนิยม กล่องค้นหา เป็นต้น บางธีมอาจอนุญาตให้แทรกวิดเจ็ทลงในส่วนนี้ได้

Footer เป็นส่วนล่างสุดของเว็บไซต์ สำหรังแสดงข้อมูลบางอย่างที่ไม่เปลี่ยนแปลงบ่อยนัก ซึ่งบางธีมอาจให้แทรกวิดเจ็ทลงในส่วนนี้ได้ด้วย

การนำวิดเจ็ทมาใช้งาน

เมื่อต้องการกำหนดวิดเจ็ทลงในเว็บไซต์ สามารถทำได้ดังนี้

แทรกวิดเจ็ท Widgets ในเว็บไซต์
  1. คลิกที่เมนู Appearance
  2. คลิกเมนูย่อย Widgets จะเข้าสู่หน้า Widgets
  3. Available Widgets คือส่วนแสดงวิดเจ็ทที่สามารถใช้ได้
  4. Right Sidebar เราสามารถแทรกวิดเจ็ทในส่วนไซต์บาร์ด้านขวาได้
  5. Left Sidebar เราสามารถแทรกวิดเจ็ทลงในส่วนไซต์บาร์ด้านซ้ายได้
  6. Footer Widgets Area 1 – 4 เราสามารถแทรกวิดเจ็ทลงในพื้นที่ส่วนล่าง (Footer) ของเว็บไซต์ได้ 4 ตัว

จะยกตัวอย่างการใช้งานวิดเจ็ทสัก 1 ตัวพอให้เห็นภาพนะครับ สมมติว่าเราจะแทรกวิดเจ็ทที่ชื่อว่า Calendar มาใช้งานในส่วนไซต์บาร์ด้านขวา สามารถทำได้ดังนี้

  1. คลิกที่ปุ่ม ด้านหลังชื่อวิดเจ็ท เพื่อให้แสดงส่วนสำหรับกำหนดพื้นที่แสดงวิดเจ็ท
  2. คลิกเลือกพื้นที่ที่ต้องการแสดงวิดเจ็ท
  3. คลิกที่ปุ่ม Add Widget เพื่อเพิ่มวิดเจ็ทที่ต้องการ

วิดเจ็ทที่เราเลือกจะถูกแทรกเข้าไปต่อท้ายวิดเจ็ทตัวอื่น ๆ ในพื้นที่เป้าหมาย ให้ตั้งชื่อวิดเจ็ทที่ช่อง Title แล้วคลิกปุ่ม Save เพื่อบันทึก

เมื่อเข้าไปดูในหน้าเว็บไซต์ จะเห็นวิดเจ็ทที่เราได้เพิ่มเข้ามาแสดงอยู่ในส่วนที่เราต้องการแล้ว

การจัดเรียงวิดเจ็ท

เราสามารถเรียงลำดับวิดเจ็ทที่เราได้เพิ่มเข้ามาได้ตามต้องการ โดยวิธีการง่าย ๆ เพียงแค่คลิกแล้วลากไปวาง ณ ส่วนที่เราต้องการได้เลย

  • นำเมาส์ไปวางเหนือแถบชื่อวิดเจ็ทที่ต้องการ ให้เคอร์เซอร์กลายเป็นเครื่องหมาย
  • คลิกเมาส์ค้างไว้
  • ลากวิดเจ็ทไปวาง ณ ตำแหน่งที่ต้องการ

เพียงแค่นี้วิดเจ็ทก็จะถูกย้ายไปวาง ณ ตำแหน่งที่เราต้องการ

การลบวิดเจ็ท

ถ้าเราได้เพิ่มวิดเจ็ทไปไว้ ณ ส่วนใดส่วนหนึ่งในเว็บไซต์ และเราต้องการลบออก สามารถทำได้ดังนี้

การลบวิดเจ็ท
  • คลิกที่ปุ่ม
  • คลิก Delete เพื่อลบวิดเจ็ท

เพียงแค่นี้วิดเจ็ทก็จะถูกลบออกจากส่วนแสดงผลตามต้องการแล้วครับ