ขอแนะนำ Flip Box และ 3 คุณสมบัติ Pro ใหม่อื่นๆ

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

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

กล่องพลิกคือกล่องที่พลิกเมื่อคุณวางเมาส์เหนือมัน คุณสามารถเลือกจากแอนิเมชั่นต่างๆ และปรับแต่งรูปลักษณ์และการทำงานของกล่องพลิกแต่ละกล่อง Flip box สามารถช่วยทำให้เนื้อหาของคุณน่าสนใจยิ่งขึ้น ปรับปรุงประสบการณ์ผู้ใช้ และยังช่วยให้คุณสามารถเน้นคุณลักษณะทางธุรกิจ ผลิตภัณฑ์ และบริการของคุณ

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

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

สามารถจัดเนื้อหาแยกจากกันให้อยู่ตรงกลาง ขวาหรือซ้ายสำหรับทั้งด้านหน้าและด้านหลังของกล่องพลิก กล่องแบนเนอร์ด้านบนสร้างขึ้นโดยใช้วิดเจ็ต Flip Box ทั้งหมด และเป็นตัวอย่างการจัดแนวเนื้อหาทางด้านซ้าย

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

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

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

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

การออกแบบหน้าบล็อกจากบนลงล่างใช้เวลานานเท่าใด

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

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

ตอนนี้ เรากำลังแนะนำทั้งเลย์เอาต์ของ Masonry และการแบ่งหน้า ทำให้วิดเจ็ต Posts เป็นเครื่องมือสร้างบล็อกที่ยอดเยี่ยมสำหรับ WordPress

ตอนนี้คุณสามารถแสดงโพสต์ของคุณในตารางก่ออิฐโดยใช้วิดเจ็ตโพสต์ ซึ่งหมายความว่าคุณสามารถแสดงโพสต์ของคุณด้วยตารางแบบ Pinterest ในรุ่นถัดไป เราจะเพิ่มฟีเจอร์ Masonry ให้กับวิดเจ็ต Portfolio

ตัวเลือกการแบ่งหน้าทำให้การออกแบบบล็อกเป็นเรื่องง่าย ตอนนี้คุณควบคุมการออกแบบบล็อกทั้งหมดได้แล้ว รวมถึงองค์ประกอบการแบ่งหน้า เช่น สไตล์ก่อนหน้า/ถัดไป

เรายังทำให้แน่ใจว่าการแบ่งหน้าของเรานั้นเป็นมิตรกับ SEO การแบ่งหน้าของ Elementor ทำงานเหมือนกับการแบ่งหน้า WordPress ปกติในแง่ของ URL ดังนั้นคุณจึงยังคงได้รับลิงก์ที่เป็นมิตร SEO เดียวกันสำหรับทุกๆ ลิงก์การแบ่งหน้าที่สร้างขึ้น

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

จนถึงตอนนี้ คุณมีสองตัวเลือกในการแสดงรูปภาพในวิดเจ็ตสไลด์ของเรา:

1. ปก – ตัวเลือกนี้ทำให้รูปภาพ 'ปก' เป็นตัวเลื่อนทั้งหมด ตัวอย่างเช่น หากคุณโหลดภาพแนวตั้ง ภาพด้านบนและด้านล่างของภาพจะถูกตัด และภาพจะแสดงแบบซูม
2. อัตโนมัติ – ตัวเลือกนี้แสดงขนาดจริงของรูปภาพ

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

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

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

เอฟเฟกต์ Ken Burns ใช้ได้เฉพาะกับ Pro Slides Widget คุณต้องเพิ่มรูปภาพ ลงในสไลด์เฉพาะเพื่อให้ตัวเลือกปรากฏขึ้น

ตรวจสอบให้แน่ใจว่าคุณ อัปเดตทั้ง ปลั๊กอิน Elementor และ Elementor Pro เพื่อให้แน่ใจว่าคุณลักษณะใหม่ทั้งหมดทำงานอย่างถูกต้อง

ฟีเจอร์ที่เพิ่มเข้ามาในวันนี้ เอฟเฟกต์ Flip box, Masonry, Pagination และ Ken Burns ทั้งหมดนี้เพิ่มลงในเครื่องมือสร้างเพจที่มีรูปลักษณ์สวยงามอยู่แล้ว ฉันขอเชิญคุณให้ลองใช้แต่ละรายการและแบ่งปันการสร้างเพจใหม่ของคุณกับเรา

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