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