คุณต้องการเพิ่มหีบเพลงของรูปภาพลงในเพจหรือไม่ Elementor ?

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

หากคุณต้องการเพิ่มหีบเพลงรูปภาพจริงๆ คุณสามารถติดตั้งส่วนเสริมหรือส่วนเสริมที่มาพร้อมกับวิดเจ็ตหีบเพลงรูปภาพ หนึ่งในส่วนเสริมที่คุณสามารถติดตั้งได้คือ JetTabs.

JetTabs เป็นส่วนเสริม Elementor สมาชิกในครอบครัว JetPluginsซึ่งเป็นชุดโปรแกรมเสริม Elementor ที่พัฒนาโดย Crocoblock JetTabs มาพร้อมกับสี่วิดเจ็ต: Swicther, Tabs, Image Accordion และ Classic Accordion

วิธีเพิ่มหีบเพลงรูปภาพใน Elementor ด้วย JetTabs

ก่อนที่คุณจะเริ่มต้น ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งและเปิดใช้งาน Add-on ของ JetTabs แล้ว คุณสามารถรับส่วนเสริมนี้ได้ในราคาเพียง $23 ต่อปี หรือคุณสามารถรับ JetTabs พร้อมตัวเลือกการซื้อครั้งเดียวผ่านบันเดิลธีม Jupiter X หรือ Monstroid2

อ่าน: วิธีสร้างเมนูนำทางหน้าเดียวใน Elementor

เมื่อคุณพร้อมแล้ว ให้สร้างหน้าใหม่ (หน้า -> เพิ่มใหม่) หรือโพสต์ใหม่ (โพสต์ -> เพิ่ม) และแก้ไขด้วย Elementor แน่นอน คุณยังสามารถแก้ไขเพจหรือโพสต์ที่มีอยู่ได้

ในตัวแก้ไข Elementor ให้ลากวิดเจ็ต Image Accordion จากแผงวิดเจ็ตไปยังพื้นที่แก้ไข

เพิ่มหีบเพลงรูปภาพในหน้า Elementor

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

เพิ่มหีบเพลงรูปภาพในหน้า Elementor

ทำซ้ำขั้นตอนข้างต้นสำหรับรายการอื่นๆ หากต้องการเพิ่มองค์ประกอบใหม่ให้กับหีบเพลง เพียงคลิกที่ปุ่ม เพิ่มรายการ.

เพิ่มหีบเพลงรูปภาพในหน้า Elementor

เปิดบล็อค การตั้งค่า ใต้แท็บ เนื้อหา เพื่อตั้งค่าการวางแนว (แนวตั้งหรือแนวนอน) ขนาดองค์ประกอบที่ใช้งานอยู่ ระยะเวลาของภาพเคลื่อนไหว และลักษณะเอฟเฟกต์การค่อยๆ เปลี่ยน

หีบเพลงสไตล์

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

เพิ่มหีบเพลงรูปภาพในหน้า Elementor

ในบล็อคไอเท็ม คุณสามารถกำหนดช่องว่างระหว่างไอเท็ม สีพื้นหลังของไอเท็ม รัศมีเส้นขอบของไอเท็ม และเงาของกล่องไอเท็ม

เพิ่มหีบเพลงรูปภาพในหน้า Elementor

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

voila

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

สรุป

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

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

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

...