คุณต้องการใช้มาสก์ภาพใน Elementor ?

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

ถ้าคุณใช้ Elementor Pro และมีความรู้เกี่ยวกับ CSS คุณสามารถเพิ่ม CSS ที่กำหนดเองเพื่อใช้มาสก์รูปภาพกับรูปภาพได้ หากคุณไม่มีความรู้เกี่ยวกับ CSS คุณสามารถใช้คำสั่ง ปลั๊กอินเสริม Happy Addons เพื่อใช้มาสก์รูปภาพใน Elementor

Happy Addons เป็นโปรแกรมเสริม Freemium Elementor ที่มาพร้อมกับฟังก์ชันการใช้มาสก์รูปภาพ คุณลักษณะนี้มีเฉพาะในเวอร์ชัน Pro เท่านั้น ดังนั้นคุณต้องใช้ Happy Addons เวอร์ชัน Pro เพื่อใช้คุณลักษณะนี้

ว่าแต่มาส์กภาพคืออะไร?

การมาสก์รูปภาพเป็นกระบวนการซ่อนบางส่วนของรูปภาพเพื่อเน้นส่วนอื่นๆ กระบวนการนี้มักใช้ในเครื่องมือแก้ไขภาพ เช่น Photoshop และ GIMP

นี่คือตัวอย่าง

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

Happy Addons เป็นทางออกที่ดีในการใช้ Image Mask ใน Elementor หากคุณไม่มีความรู้เกี่ยวกับ CSS

มันทำงานยังไง

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

วิธีการใช้ Image Mask

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

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

ใช้มาสก์รูปภาพใน Elementor ด้วย Happy addons

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

ใช้มาสก์รูปภาพใน Elementor ด้วย Happy addons

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

ใช้มาสก์รูปภาพใน Elementor ด้วย Happy addons

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

รับ Elementor Pro ทันที!!!

สรุป

ที่นี่ ! เพียงเท่านี้บทความนี้ก็จะแสดงให้คุณเห็นว่า ใช้มาสก์รูปภาพใน Elementor. หากคุณมีข้อกังวลใด ๆ เกี่ยวกับวิธีการเดินทางไปที่นั่น แจ้งให้เราทราบภายใน ความเห็น.

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...