ใส่ ตัวนับถอยหลังให้เว็บไซต์ WordPress ด้วยวิธีง่ายๆ

ใส่ ตัวนับถอยหลังให้เว็บไซต์ Wordpress ด้วยวิธีง่ายๆ
https://www.youtube.com/embed/6WwXg3ofFsw?feature=oembed&autoplay=1
ช่วยแชร์ให้เพื่อน... สนับสนุนผู้เขียนครับ :)

สวัสดีครับ ถ้าใครเคยเห็นเว็บไซต์ ขายสินค้าที่มีตัวนับเวลาว่า… ให้รีบซื้อ จะหมดเวลาแล้ว !! นั่นแหล่ะครับ ตัวนับถอยหลัง ที่จะช่วยเร่งการตัดสินใจของ ผู้บริโภค ในวีดีโอนี้เราก็จะมาเรียนรู้วิธีการ ใส่ตัวนับถอยหลังในเว็บไซต์ของเรากัน

เริ่มจากการติดตั้ง WordPress Plugins

ให้เราไปที่ Plugins แล้วค้นหาคำว่า Countdown Timer ดูครับ แล้วเราจะเห็นว่า Conuntdown Timer มีให้เลือกเพียบเลย ตัวหนึ่งที่ดังมากคือ T(-) ครับ มีคนใช้อยู่หลายหมื่นเลยทีเดียว แต่… เราไม่เลือกครับ เพราะว่า… มันใช้โครตยากเลยครับ

เราก็เลยมาค้นหาใหม่ครับ ให้เราค้นหา Plugins ที่ชื่อว่า Waiting ที่แปลว่ารอครับ ตัวนี้ผมลองมาแล้วครับว่าใช้งานได้ง่ายที่สุดแล้วครับ

https://wordpress.org/plugins/waiting/

สร้าง Countdown Timer

ให้เราไปที่เมนู แล้วทำการสร้างตัว Countdown Timer ใหม่ได้เลยครับ เริ่มจากการตั้งชื่อก่อนครับ

ชื่อของ Countdown Timer ต้องเป็นภาษาอังกฤษ เท่านั้นครับ และ ห้ามมีตัวอักษรประหลาดเด็ดขาดครับ

เมื่อตั้งชื่อเสร็จแล้วจะต้องไปตั้งค่าว่า

1. เราจะนับจนถึงวันที่และเวลาเท่าไร
2. เราจะนับเวลาตั้งแต่เปิดหน้าเว็บไปกี่วินาที

เมื่อตั้งค่าเสร็จเรียบร้อยแล้ว ให้ลงมากด Save หนึ่งครั้งครับ แล้วเราจะเห็นเจ้า Countdown Timer ของเราอยู่ในรายการด้านบนครับ

นำ Countdown Timer ไปใส่ในหน้าเว็บของเรา

เราจะใช้สิ่งที่เรียกว่า Shortcode ครับ ในการใส่เจ้า Waiting Countdown Timer ไปที่ หน้าเว็บไซต์ของเราครับ

ให้เรา Copy Column ที่ชื่อว่า Shortcode ที่อยู่ในรายการ Countdown Timer ครับ แล้วจากนั้นให้เราเอา Shortcode ไปใส่ไว้ที่หน้าของเราครับ โดยการไปที่หน้า หรือ บทความที่เราต้องการ แล้วทำการวาง Shortcode ลงไปได้เลยครับ

ทดสอบ Countdown Timer

เราลองมาดูที่หน้าเว็บไซต์ของเราก็จะเห็นว่า Countdown Timer สามารถ ทำงานได้แล้ว

ปรับแต่ง Countdown Timer

เราสามารถปรับแต่งส่วนต่างๆของ Countdown Timer ได้ดังนี้

1. Label Short หรือ Long Label คือ คำว่า Minutes กับ Seconds สามารถย่อเป็นคำสั้นได้ครับเช่น Min, Sec เป็นต้น
2. Unit คือ เลขที่วิ่งๆครับ เราสามารถปรับแต่ง พื้นหลัง และ สี ของตัวเลขวิ่งๆได้ รวมทั้ง ปรับแต่งขนาดความสูง ความกว้าง ขนาดตัวอักษร และ ชนิดของตัวอักษรได้
3. Label คือ คำกำกับหน่วยครับ เช่น Day, Hour, Min, Sec เราสามารถปรับแต่ง พื้นหลัง และ สีของตัวอักษรได้ครับ นอกจากนั้น เรายังสามารถปรับแต่ง ตำแหน่งของเจ้า Label ว่าจะให้อยู่ด้านบน หรือด้านล่าง ของ Unit ได้อีกด้วยครับ
4. Countdown จบแล้วให้ทำอะไรต่อ เราสามาถกำหนดได้ว่า เมื่อ Countdown จบแล้ว จะให้ทำอะไรต่อ เช่น…
1. ไม่ทำอะไร คือ ไม่ทำอะไรต่อ
2. ซ่อน Timer คือ ซ่อน Timer หลังจากที่นับจบ
3. Redirect คือ ให้ทำการ Redirect ไปหน้าอื่นหลังจากนับจบ
4. DOM Event คือ การเขียนโปรแกรมเพิ่มเติม เพื่อให้หน้าจอทำงานต่อไป

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

เราสามารถใส่ Countdown Timer กี่อันก็ได้ในเว็บไซต์

เราสามารถที่จะ Copy Shortcode ของ Countdown Timer อันหนึ่ง แล้วไปวางที่กี่หน้าของเว็บไซต์ก็ได้

ใส่ Countdown Timer มากกว่า 1 อัน ใน 1 หน้า ได้ไหม ?

ไม่ได้ครับ Plugins ตัวนี้ Support Countdown Timer 1 อันต่อ 1 หน้าเท่านั้นครับ

สรุปใส่ ตัวนับถอยหลังให้เว็บไซต์ WordPress ด้วยวิธีง่ายๆ

การใส่ตัวนับเวลาถอยหลัง ในเว็บไซต์ ทำได้ไม่ยากครับ และ มี Plugins หลายตัวสามารถทำได้ แต่ตัวที่ผมลองแล้วใช้งานง่ายที่สุดก็คือ ตัวที่ชื่อว่า Waiting ครับ ถ้าใครอยากได้ Countdown Timer ที่เจ๋งกว่านี้ ก็สามารถทดสอบดูได้เลยครับ


ช่วยแชร์ให้เพื่อน... สนับสนุนผู้เขียนครับ :)
ประชาสัมพันธ์
คอร์สเรียนออนไลน์
ทำ Blog ง่ายๆ ใครก็ทำได้

Blog คือ เครื่องมือที่ใช้สร้างโอกาส 

และ สร้างตัวตนได้ ทุกยุคทุกสมัย 

ราคาปกติ 3,990 บาท
Early Bird 1,990 บาท
(สำหรับ 50 ท่านแรก)

พลากร สอนสร้างเว็บ

รับเทคนิค ความรู้ ข่าวสาร การทำเว็บไซต์

จาก พลากร สอนสร้างเว็บ

เฉพาะ สมาชิกเท่านั้น

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *