วิธีเพิ่มตัวจับเวลาไปยังไซต์ WordPress ของคุณ

เผยแพร่แล้ว: 2022-10-01

หากคุณต้องการเพิ่มตัวจับเวลาลงในไซต์ WordPress ของคุณ คุณสามารถทำได้หลายวิธี คุณสามารถใช้ปลั๊กอิน เช่น WP-Countdown หรือ T(-) Countdown หรือคุณสามารถเพิ่มโค้ดเล็กน้อยลงในไซต์ของคุณได้
การเพิ่มตัวจับเวลาลงในไซต์ WordPress อาจเป็นวิธีที่ดีในการสร้างความรู้สึกเร่งด่วนหรือกระตุ้นให้ผู้คนดำเนินการ ตัวอย่างเช่น คุณอาจต้องการเพิ่มตัวจับเวลาในหน้าการขายเพื่อกระตุ้นให้ผู้คนซื้อก่อนที่การลดราคาจะสิ้นสุดลง หรือคุณอาจต้องการเพิ่มตัวจับเวลาในหน้ากิจกรรมเพื่อกระตุ้นให้ผู้คนลงทะเบียนก่อนปิดการลงทะเบียน
ไม่ว่าเหตุผลของคุณในการเพิ่มตัวจับเวลาลงในไซต์ WordPress ของคุณ มีหลายวิธีที่คุณสามารถทำได้ ในบทความนี้ เราจะแสดงวิธีเพิ่มตัวจับเวลาไปยังไซต์ WordPress ของคุณโดยใช้ปลั๊กอินและโค้ด

นาฬิกาจับเวลาถอยหลังตามชื่อจะแสดงเวลาที่เหลืออยู่ โปรแกรมเหล่านี้มีประสิทธิภาพในการสร้างลูกค้าเป้าหมายและเพิ่มยอดขาย เมื่อคุณประกาศงานอีเวนต์ที่กำลังจะจัดขึ้น คุณสามารถดึงดูดผู้เข้าชมงานได้โดยการนับถอยหลังจนถึงงานและขอให้พวกเขากลับมาอย่างมีความสุข ด้วยความช่วยเหลือของเครื่องมือปรับแต่งของ วิดเจ็ตการนับถอยหลัง ของ Elementor คุณสามารถเปลี่ยนรูปแบบของตัวนับเวลาถอยหลังของคุณได้ คุณสามารถเปลี่ยนรูปแบบตัวอักษร เพิ่มรูปภาพ เปลี่ยนสีพื้นหลัง และอื่นๆ บนหน้าจอได้ คุณยังสามารถป้อนป้ายกำกับต่างๆ ซ่อนประเภทป้ายกำกับที่ต้องการ (เช่น นาทีและวินาที) และเปลี่ยนสีพื้นหลังได้ โปรดจับตาดูเว็บไซต์ของเราสำหรับวิดีโอเพิ่มเติมที่ครอบคลุมหัวข้อเดียวกัน

Simplyify Content ช่วยให้คุณกำหนดระยะห่างของตัวเลขในคอลัมน์ได้ง่ายขึ้น ด้วยตัวเลือก Digit Color คุณสามารถเปลี่ยนสีของ ตัวเลขนับถอยหลัง ได้อย่างง่ายดาย และปรับให้เข้ากับการออกแบบเว็บไซต์โดยรวมของคุณได้อย่างง่ายดาย ส่วนการพิมพ์ฉลากจะคล้ายกับส่วนการพิมพ์ตัวเลข ตัวเลือกประเภทพื้นหลังสามารถเปลี่ยนเป็นแบบคลาสสิกหรือแบบไล่ระดับสีได้ สามารถระบุจำนวนช่องว่างที่จำเป็นสำหรับสีแรกได้โดยเลือกตัวเลือกตำแหน่ง คุณจะต้องเลือกสองสีที่จะผสมผสานเข้าด้วยกันเพื่อสร้างเอฟเฟกต์การไล่ระดับสี หากคุณเลือกประเภทพื้นหลังแบบไล่ระดับสี คุณสามารถสร้างช่องว่างระหว่างตัวเลขและป้ายกำกับได้มากขึ้นด้วยตัวเลือก Label Margin Top

