วิธีนำเสนอแอนิเมชั่น Rely ใน WordPress

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


คุณกำลังค้นหาเทคนิคในการแสดงตัวนับตัวเลขแบบเคลื่อนไหวบนเว็บไซต์ WordPress ของคุณหรือไม่?

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

ในโพสต์นี้ เราจะแสดงวิธีแสดงจำนวนแอนิเมชันใน WordPress อย่างชัดเจน

วิธีแสดงแอนิเมชั่นการนับจำนวนใน WordPress

เหตุใดจึงรวมแอนิเมชัน Rely Rely ใน WordPress

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

คุณสามารถใช้มันเพื่อคัดกรองสถิติที่สำคัญบนหน้าเว็บของคุณ เช่น จำนวนผู้เยี่ยมชมทุกเดือน หรือช่วงของโพสต์บนบล็อก WordPress

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

สำหรับภาพประกอบ OptinMonster ทำงานโดยใช้ตัวนับจำนวนเพื่อแสดงระยะเวลาผู้เข้าชมแบบเดือนต่อเดือนที่ปรับให้เหมาะสม

ตัวนับจำนวนที่ OptinMonster

การเพิ่มและปรับแต่งการนับจำนวนใน WordPress โดยปกติแล้วจะต้องมีการแก้ไขโค้ด นี่อาจเป็นเรื่องยากสำหรับผู้เริ่มต้นที่ไม่เคยรู้วิธีสร้างโค้ด

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

คุณสามารถคลิกที่ลิงก์ย้อนกลับด้านล่างเพื่อข้ามไปยังส่วนที่คุณชื่นชอบ

กลยุทธ์ที่ 1: แสดงแอนิเมชั่นที่ขึ้นอยู่กับ Selection อย่างชัดเจนโดยใช้ SeedProd

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

สำหรับบทช่วยสอนนี้ เราจะใช้รูปแบบ SeedProd Professional เป็นหลัก เนื่องจากมีการรวมบล็อกขั้นสูงและทำให้คุณสามารถรวมตัวนับได้ นอกจากนี้ยังมีรุ่น SeedProd Lite ที่คุณสามารถตรวจสอบได้โดยไม่มีค่าใช้จ่าย

ปัจจัยแรกที่คุณต้องทำคือการใส่และเปิดใช้งาน SeedProd หากคุณต้องการความช่วยเหลือ อย่าลืมดูแนวทางของเราเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

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

ป้อนรหัสใบอนุญาต SeedProd

จากนั้นคุณจะต้องไปที่ SeedProd » Landing Internet Pages จากแผงผู้ดูแลระบบ WordPress ของคุณ

SeedProd ช่วยให้คุณสร้างเว็บเพจ Landing Page ส่วนบุคคลที่ออกแบบอย่างเชี่ยวชาญ ซึ่งรวมถึงเว็บไซต์ที่กำลังจะมาถึงก่อนหน้ายาว หน้าวิธีการบำรุงรักษา ไซต์เข้าสู่ระบบ และหน้าเว็บ 404

ไปล่วงหน้าและเพียงคลิกปุ่ม 'เพิ่มหน้า Landing Page ใหม่'

สร้างการออกแบบโฮมเพจใหม่ด้วย SeedProd

หลังจากนั้น คุณสามารถค้นหาเทมเพลตสำหรับเว็บไซต์เชื่อมโยงไปถึงของคุณและนำเสนอตัวนับช่วงภาพเคลื่อนไหว

เพียงวางเมาส์เหนือเทมเพลตแล้วคลิกปุ่มชำระเงินสีส้ม

เลือกเทมเพลตหน้า

หน้าต่างป๊อปอัปจะเปิดขึ้น ป้อนเฉพาะชื่อหน้าเว็บไซต์และ URL ของหน้าเว็บ

ทันทีหลังจากนั้น ให้คลิกปุ่ม 'บันทึกและเริ่มแก้ไขเพจ'

ป้อนชื่อหน้าและ URL ของหน้า

สิ่งนี้จะเริ่มต้นตัวสร้างการลากและตกของ SeedProd

ถัดไป คุณสามารถแก้ไขแม่แบบหน้าเว็บของคุณโดยแนะนำบล็อกเฉพาะหรือคลิกลักษณะที่ปรากฏบนหน้า

หากต้องการเพิ่มความหลากหลายให้กับแอนิเมชั่น เพียงลากบล็อก 'ตัวนับ' จากเมนูที่เหลือของคุณแล้ววางลงในเทมเพลต

