Widgets วิดเจ็ท คือสคิปต์ขนาดเล็กที่มีไว้เพื่อแสดงผลบางอย่าง หรือเพื่อทำงานบางอย่าง สุดแล้วแต่ว่าผู้พัฒนาเขียนสคริปต์มาอย่างไร วิดเจ็ทช่วยให้เว็บไซต์ของเรามีสีสันมากขึ้น หรือมีความสามารถมากขึ้น เช่น สามารถแสดงปฏิทินในเว็บไซต์ของเราได้ แสดงบทความที่ได้รับความนิยม เป็นต้น
พื้นที่แสดงวิดเจ็ท Widgets Area
ในแต่ละธีมจะกำหนดพื้นที่แสดงวิดเจ็ทไว้ให้เราต่าง ๆ กันออกไป ซึ่งโดยหลัก ๆ แล้วมีดังนี้
Header ส่วนหัวของเว็บไซต์ โดยปกติจะเป็นพื้นที่วางเมนู ภาพส่วนหัวของเว็บไซต์ แต่ในบางธีมอาจสามารถวางวิดเจ็ทลงไปในส่วนนี้ได้
Body เป็นส่วนที่ใช้แสดงเนื้อหาของเว็บไซต์ ไม่ว่าจะเป็นข้อความย่อหน้า รูปภาพ วิดีโอ หรืออื่น ๆ
Sidebar พื้นที่สำหรับแสดงข้อมูลบางอย่างที่สำคัญรองลงมาจากเมนู เช่น หมวดหมู่บทความ บทความล่าสุด บทความยอดนิยม กล่องค้นหา เป็นต้น บางธีมอาจอนุญาตให้แทรกวิดเจ็ทลงในส่วนนี้ได้
Footer เป็นส่วนล่างสุดของเว็บไซต์ สำหรังแสดงข้อมูลบางอย่างที่ไม่เปลี่ยนแปลงบ่อยนัก ซึ่งบางธีมอาจให้แทรกวิดเจ็ทลงในส่วนนี้ได้ด้วย
การนำวิดเจ็ทมาใช้งาน
เมื่อต้องการกำหนดวิดเจ็ทลงในเว็บไซต์ สามารถทำได้ดังนี้
- คลิกที่เมนู Appearance
- คลิกเมนูย่อย Widgets จะเข้าสู่หน้า Widgets
- Available Widgets คือส่วนแสดงวิดเจ็ทที่สามารถใช้ได้
- Right Sidebar เราสามารถแทรกวิดเจ็ทในส่วนไซต์บาร์ด้านขวาได้
- Left Sidebar เราสามารถแทรกวิดเจ็ทลงในส่วนไซต์บาร์ด้านซ้ายได้
- Footer Widgets Area 1 – 4 เราสามารถแทรกวิดเจ็ทลงในพื้นที่ส่วนล่าง (Footer) ของเว็บไซต์ได้ 4 ตัว
จะยกตัวอย่างการใช้งานวิดเจ็ทสัก 1 ตัวพอให้เห็นภาพนะครับ สมมติว่าเราจะแทรกวิดเจ็ทที่ชื่อว่า Calendar มาใช้งานในส่วนไซต์บาร์ด้านขวา สามารถทำได้ดังนี้
- คลิกที่ปุ่ม
ด้านหลังชื่อวิดเจ็ท เพื่อให้แสดงส่วนสำหรับกำหนดพื้นที่แสดงวิดเจ็ท - คลิกเลือกพื้นที่ที่ต้องการแสดงวิดเจ็ท
- คลิกที่ปุ่ม Add Widget เพื่อเพิ่มวิดเจ็ทที่ต้องการ
วิดเจ็ทที่เราเลือกจะถูกแทรกเข้าไปต่อท้ายวิดเจ็ทตัวอื่น ๆ ในพื้นที่เป้าหมาย ให้ตั้งชื่อวิดเจ็ทที่ช่อง Title แล้วคลิกปุ่ม Save เพื่อบันทึก
เมื่อเข้าไปดูในหน้าเว็บไซต์ จะเห็นวิดเจ็ทที่เราได้เพิ่มเข้ามาแสดงอยู่ในส่วนที่เราต้องการแล้ว
การจัดเรียงวิดเจ็ท
เราสามารถเรียงลำดับวิดเจ็ทที่เราได้เพิ่มเข้ามาได้ตามต้องการ โดยวิธีการง่าย ๆ เพียงแค่คลิกแล้วลากไปวาง ณ ส่วนที่เราต้องการได้เลย
- นำเมาส์ไปวางเหนือแถบชื่อวิดเจ็ทที่ต้องการ ให้เคอร์เซอร์กลายเป็นเครื่องหมาย
- คลิกเมาส์ค้างไว้
- ลากวิดเจ็ทไปวาง ณ ตำแหน่งที่ต้องการ
เพียงแค่นี้วิดเจ็ทก็จะถูกย้ายไปวาง ณ ตำแหน่งที่เราต้องการ
การลบวิดเจ็ท
ถ้าเราได้เพิ่มวิดเจ็ทไปไว้ ณ ส่วนใดส่วนหนึ่งในเว็บไซต์ และเราต้องการลบออก สามารถทำได้ดังนี้
- คลิกที่ปุ่ม
- คลิก Delete เพื่อลบวิดเจ็ท
เพียงแค่นี้วิดเจ็ทก็จะถูกลบออกจากส่วนแสดงผลตามต้องการแล้วครับ
