วิธีสร้างเทมเพลตหน้าหมวดหมู่สำหรับบล็อกของคุณโดยใช้ตัวสร้างธีม Divi

หน้าหมวดหมู่มีประโยชน์อย่างยิ่งต่อผู้ใช้โดยให้หน้าทั้งหน้าเต็มไปด้วยสิ่งที่พวกเขาสนใจ (หรือค้นหา) แต่หลายครั้งที่หน้าหมวดหมู่อาจประสบปัญหาในการออกแบบ ใน Divi ก่อนถึงยุคของ Divi Theme Builder นักพัฒนาซอฟต์แวร์ต้องพึ่งพาการปรับแต่งโค้ด php ด้วยตนเองในไฟล์ธีมของเทมเพลตหน้าหมวดหมู่ จากนั้นจึงกำหนดสไตล์เทมเพลตของเพจด้วย CSS ภายนอกเท่านั้น แต่ตอนนี้ ด้วย Divi Theme Builder กระบวนการนี้จึงกลายเป็นเรื่องง่ายและสนุกสนาน!

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

มาเริ่มกันเลย!

แอบมอง

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

ดาวน์โหลดเค้าโครงฟรี

หากต้องการใช้การออกแบบจากบทช่วยสอนนี้ คุณจะต้องดาวน์โหลดโดยใช้ปุ่มด้านล่างก่อน ในการเข้าถึงการดาวน์โหลด คุณจะต้องสมัครรับรายชื่ออีเมล Divi Daily ของเราโดยใช้แบบฟอร์มด้านล่าง ในฐานะสมาชิกใหม่ คุณจะได้รับ Divi goodness และ Divi Layout pack ฟรีทุกวันจันทร์! หากคุณอยู่ในรายชื่อแล้ว เพียงป้อนที่อยู่อีเมลของคุณด้านล่างแล้วคลิกดาวน์โหลด คุณจะไม่ถูก "สมัครใหม่" หรือรับอีเมลเพิ่มเติม

ดาวน์โหลดไฟล์

ดาวน์โหลดฟรี

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

ดาวน์โหลด

คุณสมัครสำเร็จแล้ว โปรดตรวจสอบที่อยู่อีเมลของคุณเพื่อยืนยันการสมัครของคุณและเข้าถึงชุดเค้าโครง Divi รายสัปดาห์ฟรี!

ในการนำเข้าเค้าโครงเทมเพลตไปยังเว็บไซต์ของคุณ คุณจะต้องไปที่ Divi Theme Builder และใช้ตัวเลือกการพกพาเพื่อนำเข้าไฟล์ .json ไปยังตัวสร้างธีม

ไปที่บทช่วยสอนกันไหม

สิ่งที่คุณต้องการเพื่อเริ่มต้น

ในการเริ่มต้น คุณจะต้องทำสิ่งต่อไปนี้:

1. หากคุณยังไม่ได้ติดตั้ง ให้ติดตั้งและเปิดใช้งานธีม Divi ที่ติดตั้ง (หรือปลั๊กอิน Divi Builder หากไม่ได้ใช้ธีม Divi)
2. เนื่องจากเราจะสร้างเทมเพลตหน้าหมวดหมู่สำหรับโพสต์ในบล็อก คุณจะต้องสร้างโพสต์บนเว็บไซต์ของคุณพร้อมหมวดหมู่ที่กำหนด

หลังจากนั้นคุณก็พร้อมที่จะไป

โมดูลและเนื้อหาแบบไดนามิกที่มีให้สำหรับเทมเพลตหน้าหมวดหมู่

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

โมดูลบล็อก

โมดูลบล็อกเป็นโมดูลหลักที่ควรใช้เพื่อแสดงเทมเพลตหน้าหมวดหมู่ เนื่องจากมีตัวเลือกในการแสดงโพสต์สำหรับหน้าปัจจุบัน

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

โมดูลตัวเลื่อนโพสต์และโมดูลชื่อโพสต์

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

โมดูลชื่อบทความยังสามารถใช้ได้ แต่ค่อนข้างจำกัดความสามารถในการแสดงชื่อของหน้าแบบไดนามิก องค์ประกอบอื่นๆ ส่วนใหญ่ที่มีอยู่ในโมดูลชื่อบทความไม่สามารถใช้ได้กับหน้าเก็บถาวร เฉพาะแม่แบบของบทความเท่านั้น

ชื่อโพสต์/ที่เก็บถาวร (เนื้อหาแบบไดนามิก)

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

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

เมื่อคุณเข้าใจเครื่องมือที่จำเป็นในการสร้างเทมเพลตหน้าหมวดหมู่แล้ว มาเริ่มสร้างกันเลย

