วิธีสร้างเอฟเฟกต์หิมะตกใน WordPress

เผยแพร่แล้ว: 2019-07-29

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

สารบัญ ซ่อน
  1. 1. ปลั๊กอิน WordPress เพื่อสร้างเอฟเฟกต์หิมะ
  2. 2. ขั้นตอนที่ 1: ติดตั้งปลั๊กอิน “WP Super Snow”
  3. 3. ขั้นตอนที่ 2: อนุญาตให้ปลั๊กอินมีผลกับเว็บไซต์ของคุณ
  4. 4. วิธีปรับแต่งเอฟเฟกต์ของหิมะ
    1. 4.1. คอนเทนเนอร์หิมะ WP
    2. 4.2. z-Index สำหรับเกล็ดหิมะทั้งหมด
    3. 4.3. รูปภาพเกล็ดหิมะ (คั่นด้วยบรรทัด)
    4. 4.4. เกล็ดหิมะทั้งหมดที่ต้องดำเนินการ
    5. 4.5. ขนาดเกล็ดหิมะสูงสุด (เป็นพิกเซล)
    6. 4.6. ใช้เอฟเฟกต์ความโปร่งใสของเกล็ดหิมะไหม
    7. 4.7. การพยากรณ์/เงื่อนไข
  5. 5. ความคิดสุดท้าย

มาสร้างฝนหิมะที่สวยงามบนเว็บไซต์ WordPress ของคุณกันเถอะ มันจะน่าสนใจมาก!

มาสร้างฝนหิมะที่สวยงามบนเว็บไซต์ของคุณกันเถอะ มันจะน่าสนใจมาก!

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

ปลั๊กอิน WordPress เพื่อสร้างเอฟเฟกต์หิมะ

ใน WordPress มีปลั๊กอินมากมายสำหรับสร้างเอฟเฟกต์หิมะ เช่น:

  • เอฟเฟกต์หิมะ WP
  • เอฟเฟกต์สภาพอากาศ – เอฟเฟกต์คริสต์มาส, เอฟเฟกต์หิมะ
  • พายุหิมะ
  • WP ซูเปอร์สโนว์

ฉันทำตามคำแนะนำนี้ด้วยปลั๊กอิน "WP Super Snow" เพราะมันค่อนข้างเบา ใช้งานง่าย และสามารถให้เอฟเฟกต์ที่สวยงามต่างๆ ได้

ขั้นตอนที่ 1: ติดตั้งปลั๊กอิน “WP Super Snow”

ขั้นแรก คุณต้องดาวน์โหลดปลั๊กอิน “WP Super Snow” (ฟรี) จากที่นี่ จากนั้นอัปโหลดและติดตั้งโดยไปที่ Dashboard > Plugin > Add new แล้วเลือก Upload Plugin

ติดตั้งปลั๊กอิน WP Super Snow"

ถัดไป ลากและวางไฟล์ zip “WP Super Snow” เพื่ออัปโหลด (เหมือนที่ฉันทำที่นี่) หรือคลิก เลือกไฟล์ จากนั้นคลิก ติดตั้ง ทันที

อัปโหลดปลั๊กอิน WP Super Snow

รอสักครู่ แล้วคลิก เปิดใช้งาน เพื่อติดตั้งและเปิดใช้งานปลั๊กอินนี้อย่างสมบูรณ์เพื่อสร้างเอฟเฟกต์หิมะตก

เปิดใช้งานปลั๊กอิน WP Super Snow

อ่านเพิ่มเติมเกี่ยวกับวิธีการติดตั้งและเปิดใช้งานปลั๊กอิน WordPress ได้ 3 วิธีที่นี่

ขั้นตอนที่ 2: อนุญาตให้ปลั๊กอินมีผลกับเว็บไซต์ของคุณ

ตอนนี้ เมนูใหม่ชื่อ Super Snow จะปรากฏที่ด้านล่างของเมนูผู้ดูแลระบบในแดชบอร์ดของผู้ดูแลระบบ

กดเข้าไปจะปรากฎหน้าจอดังภาพด้านล่าง

เมนูใหม่ชื่อ Super Snow จะปรากฏขึ้น - สร้างเอฟเฟกต์หิมะตกใน WordPress

