Widget คือ อะไร – สอนตั้งค่า Widget ใน WordPress

wordpress widget คือ อะไร

Widget คือ อะไร – สอนตั้งค่า Widget ใน WordPress

สวัสดีคับ บทความนี้ผมว่าไม่ยาวมากแน่นอน  อ่านแป้บเดียวลองทำตามแป้บเดียวก็ทำเป็นแล้ว  วันนี้ผมจะมา สอน WordPress widget คือ อะไร  ใช้ทำอะไร แบบสั้นๆ  เท่านั้น ยังไงก็ตั้งใจอ่านและลองทำตามดูนะครับ

บทความนี้เป็นลิขสิทธิ์ของ riwwee.com แต่เพียงผู้เดียว ห้ามก๊อปปี้ หรือทำซ้ำโดยไม่ได้รับอนุญาตครับ
สารบัญ

  1. WordPress Widget คือ อะไร
  2. สำรวจเครื่องมือ Widget ใน WordPress
  3. การลบ Widget ออกจากหน้าเว็บไซต์
  4. ความหมายของ Widget ต่างๆ
  5. วิธีการเพิ่ม Widget เข้าไปที่ตำแหน่งหน้าเว็บไซต์

อัพเดตล่าสุด 11 มิถุนายน 2561

แนะนำบทความสำหรับผู้เริ่มต้นสร้างเว็บไซต์ด้วยตนเอง  ให้ไปเริ่มต้นได้  ที่นี่เลย

WordPress Widget คือ อะไร

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

สำรวจเครื่องมือ Widget ใน WordPress

หลังจาก Login เรียบร้อยแล้ว   ก่อนอื่นก็ให้เข้าไปที่ WordPress ก่อน  จะเจอหน้า dashboard และให้คลิ๊กไปตามภาพเลย  Appearance > Widget

สอน wordpress widget

การเข้าถึงหน้า Widget – widget คือ อะไร

ต่อมาจะมีหน้าแบบนี้แสดงขึ้นมา

widget คืออะไร

วิดเจ็ด และตำแหน่ง – widget คืออะไร

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

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

  1. Search  ใช้สำหรับการค้นหา
  2. Recent Posts ใช้สำหรับดูโพสต์บทความล่าสุด
  3. Recent Comments ใช้สำหรับดูคอมเม้นที่เกิดขึ้นในเว็บเราล่าสุด
  4. Achives อะไคฟ์ ตัวนี้จะแสดงหมวดหมู่ในเว็บไซต์เราในรูปแบบผังต้นไม้ คล้ายๆ File Explorer ตามวันเวลา
  5. Categories จะแสดงหมวดหมู่ทั้งหมด  เป็นเหมือนเมนูไว้ด้านบน Side Bar
  6. Meta แสดงพวกเครื่องมือสำหรับล๊อกอิน เครื่องมือจิปาถะสำหรับเว็บ  แต่ผมว่าไม่จำเป็น

เดี๋ยวมาดูหน้าเว็บก่อนว่ามันแสดงยังไง

เริ่มต้นจากการเปิด url ของเว็บตัวเอง  www.yourwebsite.com

พอเปิดขึ้นมาจะพบกับหน้าแบบนี้ครับ

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

 

การลบ Widget ออกจากหน้าเว็บไซต์

ใครไม่ชอบอันไหนก็สามารถลบออกได้จากหน้าจัดการ วิดเจ็ดได้ทันที

สมมติผมจะลบ Meta Widget ก็ให้คลิ๊กที่ ลูกศรชี้ลงตามภาพ   แล้วก็กดปุ่ม delete ตามลำดับดูตามตัวเลขได้เลยครับ  แล้วมันก็จะหายไป  ไม่จำเป็นต้องกดเซฟอะไร  เพราะมัน Auto Save ให้เลย

ลบ widget wordpress

ลองรีเฟรสที่หน้าจอของเว็บหน้าแรกดูใหม่ จะพบว่ามันหายไปแล้ว Meta Widget  (ตามที่ผมทำสี่เหลี่ยมสีแดงไว้ในภาพด้านล่าง)

refresh เว็บไซต์  ให้กด F5 บนแป้นคีย์บอร์ดนะครับ  แล้ว Meta Widget มันจะหายไป   แต่ถ้า Meta มันยังไม่หายไปอย่าพึ่งตกใจแสดงว่าบราวเซอร์มันทำการบันทึกผลลัพธ์หน้าเว็บไว้ให้อยู่ทำให้เราเปิดได้เร็วขึ้น ผมมีวิธีทำให้บราวเซอร์มันยอมเคลียร์แคชที่บันทึกไว้และโฆลดใหม่ทั้งหมด  โดยการกด 

  • (Windows) Ctrl + F5  กดพร้อมกันครับ จำไว้เลยนะครับ เป็น trick ที่ใช้บ่อยๆ
  • (Linux) Ctrl + Shift + R
  • (Mac) Command + Shift + R