วิธีสร้างเทมเพลตหน้าหมวดหมู่สำหรับบล็อกของคุณ

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

การสร้างและกำหนดเทมเพลตที่กำหนดเองสำหรับหมวดหมู่โพสต์

ในการเริ่มต้น ไปที่แดชบอร์ด WordPress และไปที่ Divi > Theme Builder จากนั้นคลิกพื้นที่กล่องสีเทาว่างเพื่อเพิ่มเทมเพลตใหม่

ถัดไป กำหนดเทมเพลตให้กับหน้าหมวดหมู่ทั้งหมด

การเพิ่ม Custom Body Area ใหม่ให้กับเทมเพลต

ในการสร้างเนื้อหาแบบกำหนดเองสำหรับเทมเพลต ให้คลิกที่ส่วนเพิ่มเนื้อหาแบบกำหนดเอง แล้วเลือก “สร้างเนื้อหาแบบกำหนดเอง”

จากนั้นเลือกตัวเลือก "สร้างตั้งแต่เริ่มต้น"

เพิ่ม Dynamic Archive Title

ในตัวแก้ไขเค้าโครงเทมเพลต ให้สร้างแถวหนึ่งคอลัมน์ใหม่ภายในส่วนปกติ

จากนั้นเพิ่มโมดูลข้อความในแถว

ลบเนื้อหาเริ่มต้นและคลิกไอคอน "ใช้เนื้อหาแบบไดนามิก" และเลือกตัวเลือก "ชื่อโพสต์/เก็บถาวร

เมื่อองค์ประกอบชื่อโพสต์/เก็บถาวรแล้ว ให้เปิดการตั้งค่าโดยคลิกไอคอนรูปเฟือง

จากนั้นอัปเดตพื้นที่ป้อนข้อมูล Before และ After เพื่อรวมเนื้อหาในแท็ก H1 และเพิ่มเนื้อหาสแตติกเพิ่มเติมหลังชื่อไดนามิกดังนี้:

ก่อน:

<h1>

หลังจาก:

 Articles</h1>

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

ชื่อไฟล์เก็บถาวรแบบไดนามิกสไตล์

เมื่อเนื้อหาไดนามิกเข้าที่ เราสามารถจัดรูปแบบโดยใช้สิ่งต่อไปนี้:

• แบบอักษรของหัวเรื่อง: Ubuntu
• แบบอักษรของหัวข้อ: น้ำหนัก: ตัวหนา
• หัวเรื่องข้อความสี: #192231
• ขนาดข้อความของหัวเรื่อง: 48px (เดสก์ท็อป), 38px (แท็บเล็ต), 28px (โทรศัพท์)
• ความสูงของบรรทัดหัวเรื่อง: 1.2em

การใช้โมดูลบล็อกเพื่อแสดงโพสต์สำหรับหมวดหมู่ปัจจุบันแบบไดนามิก

ด้วยชื่อหน้าหมวดหมู่แบบไดนามิก เราจำเป็นต้องเพิ่มโมดูลบล็อกเพื่อแสดงบทความสำหรับหน้าหมวดหมู่ปัจจุบัน

เพิ่มแถวใหม่

เพิ่มแถวหนึ่งคอลัมน์ใหม่ใต้แถวบนสุดปัจจุบัน

เพิ่มโมดูลบล็อก

จากนั้นเพิ่มโมดูลบล็อกในแถว

อัปเดตตัวเลือกเนื้อหาดังนี้:

• โพสต์สำหรับหน้าปัจจุบัน: ใช่
• จำนวนโพสต์: 9
• แสดงปุ่มอ่านเพิ่มเติม: ใช่

จำไว้ว่าเราต้องตรวจสอบให้แน่ใจว่าได้เปิดใช้งานโพสต์สำหรับหน้าปัจจุบันสำหรับหน้าหมวดหมู่เพื่อดึงที่เก็บโพสต์ที่ถูกต้อง

โมดูลบล็อกการออกแบบ

เมื่อตั้งค่าเนื้อหาแล้ว เรามาทำการเปลี่ยนแปลงการออกแบบดังนี้:

• เค้าโครง: Grid

• แบบอักษรของชื่อเรื่อง: Ubuntu
• น้ำหนักแบบอักษรของชื่อเรื่อง: ตัวหนา
• ชื่อข้อความสี: #192231
• แบบอักษร Meta: Ubuntu
• Meta Text Color: #985e6d
• ขนาดข้อความ Meta: 13px