ขณะนี้ ปลั๊กอินยังคงอยู่ในสถานะ " ไม่ ปิดการใช้งาน " ซึ่งหมายความว่าได้ปิดใช้งานแล้วและยังไม่มีผลกระทบต่อไซต์ของคุณ คลิก ใช่เปิดใช้งาน WP Super Snow! ปุ่มเพื่อให้ปลั๊กอินมีผลกับเว็บไซต์ของคุณ จากนั้นคลิก บันทึกการเปลี่ยนแปลงทั้งหมด เพื่อบันทึกการตั้งค่า

ไปที่หน้าแรกเพื่อตรวจสอบผลลัพธ์

หิมะกำลังตกบนเว็บไซต์ WordPress ของฉัน

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

วิธีปรับแต่งเอฟเฟกต์ของหิมะ

ปลั๊กอิน WP Super Snow มีตัวเลือกมากมายให้คุณปรับแต่ง

ในเมนู Super Snow ในหน้าแดชบอร์ดของผู้ดูแลระบบ ในส่วน เปิด / ปิด ซึ่งคุณเพิ่งปรับแต่งในขั้นตอนที่ 2 ให้เลื่อนลงไปที่ส่วน Virtual Snow Browser

เลื่อนลงไปที่ส่วน Virtual Snow Browser เพื่อตั้งค่าเอฟเฟกต์หิมะตกใน WordPress

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

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

คอนเทนเนอร์หิมะ WP

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

z-Index สำหรับเกล็ดหิมะทั้งหมด

ตัวเลือก z-Index นี้ใช้เพื่อปรับความครอบคลุมของหิมะ ค่าเริ่มต้นคือ 999999 ทำให้หิมะปกคลุมเกือบทั้งหน้า แต่ถ้าคุณตั้งค่าจำนวนเล็กน้อยที่นี่ (เช่น -1000) หิมะจะหยุดตก

รูปภาพเกล็ดหิมะ (คั่นด้วยบรรทัด)

หากคุณต้องการเปลี่ยนกราฟิกเริ่มต้นของเกล็ดหิมะหรือแทนที่ด้วยไอคอน/สัญลักษณ์อื่นๆ เพียงอัปโหลดภาพของคุณเองที่นี่ ฟีเจอร์ของ WP Super Snow นี้ ช่วยให้คุณมีไอคอน/สัญลักษณ์ต่างๆ สำหรับโอกาสต่างๆ ในปีนี้ เช่น ดอกไม้บานในฤดูใบไม้ผลิ ฟักทองสำหรับวันฮาโลวีน หรือใบไม้ร่วงในฤดูใบไม้ร่วง เป็นต้น

เกล็ดหิมะทั้งหมดที่ต้องดำเนินการ

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

ขนาดเกล็ดหิมะสูงสุด (เป็นพิกเซล)

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

ใช้เอฟเฟกต์ความโปร่งใสของเกล็ดหิมะไหม

ให้ความสนใจว่าการใช้เอฟเฟกต์โปร่งใสจะทำให้เกล็ดหิมะดูสวยงามเป็นธรรมชาติมากขึ้น แต่เว็บของคุณจะโหลดช้าลงและในทางกลับกัน

ตัวเลือกของ WP Super Snow สำหรับเอฟเฟกต์หิมะใน WordPress

การพยากรณ์/เงื่อนไข

ส่วนนี้ใช้เพื่อกำหนดเงื่อนไขสำหรับการใช้ปลั๊กอิน WP Super Snow โดยใช้แท็กแบบมีเงื่อนไข

ด้วยตัวเลือกนี้ คุณสามารถตั้งค่าหิมะได้เฉพาะบนอุปกรณ์เดสก์ท็อปและในวันเสาร์และวันอาทิตย์และในหน้าผลิตภัณฑ์แช่แข็ง

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

สุดท้าย อย่าลืมคลิกปุ่ม บันทึกการเปลี่ยนแปลงทั้งหมด ที่ด้านล่างหลังการกำหนดค่าทั้งหมด

ตั้งค่าเงื่อนไขสำหรับปริมาณหิมะใน WordPress

ความคิดสุดท้าย

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

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

ขอบคุณสำหรับการอ่าน! สุขสันต์วันคริสต์มาส 2020!