top of page

รู้จักและใช้งาน Sidebar และ Widgets

คำว่า Sidebar ใน WordPress เรียกได้อีกอย่างหนึ่งว่า Widget Area หรือ พื้นที่สำหรับ ใส่ Widgets นั่นเอง และ ตัว Widget พูดตามตรงว่า ไม่มีคำแปลครับ แต่มัน คือ ชิ้นส่วน ที่เราสามารถนำใส่เข้าไปได้ใน Sidebar หรือ Widget Area ซึ่งต่อไปนี้ผมเรียกสั้นๆว่า Sidebar ก็แล้วกันครับ อย่า งง นะครับ

ในสมัยก่อน Sidebar ชอบอยู่ตำแหน่ง ที่เป็นแถบด้านข้างของเว็บไซต์ จึงได้ชื่อว่า Sidebar ครับ แต่สำหรับธีมสมัยใหม่ Sidebar สามารถอยู่ได้ทุกที่ ตามที่คนเขียนธีมนั้นจะกำหนดครับ

sidebar-02-1024x577.webp

Sidebar หรือ Widget Area ในระบบหลังบ้านของ WordPress

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

วิธีการใส่ Widget แบบ ลากวาง

ให้เราเลือก Widget ที่ต้องการ แล้วลากใส่ กล่อง Sidebar ได้เลย จะลากไปแทรก หรือ เอาไว้บนสุด ล่างสุดได้หมด แบบรูปนี้ครับ

sidebar-03-1024x577.webp

วิธีการใส่ Widget ลงไปใน Sidebar แบบลากวาง

วิธีการใส่ Widget แบบคลิก

วิธีการนี้ จะแม่นยำกว่ามาก ในกรณีที่ Widget ที่จะลาก อยู่ไกลจาก Sidebar มากครับ

sidebar-04-1024x584.webp

วิธีการใส่ Widget แบบคลิก และ การปรับแต่ง Widget

ให้เราคลิกที่ ประเภท Widget ที่เราต้องการครับ จากนั้น เลือก กล่องที่เราจะนำไปใส่ แล้วกด Add Widget ได้เลย Widget ก็จะเข้าไปอยู่ในกล่อง Sidebar ที่เราเลือกไว้ทันที จากนั้น เราจึงทำการปรับแต่ง Widget ได้ แล้วก็อย่าลืม กด Save นะครับ

ทำไม Widget แต่ละประเภทจึง ปรับแต่งไม่เหมือนกัน ?

เพราะว่า Widget แต่ละประเภท มีคุณสมบัติเฉพาะตัวครับ เช่น Image Widget เราก็ต้องใส่รูปภาพได้ Recent Posts เราก็ต้องเลือกได้ว่า จะเอากี่โพส เป็นต้นครับ ดังนั้น Widget แต่ละประเภทจะมีคุณสมบัติ ของมันเอง

เราจะจัดเรียง Widget ได้อย่างไร ?

วิธีการจัดเรียง Widget ก็ง่ายแสนง่ายครับ ถ้าเราเรียนเรื่องเมนูมากันแล้ว เราก็จะคุ้นชินครับ เพราะว่า Widgets เอง ก็ใช้วิธีการลากวาง เช่นเดียวกับเมนูครับ

sidebar-05-1024x577.webp

วิธีการจัดเรียง Widget ในกล่อง Sidebar

เราจะลบ Widget ออกจาก Sidebar ได้อย่างไร ?

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

sidebar-06-1024x577.webp

วิธีการลบ Widget ออกจาก Sidebar

Widget ที่นักพัฒนาเว็บไซต์ใช้กันบ่อยๆ

เราลองมาดูกันครับว่า Widget ที่นักพัฒนาใช้กันบ่อยๆ มีอะไรบ้าง แล้วแต่ละอันใช้ทำอะไรบ้างครับ

  1. Text เอาไว้ใส่ข้อความ อเนกประสงค์เลย อยากใส่ข้อความอะไรใส่ได้หมดครับ

  2. Image เอาไว้แสดงรูปภาพ อะไรก็ได้ แถมยังใส่ลิงค์ได้อีกด้วย ผมชอบเอามาใส่เป็นป้ายโฆษณาครับ

  3. Recent Posts เอาไว้แสดง บทความล่าสุดที่เราเขียนเอาไว้

  4. Categories เอาไว้แสดง หมวดหมู่ของบทความ ในระบบเรา

  5. Navigation Menu มามารถหยิบเมนูที่เราสร้างไว้ มาแสดงใน Widget ได้

  6. Search แสดงช่องการค้นหาใน Sidebar ของเรา

  7. Custom HTML ใส่ HTML เพื่อที่จะแสดงอะไรก็ได้ที่เราต้องการ เช่น Google Maps, กล่อง Facebook

สำหรับใครที่อยากดูวิธีการ ใส่ Widget แบบภาพเคลื่อนไหว ผมมีวีดีโอครับ

bottom of page