วิธีเพิ่มแถบประกาศบนเว็บไซต์ WordPress โดยไม่รบกวนการใช้งาน

เพิ่มแถบประกาศบนเว็บไซต์ WordPress ได้โดยวางข้อความสั้น ๆ ไว้ใน Header หรือเพิ่มแถบด้านบนของหน้า ผ่าน Site Editor, ตัวเลือกของธีม หรือ Plugin ที่รองรับ แถบประกาศควรบอกข้อมูลสำคัญให้เข้าใจเร็ว ไม่บังเนื้อหา และแสดงผลบนมือถือได้ดี

เหมาะกับการแจ้งข่าว เช่น วันหยุด การเปลี่ยนแปลงบริการ หรือข้อเสนอที่มีช่วงเวลา ควรแสดงเฉพาะประกาศที่ยังจำเป็นและนำออกเมื่อหมดความสำคัญแล้ว

❶ วางแผนก่อนเพิ่มแถบประกาศ

ก่อนสร้างแถบ ให้กำหนดว่าต้องการแจ้งอะไรกับใคร และผู้เข้าชมควรทำอะไรต่อ

① เลือกข้อความที่จำเป็นจริง

ใช้ประโยคสั้นและบอกใจความสำคัญทันที เช่น แจ้งวันหยุดหรือบอกช่องทางติดต่อสำรอง หลีกเลี่ยงข้อความยาวที่ทำให้แถบกลายเป็นย่อหน้าอีกส่วนหนึ่งของหน้าเว็บ

② กำหนดช่วงเวลาที่ต้องแสดง

หากประกาศเกี่ยวข้องกับวันหรือแคมเปญ ให้ระบุวันเริ่มและวันสิ้นสุดไว้ล่วงหน้า เมื่อหมดช่วงแล้วให้ปิดหรือลบแถบ เพื่อไม่ให้ผู้เข้าชมเจอข้อมูลเก่า

③ ตัดสินใจว่าต้องมีลิงก์หรือปุ่มหรือไม่

ถ้าต้องการให้ผู้เข้าชมดูรายละเอียดเพิ่ม ให้เพิ่มลิงก์หรือปุ่มที่บอกปลายทางชัดเจน หากไม่มีขั้นตอนต่อ ก็ไม่จำเป็นต้องใส่ปุ่มเพื่อให้แถบดูเต็ม

❷ วิธีเพิ่มแถบประกาศใน WordPress

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

① เพิ่มใน Header ด้วยธีมแบบบล็อก

1. ไปที่ รูปแบบเว็บ > ตัวแก้ไข
2. เปิดส่วน Header หรือ Template Part ที่ธีมใช้อยู่
3. เพิ่มบล็อกกลุ่มหรือส่วนที่เหมาะกับข้อความประกาศ
4. ใส่ข้อความและลิงก์ถ้าจำเป็น
5. ปรับสี พื้นหลัง และระยะห่าง
6. ดูตัวอย่างบนมือถือ แล้วกด บันทึก

การแก้ Header อาจมีผลกับหลายหน้าของเว็บไซต์ ตรวจรายการที่ WordPress แจ้งก่อนบันทึก

② ใช้ตัวเลือกของธีมแบบคลาสสิก

ตรวจ รูปแบบเว็บ > ปรับแต่ง หรือหน้าตั้งค่าของธีมว่ามีส่วน Announcement Bar, Top Bar หรือ Header Bar หรือไม่ หากมี ให้กรอกข้อความ ตั้งสี และกำหนดตำแหน่งตามตัวเลือกของธีม

ชื่อเมนูและความสามารถแตกต่างกัน หากไม่มีตัวเลือกนี้ ให้พิจารณาวิธีอื่นแทนการแก้ไฟล์ธีมหลักโดยไม่สำรองข้อมูล

③ ใช้ Plugin เมื่อธีมไม่มีเครื่องมือ

หากต้องการตั้งเวลาแสดงผล ปิดแถบได้ หรือแสดงประกาศเฉพาะบางหน้า อาจใช้ Plugin ที่รองรับฟังก์ชันนั้น ก่อนติดตั้งให้ตรวจผู้พัฒนา การอัปเดต ความเข้ากันได้ และสิทธิ์ที่ Plugin ขอ

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

