หนึ่งในหน้า Landing Page พิเศษที่หลายคนมอบให้กับสมาชิกในช่วง Cyber Monday คือหน้า Landing Page ของซอฟต์แวร์ที่ยอดเยี่ยม เลย์เอาต์นี้มีภาพประกอบที่ยอดเยี่ยมและการใช้ตัวแบ่งส่วนที่ไม่เหมือนใครซึ่งจะทำให้ผู้อ่านประทับใจ ผู้เข้าชม.
วิธีรับหน้า Landing Page ของซอฟต์แวร์เฉพาะสำหรับ Cyber Monday
ก่อนที่คุณจะเข้าสู่การใช้งานนี้คุณควรทำความคุ้นเคยกับหน้า Landing Page พิเศษเฉพาะของ Cyber Monday ซึ่งคุณจะได้รับจากการเป็นสมาชิก Elegant Themes ใหม่อัปเกรดบัญชีที่มีอยู่หรือเป็นสมาชิกตลอดชีพอยู่แล้ว กับพวกเรา. หากคุณเป็นสมาชิกตลอดชีพคุณสามารถเข้าสู่พื้นที่สมาชิกของเราและดาวน์โหลดหน้าพิเศษทั้งหมดของเราได้ที่นี่ ผู้ใช้รายอื่นทั้งหมดจะต้องใช้ปุ่มด้านล่างเพื่อซื้อหรืออัปเกรดก่อนจึงจะสามารถทำบทแนะนำที่เหลือของเราได้
เป็นสมาชิกในชีวิตแล้ว? คุณสามารถดาวน์โหลดแพ็คได้ทันทีโดยไม่จำเป็นต้องเข้าร่วมข้อตกลง Cyber Monday!
วิธีการสร้างวิดีโอสาธิตตามเนื้อหาบน Divi
เมื่อคุณดาวน์โหลดหน้า Landing Page เวอร์ชั่นซอฟต์แวร์ใหม่จากส่วนสมาชิกของเราคุณสามารถอ่านต่อไปนี้
ในกรณีการใช้งานบทช่วยสอนนี้ เราจะแสดงวิธีสร้างวิดีโอสาธิตด้วยการคลิกปุ่ม วิดีโอที่ปรากฏเมื่อคลิกจะดูดีบนเดสก์ท็อปและหน้าจอขนาดเล็ก นี่เป็นแนวทางที่ดีหากคุณไม่ต้องการรวมวิดีโอบนเพจของคุณโดยตรง แต่ต้องการสร้างปฏิสัมพันธ์ด้วย ผู้เข้าชม.
การสำรวจ
ก่อนที่เราจะเข้าสู่บทช่วยสอนเรามาดูผลลัพธ์สุดท้ายในขนาดหน้าจอต่างๆ
สำนัก
ตอบสนอง
ขอเริ่มต้น!
ใช้ปลั๊กอิน Video PopUp ฟรี
ติดตั้งและเปิดใช้งานปลั๊กอิน
สิ่งแรกที่ต้องทำคือการดาวน์โหลด เสียบเข้าไป ฟรี ผุดวิดีโอ . คุณสามารถค้นหาปลั๊กอินนี้ได้โดยไปที่ไฟล์ เว็บไซต์ WordPress > ปลั๊กอิน > เพิ่มใหม่ > ค้นหา 'Video PopUp'. เมื่อคุณพบปลั๊กอินนี้แล้วให้ติดตั้ง เมื่อคุณทำเสร็จแล้วอย่าลืมเปิดใช้งานปลั๊กอิน
การตั้งค่าปลั๊กอิน
ดำเนินการต่อโดยไปที่การตั้งค่าทั่วไปของปลั๊กอินนี้และเปิดใช้งานสองตัวเลือกที่ด้านบน
เพิ่มหน้าใหม่โดยใช้หน้า Landing Page ของเวอร์ชันซอฟต์แวร์
เพิ่มหน้าใหม่และเปิดใช้งาน Visual Builder
ได้เวลาเริ่มนำไปปฏิบัติแล้ว! เพิ่มเพจใหม่ตั้งชื่อเพจของคุณและเปิดใช้งาน Visual Builder ทันที
ดาวน์โหลดเค้าโครงเวอร์ชันซอฟต์แวร์จากโครงร่างที่บันทึกไว้
ไปที่ "การออกแบบที่คุณบันทึกไว้" และดาวน์โหลดหน้า Landing Page ที่คุณอัปโหลด
เพิ่มโมดูลข้อความใต้โมดูล Blurb ของปุ่มเล่น
อย่างที่คุณเห็นหน้านี้มีปุ่มเล่นอยู่แล้วซึ่งจะช่วยให้เราได้ผลลัพธ์ที่ต้องการ แต่เพื่อให้ได้ผลเราจำเป็นต้องสร้างการออกแบบใหม่ในโมดูล Blurb โดยใช้โมดูลข้อความ เพิ่มโมดูลข้อความใหม่ที่ด้านล่างโมดูล Blurb
เพิ่มรูปภาพไปยังพื้นที่เนื้อหา
เมื่อคุณเพิ่มโมดูลข้อความแล้วให้เพิ่มรูปภาพปุ่มเล่นลงในพื้นที่เนื้อหาของโมดูลข้อความของคุณโดยคลิก " เพิ่มสื่อ และเลือกปุ่มเล่นบนไลบรารีสื่อของคุณ
เพิ่มสำเนาลงในพื้นที่เนื้อหา
ดำเนินการต่อโดยเพิ่มสำเนาใต้ภาพ
การตั้งค่าข้อความ
เพื่อให้โมดูลตรงกับเค้าโครงเราจะเปิดใช้งานการวางแนวข้อความกลางในการตั้งค่าข้อความโมดูล
การตั้งค่าข้อความลิงค์เริ่มต้น
และเราจะแก้ไขพารามิเตอร์ของข้อความลิงค์ตามด้วย:
- แบบอักษร Link: เคบิน
- น้ำหนักตัวอักษรลิงค์หนา: หนา
- สีข้อความของลิงก์: rgba (162,176,193,0.7)
- ขนาดข้อความของลิงก์: 17px
- ความสูงของสายการเชื่อมโยง: 1.6em
วางเมาส์เหนือการตั้งค่าข้อความ
เปลี่ยนสีของข้อความโฉบ
- สีข้อความของลิงก์: # a2b0c1
การเว้นวรรค
สุดท้ายเพิ่มขอบบนสุดลบลงในโมดูลข้อความ
- ยอด Marign: -XUNUMXvw
เพิ่มการอ่านตามบริบทลงในเนื้อหาของโมดูลข้อความ
เปลี่ยนไปใช้โปรแกรมแก้ไขข้อความ
ในการสร้างป๊อปอัปเมื่อคลิกเราจะต้องเพิ่มลิงก์ที่กำหนดเองไปยังเนื้อหาของโมดูลข้อความ กลับไปที่พื้นที่เนื้อหาโมดูลข้อความและเลือกโหมดแก้ไขข้อความ
เพิ่มลิงค์ไปยังเนื้อหาทั้งหมด
เชื่อมโยงจุดแสดงเนื้อหาของคุณกับป๊อปอัปโดยเพิ่มลิงก์ไปยังรูปภาพและสำเนา อย่าลืมแทนที่ URL ของลิงก์ด้วย URL ของคุณเอง
<a class="vp-s vp-yt-type" href="https://www.youtube.com/watch?v=zesTKCnvyAU" data-dwrap="1"></a> |
ถอดโมดูล Blurb ออกจากปุ่มเล่น
ตอนนี้เราได้สร้าง mod ข้อความที่มีลักษณะเหมือนกับ Blurb mod แล้วเราสามารถลบ Blurb mod ที่มีอยู่ก่อนหน้านี้ได้แล้ว! คุณสามารถใช้วิธีนี้กับเลย์เอาต์ประเภทใดก็ได้ที่คุณใช้ แต่มันเป็นมูลค่าเพิ่มที่ยอดเยี่ยมสำหรับหน้า Landing Page ของเวอร์ชันซอฟต์แวร์
คิดสุดท้าย
อย่างที่คุณเห็นการเพิ่มป๊อปอัปบน Divi โดยใช้ปลั๊กอิน Video Popup นั้นค่อนข้างง่าย ซึ่งจะช่วยให้คุณสามารถนำเสนอวิดีโอได้ บล็อกของคุณ โดยไม่จำเป็นต้องรวมเข้ากับเนื้อหาโดยอัตโนมัติ