เพิ่มบล็อกตัวนับ

หลังจากนั้น คุณสามารถตัดสินใจเลือก Counter block เพื่อปรับแต่งเพิ่มเติมได้

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

แก้ไขชื่อเรื่องของตัวนับ

จากนั้น คุณสามารถเปลี่ยนเป็นแท็บ 'ขั้นสูง' น้อยกว่าการตั้งค่าบล็อกตัวนับที่เหลือของคุณ

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

แก้ไขสีและสไตล์ของบล็อก

ทันทีหลังจากนั้น คุณสามารถไปที่แท็บ 'การตั้งค่าเพจ' ที่ด้านบน

ตอนนี้คลิกที่สลับ 'สถานะของหน้า' และปรับเป็น เผยแพร่

เผยแพร่หน้าตัวนับจำนวนของคุณ

ต่อไปนี้ คุณสามารถคลิกปุ่ม 'บันทึก' ที่ดีที่สุดและออกจากตัวสร้างหน้า Landing Page

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

ดูตัวอย่างตัวนับจำนวน

ระบบ 2: แสดงแอนิเมชั่นการนับจำนวนโดยใช้ปริมาณตัวนับ

อีกวิธีหนึ่งที่คุณสามารถเพิ่มแอนิเมชั่นการพึ่งพาปริมาณใน WordPress คือการใช้ปลั๊กอินตัวนับ

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

เริ่มแรก คุณจะต้องติดตั้งและเปิดใช้งานปลั๊กอิน Counter Range สำหรับข้อมูลเพิ่มเติม อย่าลืมดูคู่มือของเราเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

เมื่อเปิดใช้งาน คุณสามารถไปที่ Counter Numbers » All counters จากแดชบอร์ด WordPress ของคุณและคลิกปุ่ม 'Add New Counter'

เพิ่มเคาน์เตอร์ใหม่

หลังจากนั้น คุณสามารถป้อนชื่อสำหรับช่วงเคาน์เตอร์ของคุณ

ในรูปแบบที่ไม่เสียค่าใช้จ่ายใดๆ คุณจะพบได้เฉพาะเทมเพลตโครงสร้างธรรมดาเท่านั้น หากคุณต้องการเทมเพลตเพิ่มเติมและการเลือกปรับแต่ง เราขอแนะนำให้ใช้ SeedProd

ป้อนชื่อสำหรับตัวนับและเลือกเทมเพลต

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

คุณสามารถเพิ่มตัวนับได้มากเท่าที่คุณต้องการโดยคลิกปุ่ม 'เพิ่มกล่องตัวนับใหม่' ที่ด้านล่าง

เพิ่มรายละเอียดตัวนับ

นอกจากนั้น คุณจะได้รับตัวเลือกการปรับแต่งเพิ่มเติมมากมายจากแผงทางด้านขวาของคุณ

ตัวอย่างเช่น ปลั๊กอินให้คุณเปลี่ยนเฉดสีชื่อตัวนับ สีตัวเลข ขนาดไอคอน ขนาดฟอนต์ ชุดฟอนต์ และอื่นๆ

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

เผยแพร่หมายเลขเคาน์เตอร์ของคุณ

ในอนาคต คุณสามารถไปที่ Counter Figures » All counters จากแดชบอร์ด WordPress ของคุณ

ล่วงหน้าและคัดลอก Counter Shortcode มันจะเหลือบอะไรประมาณนี้: [COUNTER_NUMBER id=41]

คัดลอกรหัสย่อสำหรับตัวนับ

หลังจากนั้น คุณสามารถวางช่วงภาพเคลื่อนไหวของคุณตามตำแหน่งใดก็ได้บนเว็บไซต์ของคุณ ตั้งแต่โพสต์และหน้าเว็บไปจนถึงแถบด้านข้าง

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

การเพิ่มบล็อกรหัสย่อใน WordPress

จากนั้นคุณสามารถวางรหัสย่อของช่วงตัวนับในบล็อกได้

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

ดูตัวอย่างหมายเลขตัวนับปลั๊กอินฟรี

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

หากคุณชอบบทความนี้ อย่าลืมสมัครรับข้อมูลช่อง YouTube ของเราสำหรับวิดีโอสอนออนไลน์ WordPress คุณสามารถหาเราได้ที่ Twitter และ Facebook