รู้จัก Sidebar / Widget คอลัมน์ข้างๆ ที่เพิ่มประโยชน์ให้เว็บ

Sidebar คือแถบด้านข้างของเว็บไซต์ที่เราเห็นกันบ่อย ส่วน Widget คือชิ้นส่วนเล็กๆ ที่นำมาวางใน Sidebar เช่น กล่องค้นหา, โพสต์ล่าสุด, Social Links เป็นต้น บทนี้จะอธิบายให้เข้าใจทั้งคู่ครับ

Sidebar คือพื้นที่แถบด้านข้าง (ส่วนใหญ่ด้านขวา) ที่ Theme กำหนดไว้ Widget คือ “บล็อก” เล็กๆ ที่เราลากเข้าไปวางใน Sidebar ได้ แต่ละ Widget มีหน้าที่เฉพาะ เช่น แสดงรูปภาพ, ลิงก์ Social, ปฏิทิน ฯลฯ

• ไปที่ Appearance → Widgets

• เลือก Widget Area ที่ต้องการ
  จะมีพื้นที่ให้เลือก เช่น Sidebar, Footer 1, Footer 2 ฯลฯ ขึ้นอยู่กับ Theme ที่ใช้

• กดปุ่ม + เพื่อเพิ่ม Widget ใหม่
  เลือก Widget ที่ต้องการจากรายการ แล้วตั้งค่าตามต้องการครับ

• กด Update เพื่อบันทึก

Widget	หน้าที่
Search	กล่องค้นหาเนื้อหาในเว็บ
Recent Posts	แสดงโพสต์ล่าสุด
Categories	แสดงหมวดหมู่บทความ
Tag Cloud	แสดง Tag ทั้งหมดในรูป Cloud
Calendar	ปฏิทินแสดงโพสต์ตามวัน
Text / HTML	ใส่ข้อความหรือ HTML Custom ได้เลย
Image	แสดงรูปภาพ เช่น Banner โฆษณา
Navigation Menu	แสดง Menu ใน Sidebar

Theme ส่วนใหญ่มี Widget Area ใน Footer ด้วยครับ เช่น Footer 1, Footer 2, Footer 3 ทำให้เราใส่ข้อมูลใน Footer ได้สวยงาม เช่น ลิงก์หน้าต่างๆ, ข้อมูลติดต่อ, Social Links

Sidebar คือพื้นที่แถบข้างของเว็บที่ Theme กำหนดไว้ ส่วน Widget คือชิ้นส่วนที่นำมาวางใน Sidebar เพิ่ม Widget ได้ที่ Appearance → Widgets โดยเลือก Widget Area แล้วกด + เพิ่ม Widget ที่ต้องการ Widget ยอดนิยมได้แก่ Search, Recent Posts, Categories, Navigation Menu และ Social Links หลาย Theme มี Footer Widget Area ด้วย ทำให้จัดวางข้อมูลใน Footer ได้สวยงามขึ้น ไม่ใช่ทุกหน้าจำเป็นต้องมี Sidebar เพราะ Landing Page หรือหน้าแรกมักสวยกว่าถ้าใช้ Full Width แนะนำให้มี Widget ใน Sidebar แค่ 3–5 รายการ เพื่อไม่ให้รกและผู้ใช้ไม่งงว่าควรดูอะไรก่อนครับ

• บทเรียนถัดไป : รู้จัก Menu
• บทเรียนก่อนหน้า : รู้จัก Page