ต้องการใช้เอฟเฟกต์การเลื่อนใน Elementor?
สิ่งที่น่าสนใจอย่างหนึ่งเมื่อออกแบบหน้าหรือเทมเพลตโดยใช้ Elementor คือคุณสามารถใช้เอฟเฟกต์แอนิเมชั่นบางอย่างกับเพจหรือเทมเพลตที่คุณกำลังทำงานอยู่ หนึ่งในนั้นคือเอฟเฟกต์การเลื่อนที่เราจะกล่าวถึงในบทความนี้
เอฟเฟกต์การเลื่อนนั้นเป็นคุณสมบัติที่มีอยู่ใน Elementor Pro. ดังนั้นคุณต้องอัปเกรดของคุณ Elementor เป็นเวอร์ชันโปรในกรณีที่คุณยังไม่ได้ดำเนินการ
เอฟเฟกต์การเลื่อนคืออะไร?
นี่คือเอฟเฟกต์แอนิเมชั่นประเภทหนึ่งที่เกิดขึ้นเมื่อผู้ใช้เลื่อนเมาส์ไปบนหน้า ไม่ว่าจะขึ้นหรือลง เอฟเฟกต์อาจแตกต่างกันไปขึ้นอยู่กับการตั้งค่าของคุณ Elementor มีตัวเลือกเอฟเฟกต์ 6 แบบ:
- เลื่อนแนวตั้ง: วัตถุจะเคลื่อนที่ในแนวตั้งเมื่อเลื่อนเมาส์
- เลื่อน แนวนอน: วัตถุจะเคลื่อนที่ในแนวนอนเมื่อเลื่อนเมาส์
- ความโปร่งแสง: วัตถุจะปรากฏเป็นโปร่งใสก่อนเลื่อนเมาส์
- เบลอ: วัตถุจะเบลอก่อนเลื่อนเมาส์
- บันไดปีน: วัตถุจะปรากฏในระดับหนึ่งก่อนเลื่อนเมาส์
คุณสามารถใช้เอฟเฟกต์การเลื่อนบนส่วน คอลัมน์ หรือวิดเจ็ต
วิธีการใช้เอฟเฟกต์การเลื่อนใน Elementor
ดังที่เราได้กล่าวไปแล้ว เอฟเฟกต์การเลื่อนเป็นหนึ่งในคุณสมบัติของ Elementor Pro กล่าวอีกนัยหนึ่ง คุณต้องใช้ Elementor Pro เพื่อใช้คุณสมบัตินี้
ในบทช่วยสอนนี้ เราจะแสดงให้คุณเห็นถึงวิธีการใช้เอฟเฟกต์การเลื่อนแนวนอน ตามชื่อที่แนะนำ เอฟเฟกต์นี้จะใช้การเคลื่อนไหวในแนวตั้งกับวัตถุเมื่อเลื่อนเมาส์ เอฟเฟกต์นี้ยอดเยี่ยมเมื่อรวมกับ ลอตตี.
ด้านล่างนี้คือตัวอย่างก่อนใช้เอฟเฟกต์การเลื่อนแนวนอน
และนี่คือตัวอย่างหลังจากใช้การเลื่อนแนวนอน
Remarque: บทช่วยสอนต่อไปนี้ใช้ Lottie
เพิ่มเอฟเฟกต์การเลื่อน
อีกครั้ง คุณสามารถใช้เอฟเฟกต์การเลื่อนกับส่วน คอลัมน์ หรือวิดเจ็ตได้
ขั้นแรก เลือกองค์ประกอบ (ส่วน คอลัมน์ หรือวิดเจ็ต) ที่คุณต้องการใช้เอฟเฟกต์การเลื่อนและไปที่แท็บ สูง ในแผงด้านซ้ายและเปิดส่วน เอฟเฟกต์การเคลื่อนไหว.
เปิดใช้งานตัวเลือก เลื่อนเอฟเฟกต์.
เนื่องจากเราต้องการใช้เอฟเฟกต์การเลื่อนแนวนอน ให้คลิกที่ไอคอนดินสอบนตัวเลือก เลื่อนแนวนอน เพื่อตั้งค่าต่างๆ เช่น ทิศทาง (ซ้ายหรือขวา) ความเร็ว และหน้าต่าง (พื้นที่ที่ผู้ใช้มองเห็นได้)
คุณสามารถใช้เอฟเฟกต์การเลื่อนได้หลายแบบหากต้องการ เพียงคลิกไอคอนดินสอบนตัวเลือกเอฟเฟกต์การเลื่อนอื่นๆ เพื่อใช้เอฟเฟกต์การเลื่อนอื่นๆ
แค่นั้นแหละ. เมื่อเพจเสร็จสมบูรณ์แล้ว คุณสามารถ ประกาศ / อัพเดทค่ะ คุณยังสามารถปิดใช้งานเอฟเฟกต์การเลื่อนบนอุปกรณ์บางประเภท เพียงถอดอุปกรณ์ที่คุณต้องการปิดใช้งานเอฟเฟกต์การเลื่อนโดยคลิกที่ไอคอน X ทันที ใช้เอฟเฟกต์กับ .
รับ Elementor Pro ทันที!!!
สรุป
ที่นี่ ! เพียงเท่านี้บทความนี้ก็จะแสดงให้คุณเห็นว่า ใช้เอฟเฟกต์การเลื่อนใน Elementor. หากคุณมีข้อกังวลใด ๆ เกี่ยวกับวิธีการเดินทางไปที่นั่น แจ้งให้เราทราบภายใน ความเห็น.
อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.
แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.
...