• อ่านเพิ่มเติม แบบอักษร: Ubuntu
• อ่านเพิ่มเติม น้ำหนักแบบอักษร: ตัวหนา
• อ่านเพิ่มเติม ลักษณะแบบอักษร: ขีดเส้นใต้
• อ่านเพิ่มเติม สีข้อความ: #985e6d
• แบบอักษรของเลขหน้า: Ubuntu
• สีข้อความการแบ่งหน้า: #985e6d
• ขนาดข้อความการแบ่งหน้า: 18px
• ความสูงของเส้นแบ่งหน้า: 2em

• ความกว้างเส้นขอบของเค้าโครงตาราง: 0px
• กล่องเงา: ดูภาพหน้าจอ
• ความชัดเจนของเงากล่อง: 70px
• ความแรงของการกระจายเงาของกล่อง: -10px
• เงาสี: rgba(25,34,49,0.3)

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

สร้างตัวเลื่อนโพสต์เพื่อดึง 4 โพสต์ล่าสุดในหมวดหมู่ปัจจุบัน

เราสามารถใช้โมดูลตัวเลื่อนโพสต์เพื่อแสดงการโพสต์หน้าหมวดหมู่แบบไดนามิกได้เช่นกัน นี่คือวิธีการทำ

เพิ่มแถวใหม่

ขั้นแรกให้เพิ่มแถวใหม่ที่มีเค้าโครงคอลัมน์ 1/3 2/3 ใต้แถวบนสุด

เพิ่มโมดูลตัวเลื่อนโพสต์

ในคอลัมน์ด้านซ้าย เพิ่มโมดูลตัวเลื่อนโพสต์

จากนั้นอัปเดตตัวเลือกเนื้อหาของตัวเลื่อนโพสต์ดังนี้:

• โพสต์สำหรับหน้าปัจจุบัน: ใช่
• จำนวนโพสต์: 4
• แสดงโพสต์ Meta: NO

โมดูลตัวเลื่อนโพสต์การออกแบบ

เมื่อเนื้อหาตัวเลื่อนโพสต์พร้อมแล้ว ให้อัปเดตการตั้งค่าการออกแบบดังนี้:

• การจัดตำแหน่งข้อความ: ซ้าย
• แบบอักษรของชื่อเรื่อง: Ubuntu
• ความสูงของบรรทัดหัวเรื่อง: 1.3em
• ใช้สไตล์ที่กำหนดเองสำหรับปุ่ม: ใช่
• ขนาดข้อความของปุ่ม: 16px
• สีพื้นหลังของปุ่ม: #985e6d
• ความกว้างของขอบปุ่ม: 0px
• แบบอักษรของปุ่ม: Ubuntu

• กล่องเงา: ดูภาพหน้าจอ
• Box Shadow blur ความแรง: 70px
• ความแรงของการกระจายเงาของกล่อง: -10px
• เงาสี: rgba(25,34,49,0.3)

สร้างโมดูลบล็อกด้วยเลย์เอาต์เต็มความกว้าง

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

เพิ่มโมดูลบล็อก

เพื่อประหยัดเวลา ให้คัดลอกโมดูลบล็อกที่มีอยู่ในแถวด้านล่างแล้ววางลงในคอลัมน์ด้านขวาถัดจากตัวเลื่อนโพสต์

อัปเดตการตั้งค่าโมดูลบล็อกที่ซ้ำกัน

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

• โพสต์สำหรับหน้าปัจจุบัน: ใช่
• จำนวนโพสต์: 3
• ความยาวข้อความที่ตัดตอนมา: 120
• แสดงรูปภาพเด่น: ไม่ (อย่างน้อยก็ในตอนนี้)
• แสดงการแบ่งหน้า: NO

• เค้าโครง: เต็มความกว้าง:
• กล่องเงา: none

ผลลัพธ์จนถึงตอนนี้

จนถึงตอนนี้ ผลลัพธ์ที่ได้คือการแสดงโพสต์บล็อกสามรายการเพียงเล็กน้อย

แต่ถ้าเราต้องการก้าวไปอีกขั้น เราสามารถเพิ่มรูปภาพเด่นเล็กๆ ทางด้านซ้ายของข้อความที่ตัดตอนมาแต่ละโพสต์

ใช้ CSS ที่กำหนดเองเพื่อสร้างรูปภาพเด่นที่มีขนาดเล็กลงซึ่งลอยอยู่ทางด้านซ้ายของเนื้อหาที่ตัดตอนมาของโพสต์

ในการเพิ่มรูปภาพเด่นขนาดเล็กทางด้านซ้ายของข้อความที่ตัดตอนมาของบล็อกโพสต์ เราจำเป็นต้องเพิ่ม CSS ที่กำหนดเอง

ให้บล็อกโมดูล Custom CSS Class

สำหรับผู้เริ่มต้น เราต้องเพิ่มคลาส CSS ที่กำหนดเองลงในโมดูลบล็อก เปิดการตั้งค่าบล็อก และภายใต้แท็บขั้นสูง ให้ป้อนข้อมูลต่อไปนี้:

• CSS Class: left-blog-image

เพิ่มโค้ด CSS ด้วยโค้ดโมดูล

เนื่องจากเราเพิ่งเพิ่มข้อมูลโค้ด CSS ขนาดเล็กลงในเทมเพลตนี้ เราจึงสามารถใช้โมดูลโค้ดได้ เพิ่มโมดูลโค้ดภายใต้โมดูลบล็อก

ใส่โค้ด CSS

จากนั้นป้อน CSS ต่อไปนี้ในพื้นที่เนื้อหาโค้ด:

<style>
@media (min-width: 981px) {
.left-blog-image .et_pb_post .entry-featured-image-url {
float: left;
width: 100%;
max-width: 150px;
margin: 0 20px 30px 0;
}
.left-blog-image .et_pb_post {
margin-bottom: 20px !important;
}
}
</style>

อัปเดตการตั้งค่าโมดูลบล็อกเพื่อรวมรูปภาพเด่น

ตอนนี้ เราสามารถเพิ่มรูปภาพเด่นกลับมาเพื่อให้แสดงในตำแหน่งใหม่ทางด้านซ้ายได้ด้วย CSS snippet

การจัดรูปแบบเพิ่มเติมให้กับเทมเพลท

ก่อนที่เราจะสรุปผล เรามาทำการตกแต่งเล็กน้อยกับการออกแบบกันก่อน

เพิ่มและจัดรูปแบบตัวแบ่งภายใต้ชื่อไฟล์เก็บถาวร

เพิ่มโมดูลตัวแบ่งโดยตรงภายใต้ชื่อหน้าเก็บถาวรที่ด้านบนของเทมเพลต

จากนั้นอัปเดตการตั้งค่าตัวแบ่งดังนี้:

• สีเส้น: #985e6d
• น้ำหนักตัวแบ่ง: 3px
• ความกว้างสูงสุด: 200px

เพิ่มตัวแบ่งส่วนไปยังเลย์เอาต์

เปิดการตั้งค่าส่วนและเพิ่มตัวแบ่งส่วนดังนี้:

• สไตล์ตัวแบ่งด้านบน: ดูภาพหน้าจอ
• ตัวแบ่งสีด้านบน: rgba(73,78,107,0.07)
• ความสูงของตัวแบ่ง: 90vw
• Divider Flip: แนวนอนและแนวตั้ง

ใช้ Post Offset Number กับแต่ละโมดูลเพื่อหลีกเลี่ยงการโพสต์ซ้ำ Display

ขณะนี้โมดูลทั้งหมดของเรากำลังดึงเนื้อหาโพสต์เดียวกันสำหรับหน้าหมวดหมู่ปัจจุบัน เพื่อป้องกันไม่ให้โมดูลเหล่านั้นแสดงซ้ำ เราสามารถใช้ตัวเลือก Post Offset Number เพื่อ "ข้าม" จำนวนโพสต์ที่แสดงฟีดโพสต์

ออฟเซ็ตการโพสต์โมดูลบล็อกแบบเต็มความกว้าง

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

• โพสต์จำนวนออฟเซ็ต: 1

ตอนนี้โมดูลจะเริ่มต้นด้วยโพสต์ล่าสุดที่สองสำหรับหน้าหมวดหมู่ปัจจุบัน

กริดบล็อกโมดูลโพสต์ออฟเซ็ต

เมื่อแทนที่การโพสต์โมดูลบล็อกแรกแล้ว เราจำเป็นต้องชดเชยการโพสต์ในโมดูลบล็อกหลักที่ด้านล่างของเทมเพลต เปิดโมดูลบล็อกนั้นและอัปเดตหมายเลขออฟเซ็ตของโพสต์ดังนี้:

• โพสต์จำนวนออฟเซ็ต: 4

เราจำเป็นต้องตั้งค่าหมายเลขออฟเซ็ตเป็น 4 เพื่อบัญชีสำหรับ 4 โพสต์ที่แสดงไว้ข้างต้นแล้ว โมดูลจะเลือกตำแหน่งที่โมดูลอื่น ๆ ค้างไว้และเริ่มต้นด้วยโพสต์ล่าสุดที่ห้า

ผลลัพธ์สุดท้าย

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

นี่คือผลลัพธ์สุดท้าย

และนี่คือการแสดงผลบนแท็บเล็ตและโทรศัพท์

ความคิดสุดท้าย

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

Divi Theme Builder ช่วยคุณสร้างหน้าหมวดหมู่ได้อย่างไร

ฉันหวังว่าจะได้ยินจากคุณในความคิดเห็น

ไชโย!