หากต้องการเพิ่มนาฬิกาจับเวลาถอยหลังที่ดูเรียบง่ายลงในไซต์ของคุณ เราแนะนำให้ติดตั้งปลั๊กอินชื่อ Countdown Timer Ultimate ด้วยปลั๊กอิน คุณสามารถตั้งค่าตัวนับเวลาถอยหลังที่ใช้งานได้อย่างสมบูรณ์ในไม่กี่นาที หากต้องการเปลี่ยนการตั้งค่าตัวจับเวลา ให้ไปที่หน้าเพิ่มตัวจับเวลาในผู้ดูแลระบบ WordPress ธีม Qode Interactive จำนวนหนึ่งมีตัวนับเวลาถอยหลัง รูปลักษณ์ของ นาฬิกานับถอยหลัง อาจแตกต่างกันไปตามธีม มีตัวเลือกบางอย่างที่แตกต่างกันเล็กน้อยขึ้นอยู่กับธีม แต่การตั้งค่าพื้นฐานส่วนใหญ่จะเหมือนกัน ธีม Bridge WordPress จะช่วยให้คุณเพิ่มองค์ประกอบนี้ในเว็บไซต์ของคุณได้

มีรหัสย่อที่หลากหลาย นอกเหนือจากรหัสสีเขียวสำหรับ Qode โดยเฉพาะ นับถอยหลังเป็นสิ่งที่ใช้ เมื่อคลิกองค์ประกอบนี้ การตั้งค่านับถอยหลังจะปรากฏขึ้น คุณสามารถระบุเวลาที่นาฬิกาจะหยุดนับถอยหลังได้โดยเลือกปี เดือน วัน ชั่วโมง และนาทีที่คุณต้องการทำ จากนั้น หลังจากที่คุณตั้งค่าองค์ประกอบตัวจับเวลาเสร็จแล้ว ให้คลิก บันทึกการเปลี่ยนแปลง เพื่อบันทึก การใช้วิดเจ็ตการนับถอยหลังของปลั๊กอิน Elementor กับ Qi Addons เป็นวิธีที่ยอดเยี่ยมในการปรับแต่งรูปลักษณ์ของตัวจับเวลาของคุณอย่างสมบูรณ์ หากคุณต้องการตัวนับเวลาถอยหลังที่ดูเรียบง่ายและมีตัวเลือกน้อยกว่าและกำลังมองหาสิ่งที่ง่ายกว่า ปลั๊กอิน Countdown Ultimate เป็นตัวเลือกที่ดี

ฉันจะเพิ่มตัวจับเวลาไปยังไซต์ WordPress ของฉันได้อย่างไร

คุณสามารถเพิ่มตัวจับเวลาลงในไซต์ WordPress ได้โดยติดตั้งปลั๊กอิน เช่น Countdown Timer Ultimate เมื่อติดตั้งและเปิดใช้งานปลั๊กอินแล้ว คุณสามารถสร้างตัวจับเวลาถอยหลังใหม่ได้โดยไปที่ รายการเมนู Countdown Timer Ultimate ในแถบด้านข้างของผู้ดูแลระบบ WordPress และคลิกที่ปุ่ม "เพิ่มใหม่"

ตัวจับเวลาอย่างง่ายคือนาฬิกาที่สามารถใช้เพื่อกำหนดวันที่เฉพาะได้ ขอแนะนำให้คุณใช้ ตัวนับเวลาถอยหลัง เมื่อวางแผนงานใหญ่หรือเปิดตัว อย่างไรก็ตาม ตัวจับเวลาสำหรับตัวจับเวลาเป็นมากกว่าธุรกิจ หากคุณต้องการรวมไว้ ก็สามารถทำได้บนเว็บไซต์งานแต่งงานของคุณ AT(-) การนับถอยหลังสามารถกำหนดค่าได้สองวิธี: เป็นวิดเจ็ตหรือเป็นรหัสย่อ วิดเจ็ตจะแสดงก่อน ตามด้วยรหัสย่อที่คุณจะเห็นด้านล่าง หลังจากวางวิดเจ็ตแล้ว คุณสามารถเลือกชื่อและกำหนดวันที่ได้

