คุณต้องการสร้างหน้าบล็อกด้วยโมดูลบล็อกหรือไม่? de ดีวี?
โดยปกติทุกชุดเค้าโครง Divi ที่เผยแพร่บน ธีมที่สง่างาม เสนอเค้าโครงบล็อกซึ่งช่วยคุณสร้าง บล็อกของคุณ เร็วพอ. แต่คุณเคยต้องการที่จะเห็นวิธีสร้างหน้าบล็อกเหล่านี้ด้วยตัวเองหรือไม่?
ในบทความนี้ เราจะมาดูวิธีสร้างหน้าบล็อกด้วยโมดูลบล็อกของ Divi เราจะทำการตั้งค่าแต่ละขั้นตอนทีละขั้นตอน
เริ่มกันเลย!
การสำรวจ
ก่อนที่เราจะเริ่มต้น มาดูภาพรวมของสิ่งที่เรากำลังจะสร้างก่อน
สร้างหน้าบล็อกใหม่
สร้างหน้าใหม่
อันดับแรก เราจะสร้างเพจของเรา ในแดชบอร์ด WordPress คลิก หน้า > เพิ่มเกี่ยวกับ.
ตั้งชื่อเพจที่เหมาะสมกับคุณ
- ชื่อของหน้า: บล็อกใน Divi
เปลี่ยนไปใช้ Divi Builder
คลิกปุ่มสีม่วงตรงกลางหน้า: ใช้ Divi Builder .
เพิ่มส่วนสำหรับชื่อหน้าบล็อก
ปรับแต่งส่วน
เราจะเริ่มต้นด้วยส่วนแรก เปิดพวกมัน พารามิเตอร์ส่วน .
เลื่อนไปที่ พื้นหลัง แล้วเปลี่ยนสีเป็น #f9f3fd เข้าสู่บล็อกเป็นป้ายกำกับของผู้ดูแลระบบ ปิดการตั้งค่าส่วน
- พื้นหลัง: #f9f3fd
- Admin Label: Blog
สร้างชื่อหน้าบล็อก
จากนั้นเราจะเพิ่ม สาย สำหรับชื่อเรื่อง เลือกไอคอนสีเขียวและเลือกแถวคอลัมน์เดียว
แล้วเติม โมดูลข้อความ ที่เส้น
ปรับแต่งโมดูลข้อความชื่อบล็อก
เปิดพวกเขา การตั้งค่าโมดูลข้อความ แล้วเลือก H1 เพิ่มชื่อบล็อกของเรา
- แบบอักษร: ชื่อเรื่อง 1
- ข้อความ: บล็อกของเรา
จากนั้นไปที่แท็บสไตล์ และตั้งค่าการจัดตำแหน่งเป็นกึ่งกลาง สำหรับข้อความชื่อ H1 ให้เลือก Cormorant Infant สำหรับแบบอักษรและทำให้เป็นตัวหนา
- การจัดตำแหน่งข้อความ: กึ่งกลาง
- ข้อความส่วนหัว: H1
- แบบอักษรส่วนหัว: Cormorant Infant
- ส่วนหัวแสงอ่อน: ข้อความตัวหนา
ตั้งค่าสีเป็น #442854 ขนาดเป็น 130px และความสูงของเส้นเป็น 0,8em
- สี: #442854
- ขนาดข้อความบนเดสก์ท็อป: 130px
- ความสูงของเส้น: 0,8em
สร้างบทความล่าสุดและส่วนเรียกร้องให้ดำเนินการ
ส่วนของเราประกอบด้วยบทความล่าสุดและอีเมลการเลือกรับ
เพิ่มบรรทัดใหม่ ใต้แถวแรกของเราและเลือกการออกแบบคอลัมน์ 2/3 ทางซ้ายและ 1/3 ทางขวา
เปิดพวกเขา พารามิเตอร์เส้น โดยคลิกที่ไอคอนรูปเฟือง
เลือกแท็บสไตล์, เลื่อนไปที่ การเว้นวรรค และเพิ่ม 0px ให้กับ Bottom Inner Margin ปิดการตั้งค่า
- ระยะขอบภายในด้านล่าง: 0px
เพิ่มและปรับแต่งโมดูลโพสต์บล็อกเด่น
จากนั้นเราจะเพิ่ม บล็อกโมดูล . ซึ่งจะมีบทความล่าสุดของเรา คลิกไอคอนเครื่องหมายบวกสีเทาในคอลัมน์ด้านซ้ายของแถวใหม่ และเพิ่มโมดูลบล็อก
เนื้อหา
ภายใต้ เนื้อหา ป้อน 1 สำหรับจำนวนโพสต์
- จำนวนตำแหน่ง: 1
องค์ประกอบ
เลื่อนไปที่ องค์ประกอบ และยกเลิกการเลือกผู้แต่งและการแบ่งหน้า เราจะปล่อยให้ส่วนที่เหลือเป็นค่าเริ่มต้น
- แสดงผู้เขียน: no
- แสดงเลขหน้า: ไม่
อารมณ์
จากนั้นเลือก แท็บสไตล์ และเลือกแบบเต็มหน้าจอสำหรับเลย์เอาต์และปิดการซ้อนทับรูปภาพเด่น
- รุ่น: เต็มจอ
- ภาพซ้อนทับที่เลือก: ปิดการใช้งาน
ข้อความชื่อ
เลื่อนไปที่ ข้อความชื่อ . เลือก H2 และเลือก Cormoran Infant เลือก ตัวหนา และเปลี่ยนสีเป็น #442854
- แทรกหัวเรื่องที่สาม: H2
- ชื่อแบบอักษร: Cormorant Infant
- ชื่อแสงอ่อน: ข้อความตัวหนา
- สีข้อความชื่อเรื่อง: #442854
กำหนดขนาดตัวอักษรเป็น 30 พิกเซล เปลี่ยนความสูงของบรรทัดเป็น 1.1em
- ขนาด: 30 พิกเซลสำหรับเดสก์ท็อป 20 พิกเซลสำหรับแท็บเล็ต 18 พิกเซลสำหรับโทรศัพท์
- ความสูงของบรรทัดหัวเรื่อง: 1,1 em
ข้อความของร่างกาย
จากนั้นเลื่อนลงไปที่ เนื้อความ . เลือกห้องโดยสารสำหรับแบบอักษร เปลี่ยนสีเป็น #442854 และเปลี่ยนความสูงของบรรทัดเป็น 1,8em
- กองบังคับการตำรวจ: ห้องโดยสาร
- สีข้อความ: #442854
- ความสูงของเส้นลำตัว: 1,8 em
ข้อมูลเมตาของข้อความ
จากนั้นเลื่อนลงไปที่ ข้อมูลเมตาของข้อความ . ตั้งค่าพารามิเตอร์ดังนี้:
- แบบอักษรของข้อมูลเมตา: Cormorant Infant
- แสงสลัวของข้อมูลเมตา: ปกติ
- รูปแบบการคัดลอกข้อมูลเมตา: ไม่มี
- สีข้อความข้อมูลเมตา: #442854
- ขนาดข้อความของข้อมูลเมตา: เดสก์ท็อป 16px, แท็บเล็ต 15px, โทรศัพท์ 14px
- ความสูงของแถวข้อมูลเมตา: 1,8 em
การเว้นวรรค
จากนั้นเลื่อนลงไปที่ การเว้นวรรค และเปลี่ยนระยะขอบบนเป็น 0vw
- มาร์จิ้นสูงสุด: 0vw
กล่องเงา
สุดท้ายเลื่อนลงไปที่ กล่องเงา และปิดการใช้งาน
- กล่องเงา: ปิดการใช้งาน
เพิ่มและปรับแต่งโมดูลข้อความอีเมลของบล็อก
ตอนนี้เราจะย้ายไปที่คอลัมน์ทางขวาและ สร้างคำกระตุ้นการตัดสินใจทางอีเมล . ขั้นแรก เพิ่มโมดูลข้อความในคอลัมน์ด้านขวา คลิกไอคอนเครื่องหมายบวกสีเทา แล้วค้นหาข้อความ
เนื้อหา
เลือกหัวเรื่อง 2 และป้อนข้อความสมัครรับข้อเสนอของเรา
- แบบอักษร: หัวเรื่อง 2
- ข้อความ: สมัครรับข้อเสนอของเรา
ข้อความส่วนหัว
สำหรับ ตำรา ของชื่อเรื่อง เลือก Center Alignment เลือก H2 เลือก Cormorant Infant และตั้งค่าเป็น Bold
- การจัดตำแหน่งข้อความ: กึ่งกลาง
- ข้อความส่วนหัว: H2
- แบบอักษรส่วนหัว: Cormorant Infant
- ส่วนหัวแสงอ่อน: Bold
เปลี่ยนสีเป็น #442854 ขนาดเป็น 32px และความสูงของเส้นเป็น 0,95em
- สีข้อความส่วนหัว: #442854
- ขนาดข้อความส่วนหัว: 32 พิกเซล
- ความสูงของบรรทัดส่วนหัว: 0,95 em
การเว้นวรรค
สุดท้ายเลื่อนลงไปที่ การเว้นวรรค และเพิ่ม 10 พิกเซลที่ระยะขอบด้านล่าง ปิดการตั้งค่าโมดูลข้อความ
- ขอบล่าง: 10px
เพิ่มและปรับแต่งโมดูล Optin อีเมลบล็อก
แล้วเราไป สร้างไฟล์ ฟอร์ม อีเมล . เพิ่มโมดูล Email Optin ด้านล่างโมดูล Text ในคอลัมน์ด้านขวา
เนื้อหา
ขั้นแรก ให้ลบชื่อและเนื้อหา
- ชื่อเรื่อง: ไม่มี
- เนื้อความ: none
เลื่อนไปที่ บัญชีอีเมล์ และเพิ่มผู้ให้บริการของคุณ
จากนั้นเลื่อนลงไปที่ พื้นหลัง และยกเลิกการเลือกสีพื้นหลัง
- ใช้สีพื้นหลัง: ไม่
เดส์แชมส์
เข้าไปใน แท็บสไตล์ และเปลี่ยนสีพื้นหลังของฟิลด์เป็น rgba(255,255,255,0) และสีข้อความเป็น #442854
- ฟิลด์สีพื้นหลัง: rgba(255,255,255,0)
- ฟิลด์สีข้อความ: #442854
เลื่อนลงไปที่ ตัวเลือกแบบอักษร และเปลี่ยนแบบอักษรเป็นห้องโดยสาร ขนาดเป็น 16px และความสูงของบรรทัดเป็น 1,8em
- ฟิลด์แบบอักษร: ห้องโดยสาร
- ฟิลด์ขนาดข้อความ: 16 พิกเซล
- ความสูงของแถวฟิลด์: 1,8 em
ถัดไป ปรับมุมโค้งมนของฟิลด์เป็น 32px ความกว้างของเส้นขอบเป็น 2px และเปลี่ยนสีเส้นขอบเป็น #442854
- ตัวควบคุมสี่เหลี่ยมผืนผ้าโค้งมน: 32px
- ฟิลด์ความกว้างของเส้นขอบ: 2px
- ฟิลด์สีเส้นขอบ: #442854
ปุ่ม
เลื่อนไปที่ปุ่มและเลือก ใช้สไตล์ที่กำหนดเองสำหรับ Button . เปลี่ยนขนาดเป็น 18ps สีของปุ่มเป็นสีขาว และสีพื้นหลังของปุ่มเป็น #442854
- ใช้สไตล์ที่กำหนดเองสำหรับปุ่ม: ใช่
- ขนาดข้อความของปุ่ม: 18 พิกเซล
- สีข้อความของปุ่ม: #ffffff
- ปุ่มพื้นหลัง: #442854
เปลี่ยนรัศมีเส้นขอบเป็น 50 พิกเซล แบบอักษรเป็น Cormorant Infant และทำให้น้ำหนักเป็นตัวหนา
- ปุ่มรัศมีเส้นขอบ: 50px
- ปุ่มแบบอักษร: Cormorant Infant
- ปุ่ม Soft Light: ข้อความตัวหนา
สุดท้าย มาเพิ่มระยะขอบกัน ป้อน 20px สำหรับระยะขอบด้านบน 12px สำหรับช่องว่างด้านบนและด้านล่าง และ 32px สำหรับช่องว่างภายในด้านซ้ายและขวา ปิดการตั้งค่าอีเมล Optin
- ปุ่มขอบบน: 20 px
- ปุ่ม Padding บนและล่าง: 12 px
- ปุ่ม Padding ซ้ายและขวา: 32px
เพิ่มบรรทัดใหม่สำหรับรายการโพสต์ในบล็อก
ตอนนี้เราจะ สร้างรายการ ของหน้า ขั้นแรก เพิ่มแถวคอลัมน์เดียวใหม่ด้านล่างส่วนก่อนหน้าของเรา
การตั้งค่าสาย
ไปที่ แท็บสไตล์ และเพิ่ม 0px ให้กับ Vertex Inner Margin ปิดการตั้งค่าสาย
- ระยะขอบภายใน จุดยอด: 0px
เพิ่มโมดูลบล็อกในไลน์ของคุณ
เพิ่ม บล็อกโมดูล ไปยังบรรทัดใหม่ของคุณโดยคลิกที่ไอคอนเครื่องหมายบวกสีเทาแล้วคลิกบล็อก
การจัดรูปแบบฟีดโพสต์บล็อก
มาเปลี่ยนฟีดหน้าบล็อกกันเถอะ
เนื้อหาฟีดบล็อก
เปิดพวกเขา การตั้งค่าโมดูลบล็อก และป้อน 3 สำหรับจำนวนโพสต์ ซึ่งจะทำให้คุณสามารถเลือกจำนวนโพสต์ที่แสดงบนหน้าจอได้
ตัวเลขที่น้อยกว่า เช่น 3 ทำให้เราสามารถโฟกัสที่โพสต์ล่าสุดและลดขนาดหน้าได้ นี่เป็นทางเลือกที่ดีถ้าคุณไม่โพสต์บ่อยหรือต้องการให้เพจสะอาดขึ้น การแสดงบทความเพิ่มเติม เช่น 6-9 เป็นความคิดที่ดี หากคุณต้องการเน้นที่การไหลของบล็อก
- จำนวนกระทู้: 3
ป้อน 1 สำหรับออฟเซ็ต สิ่งนี้บอกให้ Divi เริ่มต้นด้วยโพสต์บล็อกที่สอง ซึ่งป้องกันไม่ให้เราแสดงบทความเดียวกันกับที่แสดงแล้วในบล็อกโพสต์ที่แสดงด้านบน
- โพสต์จำนวนออฟเซ็ต: 1
องค์ประกอบ
เลื่อนไปที่ องค์ประกอบ . เปิดใช้งานรูปภาพเด่น วันที่ ตัวอย่างหมวดหมู่ และการแบ่งหน้า ปิดการใช้งานส่วนที่เหลือ
- แสดงรูปภาพเด่น: ใช่
- ข้อมูล: ใช่
- หมวดหมู่: ใช่
- ข้อความที่ตัดตอนมา: ใช่
- การแบ่งหน้า: ใช่
พื้นหลัง
การเข้าถึง พื้นหลัง และตั้งค่าสีพื้นหลังของตารางกริดเป็น rgba(255,255,255,0)
- สีพื้นหลังของไทล์กริดกริด: rgba (255,255,255,0)
เลย์เอาต์และโอเวอร์เลย์
จากนั้นไปที่ แท็บสไตล์ . ปล่อยให้เลย์เอาต์ตั้งค่าเป็นกริด เราเลือกเลย์เอาต์แบบเต็มความกว้างสำหรับโพสต์บล็อกที่แสดงด้านบนนี้ เราจะใช้เค้าโครงกริดสำหรับฟีดบล็อกนี้ ซึ่งเป็นตัวเลือกเริ่มต้น ปิดใช้งานการซ้อนทับรูปภาพเด่น
- เค้าโครง: Grid
- ภาพซ้อนทับที่เลือก: ปิดการใช้งาน
ข้อความชื่อ
สำหรับ ข้อความชื่อเรื่อง , เลือก H2 เลือก Cormorant Infant ตั้งค่าเป็น Bold และป้อน #442854 สำหรับสี
- แทรกหัวเรื่องที่สาม: H2
- ชื่อแบบอักษร: Cormorant Infant
- ชื่อแสงอ่อน: ข้อความตัวหนา
- สีข้อความชื่อเรื่อง: #442854
เลือกขนาดข้อความ 20px ตั้งค่าความสูงของบรรทัดเป็น 1,1 em
- ขนาดข้อความของชื่อเรื่อง: เดสก์ท็อป 20px
- ความสูงของบรรทัดหัวเรื่อง: 1,1 em
ข้อความของร่างกาย
เลื่อนไปที่ เนื้อความ และเลือกห้องโดยสาร ตั้งค่าสีเป็น #442854
- กองบังคับการตำรวจ: ห้องโดยสาร
- สีข้อความ: #442854
ตั้งค่าความสูงของเส้นเป็น 1,8 มม.
- ความสูงของเส้น: 1,8 em
ข้อมูลเมตาของข้อความ
เลื่อนไปที่ ข้อมูลเมตาของข้อความ และเลือกทารกนกอ้ายงั่ว ตั้งค่าน้ำหนักเป็นปกติ รูปแบบเป็นไม่มี และสีเป็น #442854
- แบบอักษรของข้อมูลเมตา: Cormorant Infant
- แสงสลัวของข้อมูลเมตา: ปกติ
- รูปแบบการคัดลอกข้อมูลเมตา: ไม่มี
- สีข้อความข้อมูลเมตา: #442854
- ขนาดข้อความข้อมูลเมตา: เดสก์ท็อป 16px, แท็บเล็ต 15px, โทรศัพท์ 14px
- ความสูงของแถวข้อมูลเมตา: 1,8 em
ข้อความเลขหน้า
ตอนนี้ไปที่ การให้เลขหน้า . สำหรับแบบอักษรให้เลือก Cormorant Infant เลือก Bold และเปลี่ยนสีเป็น #442854
- แบบอักษรแสดงการแบ่งหน้า: Cormorant Infant
- แสดงแสงอ่อนของเพจจิ้ง: ตัวหนา
- สีข้อความ แสดงเลขหน้า: #442854
การเว้นวรรค
จากนั้นเราจะไปยัง ระยะห่าง และเพิ่มระยะขอบ 0vw ที่ด้านบน ซึ่งจะป้องกันไม่ให้โมดูลของเราทับซ้อนกับโมดูลก่อนหน้า
- มาร์จิ้นสูงสุด: 0vw
ชายแดน
เลื่อนไปที่ ชายแดน และป้อน 0px สำหรับทั้งสี่มุม สิ่งนี้ทำให้เรามีรูปร่างสี่เหลี่ยมจัตุรัสสำหรับแผนที่
- เค้าโครงตารางสี่เหลี่ยมผืนผ้าโค้งมน: 0px
กล่องเงา
สุดท้ายเลื่อนลงไปที่ กล่องเงา และปิดการใช้งาน ปิดการตั้งค่าบล็อก ส่วนบล็อกเสร็จสมบูรณ์
- กล่องเงา: none
เพิ่มส่วน "คำกระตุ้นการตัดสินใจ" ใหม่ในหน้าบล็อก
แล้วเราไป สร้างส่วน "คำกระตุ้นการตัดสินใจ" ของหน้า ส่วนนี้มีภาพพื้นหลังแบบเต็มหน้าจอแบบพารัลแลกซ์ ติดต่อเรา และโซเชียลตามลิงค์
เพิ่มส่วนใหม่
คลิกไอคอนสีน้ำเงินเพื่อ เพิ่มส่วนปกติใหม่ ที่ด้านล่างของหน้า
- ส่วน: ปกติ
จัดรูปแบบส่วนคำกระตุ้นการตัดสินใจ
เปิดพวกเขา พารามิเตอร์ส่วน โดยคลิกที่ไอคอนรูปเฟือง
พื้นหลัง
เลื่อนไปที่ พื้นหลัง และเลือกแท็บรูปภาพ คลิกที่ไอคอนสีเทาที่มีข้อความว่าภาพพื้นหลัง
เลือกภาพเต็มหน้าจอจากไลบรารีสื่อของคุณ เลือก ใช้เอฟเฟกต์พารัลแลกซ์ จากนั้นเลือก CSS สำหรับวิธีพารัลแลกซ์
- ภาพพื้นหลัง
- ใช้เอฟเฟกต์พารัลแลกซ์: ใช่
- วิธีพารัลแลกซ์: CSS
เลื่อนลงไปที่ป้ายกำกับผู้ดูแลระบบ และป้อน "ส่วนท้าย" ในช่อง ซึ่งจะช่วยให้คุณติดตามส่วนต่างๆ
- Admin แท็ก: Footer
จากนั้นไปที่ แท็บสไตล์.
- มาร์จิ้นภายใน: 10vw (บนและล่าง)
เพิ่มบรรทัดใหม่
คลิกไอคอนบวกสีเขียวและ เพิ่มแถวในคอลัมน์เดียว สำหรับเนื้อหาของเรา
ปรับขนาด
เปิดพวกเขา พารามิเตอร์เส้น และไปที่แท็บสไตล์
- ความกว้างสูงสุด: 320 พิกเซล
โมดูลข้อความชื่อเรื่อง
ส่วนคำกระตุ้นการตัดสินใจของเรามีชื่อเรื่อง เพื่อสร้างสิ่งนี้ เพิ่มโมดูลข้อความ ที่เส้น
ปรับแต่งข้อความชื่อเรื่อง
เพิ่มชื่อของคุณและเปลี่ยนแบบอักษรเป็นหัวเรื่อง 3
- แบบอักษร: หัวเรื่อง 3
- ข้อความ: ทั้งหมดเกี่ยวกับ Divi
ข้อความส่วนหัว
ไปที่ แท็บสไตล์ และเลื่อนไปที่ ข้อความคำบรรยาย . เลือกศูนย์สำหรับการจัดตำแหน่ง เลือก H3 เลือก Cormorant Infant ตั้งค่าเป็น Bold และเลือกสีขาวสำหรับสี
- การจัดตำแหน่งข้อความ: Center
- ข้อความส่วนหัว: H3
- แบบอักษรส่วนหัว: Cormorant Infant
- ส่วนหัวแสงอ่อน: Bold
- สีข้อความส่วนหัว: #ffffff
- ขนาดข้อความส่วนหัว: 42 พิกเซลสำหรับเดสก์ท็อป 20 พิกเซลสำหรับแท็บเล็ต 16 พิกเซลสำหรับโทรศัพท์
- ความสูงของบรรทัดส่วนหัว: 1,1 em
การเว้นวรรค
สุดท้ายเลื่อนลงไปที่ การเว้นวรรค และเพิ่ม 10 พิกเซลที่ระยะขอบด้านล่าง ปิดการตั้งค่าโมดูล
- ขอบล่าง: 10px
โมดูลข้อความสำหรับที่อยู่
เพิ่มโมดูลข้อความอื่น สำหรับที่อยู่ทางกายภาพของคุณ
จัดรูปแบบโมดูลข้อความที่อยู่จริง
ข้อความที่อยู่
เพิ่มที่อยู่ของคุณเป็นข้อความย่อหน้า
- สไตล์: ย่อหน้า
- ข้อความ: ที่อยู่ของคุณ
ข้อความย่อหน้า
จากนั้นไปที่ข้อความใน แท็บสไตล์ และเลือกนกอ้ายงั่วอินเฟนต์ กึ่งหนา และตั้งค่าเป็นสีขาว
- แบบอักษร: Cormorant Infant
- ข้อความแสงอ่อน: กึ่งหนา
- สีข้อความ Text: #ffffff
- ขนาดข้อความ: 28px สำหรับเดสก์ท็อป, 20px สำหรับแท็บเล็ต, 16px สำหรับโทรศัพท์
- ความสูงของบรรทัดข้อความ: 1,2 em
เพิ่มโมดูลติดตามเราบนโซเชียลเน็ตเวิร์ก
โมดูลสุดท้ายของเราคือโมดูล ติดตามเราบนโซเชียลเน็ตเวิร์ก . เพิ่มไปที่ด้านล่างของบรรทัด
Stylize ติดตามเราบนโมดูลโซเชียลมีเดีย
เราจะเริ่มต้นด้วย แท็บสไตล์ เวลานี้. เลือก Center for Module Alignment และเปลี่ยนสีไอคอนเป็น #442854
- การจัดตำแหน่งโมดูล: ศูนย์
- ไอคอนสี: #442854
เลื่อนไปที่ บอร์ดure และเพิ่ม 23 พิกเซลสำหรับมุมโค้งมน
- สี่เหลี่ยมผืนผ้าโค้งมน: 32px
เพิ่มและปรับแต่งเครือข่ายโซเชียลของคุณ
ตอนนี้กลับไปที่ แท็บเนื้อหา และเพิ่มเครือข่ายโซเชียลที่คุณต้องการรวมไว้ คลิกไอคอนบวกสีเทา
เปิดพวกเขา การตั้งค่าสำหรับแต่ละเครือข่ายโซเชียลของคุณ เลือกเครือข่ายและเพิ่มลิงก์ไปยังบัญชีของคุณ ตั้งค่าสีพื้นหลังเป็น #f9f3fd ปิดการตั้งค่าโมดูลย่อย
- โซเชียลเน็ตเวิร์ก: ทางเลือกของคุณ
- URL ลิงก์บัญชี: ลิงก์ของคุณ
- สีพื้นหลัง: #f9f3fd
บันทึกหน้าบล็อกและออกจากตัวสร้างภาพ
enfin, บันทึกหน้า ที่มุมขวาล่างแล้วเลือก ออกจาก Visual Builder ที่ด้านบนของหน้า คุณพร้อมที่จะดูผลงานของคุณ
ดูตัวอย่างหน้าบล็อก
นี่คือผลลัพธ์ของเรา
ดาวน์โหลด DIVI ทันที!!!
สรุป
ดังนั้น ! นี่คือรูปลักษณ์ของเราในการสร้างหน้าบล็อกด้วย Divi
Divi Builder ทำให้ง่ายต่อการสร้างเลย์เอาต์ที่น่าสนใจ และมีหลายวิธีในการใช้แต่ละโมดูล ตามที่ได้สำรวจในบทช่วยสอนนี้ คุณสามารถใช้โมดูลบล็อกหลายเวอร์ชันในหน้าเดียวกันเพื่อแสดงฟีดของบล็อกในรูปแบบต่างๆ
หากคุณมีข้อกังวลหรือข้อเสนอแนะ หาเราใน ส่วนความเห็น เพื่อหารือเกี่ยวกับมัน
อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.
แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.
...