❸ ออกแบบแถบประกาศไม่ให้รบกวน

① ใช้ความสูงและข้อความให้พอดี

แถบควรมีความสูงเท่าที่จำเป็น อ่านได้ในครั้งเดียว และไม่ดันเนื้อหาสำคัญลงไปไกล หากมีหลายประเด็น ให้เลือกเรื่องที่เร่งด่วนที่สุดแล้วแจ้งเพียงเรื่องเดียว

② ใช้สีที่อ่านชัดและเข้ากับเว็บไซต์

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

③ ระวังแถบลอยหรือแถบติดขอบจอ

แถบที่ติดอยู่ด้านบนหรือล่างตลอดเวลาอาจบังเมนู เนื้อหา หรือปุ่มบนมือถือ หากใช้รูปแบบนี้ ให้ตรวจว่าผู้เข้าชมยังเลื่อนอ่านและกดส่วนต่าง ๆ ได้สะดวก

④ มีปุ่มปิดเมื่อเหมาะสม

หากแถบปรากฏซ้ำหรือกินพื้นที่ ควรมีวิธีปิดที่เห็นชัด ปุ่มปิดต้องกดได้ง่ายบนมือถือและไม่เล็กจนแตะผิด หากใช้ Plugin ให้ตรวจว่าการปิดทำงานตามที่ตั้งค่าไว้

❹ เขียนประกาศให้เข้าใจทันที

ข้อความประกาศที่ดีควรตอบได้ว่าเกิดอะไรขึ้น มีผลเมื่อใด และผู้เข้าชมควรทำอะไร

ตัวอย่างโครงข้อความ:

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

ไม่ควรใช้ข้อความเร่งด่วนเกินจริง หรือกล่าวว่าข้อเสนอมีเวลาจำกัดหากไม่เป็นความจริง

❺ ตรวจแถบประกาศก่อนเผยแพร่

① ตรวจมือถือและคอมพิวเตอร์

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

② ทดสอบลิงก์และปุ่มปิด

คลิกลิงก์ทุกจุด ตรวจปลายทางและปุ่มปิด หากประกาศใช้เฉพาะบางหน้า ให้ตรวจหน้าอื่นด้วยว่าแถบปรากฏถูกต้อง

③ ตรวจวันหมดอายุและข้อมูล

ยืนยันวันที่ รายละเอียด และช่องทางติดต่อให้ถูกต้อง ตั้งเตือนหรือกำหนดผู้รับผิดชอบให้นำประกาศออกเมื่อไม่ต้องใช้แล้ว

❻ ข้อผิดพลาดที่ควรหลีกเลี่ยง

• แสดงประกาศหลายแถบพร้อมกัน
• ใช้ข้อความยาวจนแย่งพื้นที่เนื้อหา
• ใช้สีฉูดฉาดหรือภาพเคลื่อนไหวที่รบกวนสายตา
• ทำแถบลอยทับปุ่มหรือเมนูบนมือถือ
• ไม่มีวิธีปิดเมื่อประกาศแสดงซ้ำ
• ปล่อยข้อความหมดอายุค้างไว้
• เพิ่ม Plugin โดยไม่ตรวจการทำงานร่วมกับธีม

❼ สรุป

เพิ่มแถบประกาศ WordPress ได้ผ่าน Header ของธีม ตัวเลือก Top Bar หรือ Plugin ที่เหมาะกับงาน ใช้ข้อความสั้น มีข้อมูลถูกต้อง และวางให้ผู้เข้าชมยังใช้งานเว็บไซต์ได้ตามปกติ

หลังเพิ่มให้ทดสอบบนมือถือและคอมพิวเตอร์ ตรวจปุ่ม ลิงก์ และวันหมดอายุ สำหรับเว็บไซต์ธุรกิจ ComSiam แนะนำให้แสดงเฉพาะประกาศที่จำเป็นและนำออกทันทีเมื่อหมดความสำคัญ