ง่ายต่อการเปลี่ยนรูปลักษณ์ของตัวจับเวลาถอยหลังของคุณด้วยนิพจน์รหัสย่อ การใช้ปลั๊กอินเช่น T(-) Countdown คุณสามารถตั้งค่าตัวนับเวลาถอยหลังใน WordPress ได้อย่างรวดเร็วและง่ายดาย หากคุณไม่พอใจกับตัวเลือกรูปแบบที่มีให้โดยปลั๊กอินนี้ คุณสามารถปรับแต่งได้โดยใช้ CSS ถ้าคุณต้องการทราบว่าแต่ละองค์ประกอบที่ใช้จับเวลาถอยหลังมีคลาสอะไรบ้าง คุณจะต้องรู้ก่อน

วิดเจ็ตเพื่อสร้างโพสต์หรือเพจนับถอยหลัง

ต้องเปิดใช้งานตัวจับเวลาทั้งหมดในโพสต์หรือหน้าในวิดเจ็ตใดๆ ดังนั้นให้เลือก ประเภทตัวจับเวลา ระบุการหน่วงเวลาก่อนที่ตัวจับเวลาจะเริ่ม และระบุประเภทของตัวจับเวลา: การนับ ตัวจับเวลาพร้อมเวลา ตัวจับเวลาพร้อมนาที หรือนาฬิกาจับเวลา เมื่อหมดเวลาแล้ว คุณสามารถตั้งค่าการหน่วงเวลาได้ คุณสามารถเปลี่ยนรูปลักษณ์ของวิดเจ็ตได้โดยการเพิ่มรูปภาพ หากต้องการเปลี่ยนเสียงของตัวจับเวลา ให้เลือกการเปลี่ยนแปลงที่เหมาะสม


วิธีเพิ่มวิดเจ็ตตัวจับเวลา

เครดิต: www.youtube.com

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

ต่อไปนี้เป็นสามวิธีในการเพิ่มตัวจับเวลาถอยหลังในบล็อก WordPress ของคุณ คุณสามารถใช้ตัวนับเวลาถอยหลังเพื่อทำเครื่องหมายความสำเร็จที่สำคัญ วันครบรอบ กิจกรรมที่จะเกิดขึ้น และช่วงเวลาสำคัญอื่นๆ เนื่องจากมีการใช้ตัวนับเวลาถอยหลังมากมายใน WordPress เราจึงแบ่งมันออกเป็นสามวิธีในการใช้งาน คุณลักษณะการจับเวลาถอยหลัง ของ Jared Ritchey ช่วยให้คุณสามารถรวมเข้ากับแคมเปญ OptinMonster ประเภทใดก็ได้ เช่น ป๊อปอัปไลท์บ็อกซ์ วิดเจ็ตแถบด้านข้าง แถบลอย หรือแคมเปญ OptinMonster ประเภทอื่นๆ ต้องป้อนรหัสย่อสำหรับนาฬิกาจับเวลาถอยหลังในการตั้งค่าวิดเจ็ต ด้วยการใช้ตัวจับเวลาถอยหลังนี้ คุณสามารถเพิ่มแถบด้านข้างไปยังไซต์ WordPress ของคุณได้ Jared Ritchey เป็นเครื่องมือที่ยอดเยี่ยมสำหรับการแสดงตัวจับเวลาถอยหลังในองค์ประกอบการออกแบบที่มีการเข้าชมสูง

