Divi: วิธีสร้างส่วนท้ายที่กำหนดเอง

คุณต้องการสร้างส่วนท้ายแบบกำหนดเองใน DIVI หรือไม่?

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

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

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

การสำรวจ

ก่อนที่เราจะดำดิ่งสู่บทช่วยสอน มาดูส่วนท้ายที่เราจะออกแบบกันก่อน

สำนัก

ไปที่ Divi Theme Builder และเพิ่ม Global Footer

ไปที่ Divi > Theme Builder และคลิกที่ " เพิ่มส่วนท้ายส่วนกลาง«

เลือก " สร้างส่วนท้ายระดับโลก«

ปรับแต่งส่วน #1

สีพื้นหลัง

เปิดส่วนที่คุณพบบนหน้าและเปลี่ยนสีพื้นหลังของส่วน

ความเป็นมา: #000000

การเว้นวรรค

เปลี่ยนเป็นแท็บ สไตล์ แล้วเปลี่ยนการตั้งค่าระยะห่างสำหรับส่วน

ระยะขอบ (บน ซ้ายและขวา): 6vw
มาร์จิ้นภายใน (ซ้ายและขวา): 30px

ชายแดน

จากนั้นเพิ่มเส้นขอบบนด้านซ้ายและขวา

สี่เหลี่ยมมุมมนซ้ายบน: 20px
สี่เหลี่ยมมุมมนขวาบน: 20px

กล่องเงา

รวมถึงกล่องเงาในการตั้งค่าส่วน

โบว์เงา เบลอ ความแรง: 135px
คำบรรยายสีแบบอักษร: rgba(0,0,0,0.18)

เพิ่มบรรทัดใหม่ในส่วน

โครงสร้างของคอลัมน์

ดำเนินการต่อโดยเพิ่มแถวในส่วนของคุณโดยใช้โครงสร้างคอลัมน์ต่อไปนี้:

เพิ่มโมดูลข้อความลงในคอลัมน์

เพิ่มชื่อเรื่องขนาด H2 (หัวเรื่อง 2)

แทรกโมดูลข้อความด้วย เนื้อหา ขนาด H2.

การตั้งค่าข้อความ H2

สลับไปที่แท็บของ สไตล์ ของโมดูลและแก้ไขพารามิเตอร์ของข้อความ H2 ตามลำดับ:

แบบอักษรของส่วนหัว: Poppins
ส่วนหัวไฟอ่อนลง: กึ่งหนา
การจัดตำแหน่งข้อความ: กึ่งกลาง
สีข้อความส่วนหัว: #ffffff
ขนาดข้อความส่วนหัว: 31px (เดสก์ท็อป), 24px (แท็บเล็ต), 18px (โทรศัพท์)
ความสูงของบรรทัดส่วนหัว: 1,6 em

ปรับขนาด

เพิ่มความกว้างสูงสุดให้กับโมดูลด้วย

ความกว้างสูงสุด: 700 พิกเซล

เพิ่มโมดูลปุ่มไปที่คอลัมน์

เพิ่มข้อความไปที่ปุ่ม

แทรกโมดูลปุ่มด้านล่างโมดูลข้อความในคอลัมน์ของคุณและป้อนข้อความที่คุณเลือก

การวางแนว

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

การจัดตำแหน่งปุ่ม: กึ่งกลาง

การตั้งค่าปุ่ม

ดำเนินการต่อโดยปรับแต่งปุ่ม

ใช้สไตล์ที่กำหนดเองสำหรับปุ่ม: ใช่
ขนาดข้อความของปุ่ม: 12px
สีข้อความของปุ่ม: #000000
ปุ่มพื้นหลัง: #FFFFFF
ปุ่มความกว้างเส้นขอบ: 0 พิกเซล

อ่าน: วิธีแสดงหน้าบล็อกเป็นภาพหมุนใน DIVI

รัศมีเส้นขอบของปุ่ม: 100 px
ระยะห่างระหว่างตัวอักษรของปุ่ม: 1 px
แบบอักษรของปุ่ม: Poppins
ปุ่มไฟอ่อน: กึ่งหนา
ปุ่มรูปแบบการคัดลอก: TT

การเว้นวรรค

เพิ่มค่าระยะขอบภายในแบบกำหนดเองด้วย

ระยะขอบภายใน (บนและล่าง): 14px
ระยะขอบด้านใน: ซ้าย (40px); ขวา (58px)