ขอแนะนำรูปภาพและแกลเลอรีไลท์บ็อกซ์: วิธีที่ง่ายที่สุดในการแสดงรูปภาพของคุณ!

เผยแพร่แล้ว: 2017-08-02

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

สมัครสมาชิกช่อง YouTube ของเรา

ไลท์บ็อกซ์รูปภาพและแกลเลอรี

ฟีเจอร์แรกที่ฉันยินดีที่จะแนะนำคือ Image Lightbox

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

ไลท์บ็อกซ์ได้รับการร้องขอคุณลักษณะของ Elementor ตั้งแต่แรกเริ่ม แต่เราต้องการให้แน่ใจว่าเราทำถูกต้อง

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

ไลท์บ็อกซ์รูปภาพ: เมื่อคุณเปิดไลท์บ็อกซ์ ทุกรูปภาพที่คุณคลิกจะเปิดในไลท์บ็อกซ์

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

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

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

ตอนนี้ ไลท์บ็อกซ์ของ Elementor ช่วยให้คุณปรับแต่งสีพื้นหลังที่ปรากฏรอบๆ ป๊อปอัปของรูปภาพได้

ไลท์บ็อกซ์รูปภาพทำงานบนรูปภาพบนวิดเจ็ตรูปภาพ แกลเลอรี ภาพหมุน และวิดีโอ

ไลท์บ็อกซ์สามารถตั้งค่าได้ทั่วโลกหรือแยกเป็นรายบุคคล

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

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

ทำได้โดยไปที่รูปภาพ > เนื้อหา และตั้งค่าไลท์บ็อกซ์เป็น 'ใช่'

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

ไลท์บ็อกซ์ตอบสนองมือถือได้ 100%

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

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

คุณสมบัติของไลท์บ็อกซ์

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

ข้อความเงา

ต่อไป มาดูฟีเจอร์ Text Shadow ใหม่กัน

layer1

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

เล่นกับเงาข้อความ

วางมือบนพวงมาลัยแล้วหมุนเงาข้อความใหม่ สำรวจความเป็นไปได้ไม่รู้จบของการออกแบบเงาข้อความ

statment1

เงาข้อความแบบคลาสสิกทำให้พาดหัว WordPress ปรากฏขึ้นอย่างสวยงาม ใช้ Blur=0 เพื่อเพิ่มความลึกให้กับหัวข้อของคุณ

madona1

ใช้เบลอเพื่อเพิ่มเอฟเฟกต์แสงนีออนให้กับหัวข้อข่าวได้

line1

การผสมผสานระหว่างความเบลอ + ระยะห่างสามารถสร้างผลลัพธ์ที่น่าสนใจได้

ปรับปรุงปุ่มวางซ้อนวิดีโอ

ปุ่มโอเวอร์เลย์วิดีโอ Elementor ให้คุณเพิ่มปุ่มเล่นที่ด้านบนของวิดีโอ ดังนั้นผู้ใช้จึงมีแนวโน้มที่จะกดเล่นมากขึ้น

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

คุณสมบัติใหม่เพิ่มเติม

เราได้แนะนำการอัปเดตที่สำคัญอื่นๆ อีกหลายอย่าง ซึ่งมีประโยชน์มากแต่ยัง 'อยู่ภายใต้ประทุน' มากกว่า

ปรับปรุง Elementor กำลังโหลด

การโหลดตัวแก้ไขได้รับการปรับปรุงอย่างมาก และตอนนี้มันทำงานได้เร็วขึ้นและมีเสถียรภาพมากขึ้น

เทมเพลตการส่งออก/นำเข้าจำนวนมาก

เราได้เพิ่มวิธีการอัปโหลดเทมเพลต Elementor จำนวนมากโดยใช้ไฟล์ .zip เพียงอัปโหลดไฟล์ zip ที่มีเทมเพลต JSON ของคุณ แล้วไฟล์ทั้งหมดจะถูกอัปโหลดพร้อมกัน

บทสรุป

ฉันหวังว่าคุณจะสนุกกับฟังก์ชันใหม่และฟรีที่เราได้เพิ่มเข้าไปใน Elementor คุณได้รับเชิญให้อัปเดตเป็น Elementor 1.6

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