ลบ Widget WordPress

 

ความหมายของ Widget ต่างๆ

ดูรูปนี้อีกครั้งครับ

widget คืออะไร

ด้านซ้าย

มาดูความสามารถของ Widget กันบ้าง  จะอธิบายทั้งหมดเลยครับ  เมื่อกี้ผมอธิบายแค่ส่วนที่ปรากฎในด้านขวา

  • Archives  แสดงรายการบทความของเว็บเป็นรายเดือน เรียงตามเวลา
  • Audio แสดง Audio Player
  • Calendar แสดงโพสต์ของเว็บในปฏิทิน
  • Categories แสดงรายการหมวดหมู่ แคตากอรี่
  • Custom HTML  แสดงกล่องใส่ โค้ด html แบบกำหนดเองได้
  • Gallery แสดงแกลอรี่รูปภาพ
  • Image แสดงภาพ
  • Meta  แสดง Login, RSS & WordPress.org links
  • Navigation Menu  เพิ่มเมนูนำทางที่เมนูด้านข้าง (Sidebar)
  • Pages แสดงรายการหน้าเพจของเว็บไซต์เรา
  • Recent Comments แสดงคอมเม้นล่าสุดในเว็บ
  • Recent Posts แสดงรายการโพสต์ล่าสุด
  • RSS  แสดง RSS feed
  • Search แสดงเครื่องมือค้นหาที่หน้าเว็บไซต์
  • Tag Cloud แสดง Tag ที่ใช้เยอะที่สุดในรูปแบบคราว keword คีย์เวิร์ดเป็นกลุ่มก้อนเมฆ
  • Text ใส่ข้อความเพื่อแสดงในหน้าเว็บตามอำเภอใจ
  • Video  แสดงวิดีโอจาก Media Library หรือจาก Youtube, Vimeo, หรือผู้ให้บริการเจ้าอื่น

ส่วนด้านขวา

  • Sidebar  คือส่วนด้านข้างของเว็บ
  • Subscribe
  • Blog Subscribe Section
  • Woo Commerce Sidebar
  • Very Top Bar
  • Navigation  คือ ส่วนแถบยาวๆด้านบนเว็บ ส่วนมากมักใส่ แถบเมนูยาวๆลงไป
  • Big Title Section
  • 1.Footer One
  • 2.Footer Two
  • 3.Footer Three

ทำไมผมอธิบายแค่ 2 อัน  คือ ส่วนนี้จะเป็นส่วนที่ใช้บ่อยๆ  ในทุก ธีม WordPress

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

 

วิธีการเพิ่ม Widget เข้าไปที่ตำแหน่งหน้าเว็บไซต์

เริ่มต้นจากการคลิ๊กที่ Widget ที่ชอบค้างไว้  แล้วก็ลากเข้าไปในแตำแหน่งที่ต้องการ  ตามภาพ

wp widget เพิ่ม - widget คือ

การเพิ่ม Widget โดยการลากวาง

เพียงเท่านี้ก็เรียบร้อย  เว็บไซต์ของเราก็มีจะธีมสวยๆได้ดั่งใจ

ถามว่า Widget อาจจะมีมากกว่าที่ WordPress เตรียมมาให้เราได้มั้ย  ตอบว่าได้เลย  ขึ้นอยู่กับว่าเราติดตั้ง Theme หรือ Template เว็บไซต์ตัวไหนเข้ามา  มันมี Widget แถมมาใช้กับ Theme ด้วยมั้ย  ถ้ามีมันจะนำมาเพิ่มเข้าไปตรงส่วน Widget ให้เราสามารถเรียกใช้ได้  หรือบาง Plugin มันต้องทำงานร่วมกับ Widget ก็จะมี Widget ปรากฎในส่วนนี้ให้เราได้ใช้งานกัน สำหรับบทความนี้ก็จบเท่านี้คับ ขอบคุณที่ติดตาม  :)))

 

บทความถัดไป (Up Next)

สร้างหน้าเว็บแบบคงที่ใน WordPress – Add Page

 

 

About วิรากร @ Riwwee

แอดมินประจำริววี ผู้ก่อตั้ง อยากให้ที่นี่เป็นเว็บที่รวบรวมแต่ รีวิวและความรู้ที่มีประโยชน์ เป็นความรู้ที่ผมศึกษามาด้วยตนเองทั้งหมด ประสบการณ์: Internet Marketing, SEO, Content Marketing, Passive Income, Make Online Money, E-commerce, Forex, Binary Option, Website Creator, IOS App Developer ติดต่อ riwwee@gmail.com | line@ : @riwwee | www.facebook.com/riwwee

Leave a Reply

Your email address will not be published. Required fields are marked *

9 − six =