วิธีจำกัดความยาวข้อความที่ตัดตอนมาของโมดูลบล็อก Divi ของคุณ

เผยแพร่แล้ว: 2022-02-03

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

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

ดูตัวอย่าง

อันดับแรก มาดูกันว่าเราจะสร้างอะไร

ความยาวข้อความที่ตัดตอนมาจำกัดบนเดสก์ท็อป

ความยาวข้อความที่ตัดตอนมาจำกัดบนโทรศัพท์

สมัครสมาชิกช่อง Youtube ของเรา

ทำไมต้องรวมข้อความที่ตัดตอนมา?

ทำไมต้องใส่ข้อความที่ตัดตอนมา

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

ทำไมต้องใส่ข้อความที่ตัดตอนมา

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

ทำไมต้องใส่ข้อความที่ตัดตอนมา

สำหรับบทความในหน้าฟีดบล็อกของ WordPress จำเป็นต้องเปิดใช้งานความสามารถในการแสดงข้อความที่ตัดตอนมาในการตั้งค่าการอ่าน เราสามารถเปิดใช้งานตัวเลือกนี้ได้ แต่ไม่สามารถควบคุมความยาวของข้อความที่ตัดตอนมาได้

ทำไมต้องใส่ข้อความที่ตัดตอนมา

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

วิธีจำกัดความยาวของข้อความที่ตัดตอนมา

การจำกัดความยาวของข้อความที่ตัดตอนมาของโพสต์ในโมดูล Divi Blog นั้นง่ายมาก ขั้นแรก วางเมาส์เหนือโมดูลแล้วคลิก ไอคอนรูปเฟือง เพื่อเปิดการตั้งค่าของโมดูล

วิธีจำกัดความยาวของข้อความที่ตัดตอนมา

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

ความยาวของเนื้อหา: แสดงข้อความที่ตัดตอนมา
ความยาวข้อความที่ตัดตอนมา: ป้อนหมายเลข

มาดูกันดีกว่าว่าการตั้งค่าแต่ละอย่างทำอะไรได้บ้าง

ความยาวของเนื้อหา

ความยาวเนื้อหา ให้คุณเลือกระหว่างการแสดงข้อความที่ตัดตอนมาและการแสดงเนื้อหาทั้งหมด เลือก แสดงข้อความที่ตัดตอนมา เพื่อระบุความยาวของข้อความที่ตัดตอนมา ตัวอย่างนี้แสดงเนื้อหา

ความยาวของเนื้อหา: แสดงข้อความที่ตัดตอนมา

ใช้ข้อความที่ตัดตอนมา

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

ความยาวข้อความที่ตัดตอนมา

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

ไม่มีหมายเลขอักขระที่ตัดตอนมาบางส่วนที่ดีที่สุดให้เลือกเสมอ เนื้อหาต่างกัน ผู้ชมต่างกัน และการออกแบบของคุณก็ต่างกัน ฉันแนะนำให้ใช้ตัวเลขที่ตรงกับการออกแบบของหน้ามากที่สุด คุณยังสามารถทำการทดสอบแยก a/b เพื่อดูว่าข้อความที่ตัดตอนมาแบบใดเหมาะที่สุดสำหรับผู้ชมของคุณ

ซ่อนข้อความที่ตัดตอนมา

นอกจากนี้ยังสามารถซ่อนข้อความที่ตัดตอนมาทั้งหมดได้ เพียงเลื่อนลงไปที่ Elements และ ปิดใช้งาน Show Excerpt

วิธีจัดรูปแบบข้อความที่ตัดตอนมา

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

หมายเหตุ – เพื่อประหยัดเวลา ปกติฉันจะคัดลอกโมดูลจากหน้า Landing Page ของชุดเค้าโครงนี้ ฉันจะเริ่มต้นจากศูนย์และทำตามคิวการออกแบบจากโฮมเพจ และสร้างสไตล์ของตัวเอง