คุณยังสามารถตั้งค่า ตัวนับเวลาถอยหลังแบบเอเวอร์กรี นใน WordPress ได้อีกด้วย ดังนั้น หากคุณต้องการใช้ตัวนับเวลาถอยหลัง คุณจะต้องมีปลั๊กอินเวอร์ชัน SeedProd Pro ข้อมูลเพิ่มเติมสามารถพบได้ในคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress SeedProd มีประเภทเพจมากมาย รวมถึงหน้าที่กำลังจะมาถึง หน้าเข้าสู่ระบบ หน้ารถเข็น WooCommerce แบบกำหนดเอง และหน้า 404 รวมถึงหน้ารถเข็น WordPress แบบกำหนดเอง หากต้องการเพิ่มหน้า Landing Page ลงในรถเข็น ให้คลิกปุ่มเพิ่มหน้า Landing Page ใหม่ ผู้ใช้สามารถใช้ SeedProd เพื่อเชื่อมต่อกับแพลตฟอร์มโซเชียลมีเดียยอดนิยม เช่น Drip, Constant Contact, SendinBlue และ ConvertKit คุณสามารถเพิ่มเนื้อหา SEO, รูปภาพ, favicon และภาพขนาดย่อของโซเชียลมีเดียได้โดยใช้ SeedProd

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

มีวิดเจ็ตสำหรับตัวจับเวลาหรือไม่?

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

ฉันจะใส่การนับถอยหลังบนหน้าจอหลักของฉันได้อย่างไร

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

การอัปเดตใหม่สำหรับแอปนาฬิกาของ Apple ช่วยให้สามารถแสดงตัวจับเวลาบนหน้าจอล็อคได้

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

WordPress Countdown Timer Code ไม่มีปลั๊กอิน

เครดิต: wpshare.net

คุณสามารถเพิ่มตัวนับเวลาถอยหลังลงในไซต์ WordPress ของคุณโดยไม่ต้องใช้ปลั๊กอินโดยเพิ่มโค้ดเล็กน้อยลงในไซต์ของคุณ ในการดำเนินการนี้ คุณจะต้องสร้างตัวจับเวลาถอยหลังในโปรแกรมแก้ไขข้อความก่อน เช่น Notepad++ และบันทึกเป็นไฟล์ .js จากนั้น คุณจะต้องอัปโหลดไฟล์นี้ไปยังไซต์ WordPress และเพิ่มโค้ดสองสามบรรทัดลงในส่วนหัวของไซต์

สร้างตัวจับเวลาถอยหลังโดยไม่ต้องเพิ่มปลั๊กอินสำหรับ WordPress คุณต้องมีรหัสย่อที่ระบุว่า $atts['date'] หากคุณต้องการ ประเภทของวันที่ไม่สำคัญมากนักในการเพิ่มชอร์ตโค้ด เนื่องจากเราจะอธิบายรายละเอียดเมื่อมันเกิดขึ้น เราสามารถใช้เวทย์มนตร์ของ PHP เพื่อแปลงสตริงเป็นรูปแบบเวลาได้อย่างง่ายดาย ได้เวลาแปลง $time_remaining เป็นวันในหน่วยวินาที Ceil() ใช้ในการปัดเศษเศษขึ้นให้เป็นจำนวนเต็มที่ใกล้ที่สุด หากเกิดขึ้นในวันพรุ่งนี้ ก็จะแสดงเป็นหนึ่งวันต่อมา เราแบ่งวันออกเป็นสัปดาห์และวันถ้าเหลือเวลามากกว่า 7 วันบนนาฬิกา

หากต้องการ คุณสามารถเปลี่ยนรูปแบบวันที่ได้ เมื่อใช้สไตล์อเมริกัน ควรใช้ m/d/y, ยัติภังค์ (-) แทนเครื่องหมายทับ (/) ระบบดังที่กล่าวไว้ข้างต้น แยกความแตกต่างบางอย่างเช่น 1/7/19 (7 มกราคม) จาก 11-7-19 (1 กรกฎาคม) ข้อมูลเพิ่มเติมเกี่ยวกับสิ่งนี้สามารถพบได้ในฟังก์ชัน strtotime()