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

มาสร้างฝนหิมะที่สวยงามบนเว็บไซต์ของคุณกันเถอะ มันจะน่าสนใจมาก!
มีหลายวิธีในการสร้างเอฟเฟกต์หิมะบนเว็บไซต์ WordPress ของคุณ คุณสามารถเขียนโค้ดหรือใช้ปลั๊กอินบางตัวได้ แต่ในโพสต์นี้ ฉันจะใช้ปลั๊กอินเพราะมันง่ายกว่ามาก และทุกคนสามารถทำได้โดยไม่ต้องมีความรู้เรื่องการเขียนโปรแกรม
ปลั๊กอิน WordPress เพื่อสร้างเอฟเฟกต์หิมะ
ใน WordPress มีปลั๊กอินมากมายสำหรับสร้างเอฟเฟกต์หิมะ เช่น:
- เอฟเฟกต์หิมะ WP
- เอฟเฟกต์สภาพอากาศ – เอฟเฟกต์คริสต์มาส, เอฟเฟกต์หิมะ
- พายุหิมะ
- WP ซูเปอร์สโนว์
ฉันทำตามคำแนะนำนี้ด้วยปลั๊กอิน "WP Super Snow" เพราะมันค่อนข้างเบา ใช้งานง่าย และสามารถให้เอฟเฟกต์ที่สวยงามต่างๆ ได้
ขั้นตอนที่ 1: ติดตั้งปลั๊กอิน “WP Super Snow”
ขั้นแรก คุณต้องดาวน์โหลดปลั๊กอิน “WP Super Snow” (ฟรี) จากที่นี่ จากนั้นอัปโหลดและติดตั้งโดยไปที่ Dashboard > Plugin > Add new แล้วเลือก Upload Plugin

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

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

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

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

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

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

มีบางรายการย่อยในส่วนนี้ สิ่งเหล่านี้ช่วยให้คุณปรับแต่งเอฟเฟกต์ของหิมะได้ แต่ละคนมีคำแนะนำของตัวเองด้านล่างชื่อ เมื่อคุณปรับรายการใดๆ โดยปฏิบัติตามหลักเกณฑ์เหล่านี้ หน้าจอแสดงตัวอย่างจะแสดงให้คุณเห็นว่ารายการดังกล่าวมีผลกับเว็บไซต์ของคุณอย่างไร ดังนั้น โปรดอ่านคำแนะนำอย่างละเอียด
นอกจากนี้ ฉันมีหมายเหตุเพิ่มเติมที่นี่เพื่อช่วยให้คุณปรับแต่งรายการเหล่านี้ได้อย่างง่ายดายเช่นกัน
คอนเทนเนอร์หิมะ WP
ส่วนนี้ช่วยให้คุณมีหิมะตกในบางพื้นที่บนหน้าจอ ตัวอย่างเช่น หากคุณต้องการปล่อยให้หิมะตกที่ด้านบนสุดของไซต์ของคุณเท่านั้น ให้ตั้งค่าฟิลด์นี้เป็น "ส่วนหัว" อีกกรณีหนึ่งตกที่ส่วนท้ายของไซต์? ตั้งเป็น "ส่วนท้าย" ตามค่าเริ่มต้น เมื่อเป็น "ร่างกาย" หิมะจะตกทั่วทั้งหน้าจอ
z-Index สำหรับเกล็ดหิมะทั้งหมด
ตัวเลือก z-Index นี้ใช้เพื่อปรับความครอบคลุมของหิมะ ค่าเริ่มต้นคือ 999999 ทำให้หิมะปกคลุมเกือบทั้งหน้า แต่ถ้าคุณตั้งค่าจำนวนเล็กน้อยที่นี่ (เช่น -1000) หิมะจะหยุดตก
รูปภาพเกล็ดหิมะ (คั่นด้วยบรรทัด)
หากคุณต้องการเปลี่ยนกราฟิกเริ่มต้นของเกล็ดหิมะหรือแทนที่ด้วยไอคอน/สัญลักษณ์อื่นๆ เพียงอัปโหลดภาพของคุณเองที่นี่ ฟีเจอร์ของ WP Super Snow นี้ ช่วยให้คุณมีไอคอน/สัญลักษณ์ต่างๆ สำหรับโอกาสต่างๆ ในปีนี้ เช่น ดอกไม้บานในฤดูใบไม้ผลิ ฟักทองสำหรับวันฮาโลวีน หรือใบไม้ร่วงในฤดูใบไม้ร่วง เป็นต้น
เกล็ดหิมะทั้งหมดที่ต้องดำเนินการ
การตั้งค่านี้ให้คุณเลือกจำนวนเกล็ดหิมะที่บินได้บนหน้าจอในคราวเดียว โปรดทราบว่ายิ่งมีเกล็ดหิมะปรากฏขึ้นพร้อมกันมากเท่าใด เว็บไซต์ของคุณก็จะโหลดช้าลงเท่านั้น
ขนาดเกล็ดหิมะสูงสุด (เป็นพิกเซล)
ถ้าคุณไม่ต้องการให้เกล็ดหิมะของคุณมีขนาดใหญ่เกินไปเมื่อปรากฏ ให้ลดจำนวนที่นี่ มิฉะนั้น ให้เลือกจำนวนที่มากกว่า หมายถึงพิกเซลของเกล็ดหิมะที่ใหญ่ที่สุด ส่วนอื่นๆ จะเล็กลงและสุ่ม
ใช้เอฟเฟกต์ความโปร่งใสของเกล็ดหิมะไหม
ให้ความสนใจว่าการใช้เอฟเฟกต์โปร่งใสจะทำให้เกล็ดหิมะดูสวยงามเป็นธรรมชาติมากขึ้น แต่เว็บของคุณจะโหลดช้าลงและในทางกลับกัน

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

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