อีกเรื่องที่มือใหม่ทั้งหลายอาจจะยังสงสัยว่าวิดเจ็ตนั้นคืออะไร ใช้งานยังไง ใช้สร้างได้ทั้ง Sidebar และ Footer เลยเหรอ ซึ่งในบทความนี้เราจะมาสอนวิธีใช้งานเจ้าวิดเจ็ตนี่กัน

Widget คืออะไร ?

what is widget

วิดเจ็ต (Widget) คือ โปรแกรมที่ควบคุมการทำงานเฉพาะส่วน อย่างเช่น แสดงข้อความ รูปภาพ ความเห็นล่าสุด ปฏิทิน เป็นต้น ที่จะช่วยเพิ่มลูกเล่นและคุณสมบัติต่างๆ ให้กับเว็บไซต์ของเรา ซึ่งตัววิดเจ็ตนั้นจะแสดงผลอยู่ 2 ตำแหน่ง คือ แถบด้านข้าง (Sidebar) และส่วนท้าย (Footer)


Sidebar คืออะไร ?

what is sidebar

Sidebar คือ แถบด้านข้างที่จะแสดงร่วมกับหน้าเรื่อง (Post) หรือหน้าสินค้า (Product) มักใช้เป็นช่องทางทำการตลาด โดยส่วนใหญ่จะเป็นพวกหมวดหมู่หรือโฆษณา


Footer คืออะไร ?

what is footer

Footer คือ ส่วนที่แสดงอยู่ล่างสุดของเว็บไซต์ และจะแสดงผลแบบเดียวกันทุกหน้า


มาสร้าง Sidebar และ Footer กัน

lets create sidebar and footer

ทีนี้ก็ถึงเวลาสร้าง Sidebar และ Footer กันแล้ว ก่อนอื่นก็เข้าสู่ระบบเวิร์ดเพรสกันก่อนเลย

wordpress login

ไปที่ “รูปแบบเว็บ (Appearance)” จากนั้นคลิกที่ “วิดเจ็ต (Widgets)”

go to appearance and click widgets

ในหน้าวิดเจ็ตนี้ จะแบ่งออกเป็น 2 ส่วน

widget page

ส่วนที่ 1 (ฝั่งซ้าย) : แสดงวิดเจ็ตที่ใช้งานได้ (วิดเจ็ตบางอันอาจมาพร้อมกับธีมหรือปลั๊กอินที่เราใช้งานอยู่)
ส่วนที่ 2 (ฝั่งขวา) : ตำแหน่งที่ติดตั้งวิดเจ็ตให้กับเว็บไซต์ของเรา (ตำแหน่งของวิดเจ็ตอาจไม่เหมือนดังตัวอย่าง ชึ้นอยู่กับธีมที่ใช้งาน)

ทางฝั่งซ้าย ให้คลิกไปยังวิดเจ็ตที่เราต้องการเพิ่มเข้าไป จากนั้นให้เลือกตำแหน่งที่จะให้วิดเจ็ตไปแสดงผลในหน้าเว็บไซต์ของเรา จากนั้นคลิกไปที่ “เพิ่มวิดเจ็ต (Add Widget)”

choose widget from left side

ทางฝั่งขวา จะแสดงวิดเจ็ตที่เราได้เพิ่มเข้าไปยังตำแหน่งที่เลือกไว้ ตรงส่วนนี้เราสามารถกำหนดชื่อหรือตั้งค่าการแสดงผลของวิดเจ็ตได้ เมื่อเรียบร้อยแล้วก็คลิกที่ “บันทึก (Save)” ได้เลย

setting widget and save

เสร็จแล้วก็ลองเข้าไปดูเว็บไซต์ของเรากันสักหน่อย

preview

ลบวิดเจ็ตยังไง ?

how to delete widget

คราวนี้เราไปดูวิธีลบวิดเจ็ตกันบ้างดีกว่า

ไปที่ “(Appearance)” แล้วคลิกที่ “วิดเจ็ต (Widgets)”

go to appearance and click widgets

คลิกไปยังตำแหน่งที่มีวิดเจ็ตที่เราต้องการลบ

go to widget location

คลิกไปยังวิดเจ็ตที่เราต้องการลบ

click at arrow in widget

คลิก “ลบ (Delete)”

click delete

เท่านี้ก็ลบวิดเจ็ตได้แล้ว

already delete widget

ทีนี้ลองรีเฟรช (F5) หน้าเว็บไซต์ของเรากันสักหน่อย

preview