วิธีแสดงข้อความที่ตัดตอนมาในธีม WordPress


คุณต้องการเรียนรู้วิธีแสดงข้อความที่ตัดตอนมาในธีม WordPress ของคุณหรือไม่?

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

ในบทความนี้ เราจะแสดงวิธีเพิ่มข้อความที่ตัดตอนมาในธีม WordPress ของคุณ

เหตุใดจึงแสดงข้อความที่ตัดตอนมาใน WordPress?

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

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

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

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

WordPress มีการรองรับข้อความที่ตัดตอนมาในตัว แต่ไม่ใช่ทุกธีมที่ใช้คุณสมบัตินี้

ดังที่ได้กล่าวไปแล้ว เรามาแสดงวิธีแสดงข้อความที่ตัดตอนมาในธีม WordPress กัน

วิธีตรวจสอบว่าธีม WordPress ของคุณรองรับข้อความที่ตัดตอนมาหรือไม่

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

หากต้องการดูว่าธีมของคุณรองรับข้อความที่ตัดตอนมาหรือไม่ ให้ไปที่ ลักษณะที่ปรากฏ » ปรับแต่ง ในแดชบอร์ด WordPress

ตำแหน่งของการตั้งค่าเหล่านี้จะแตกต่างกันไปขึ้นอยู่กับธีม WordPress ของคุณ แต่คุณต้องค้นหาการตั้งค่าที่มีป้ายกำกับว่า 'บล็อก'

ตัวอย่างเช่น หากคุณใช้ธีม Astra WordPress คุณจะต้องเลือก 'บล็อก' จากนั้นคลิกที่ 'บล็อก/เก็บถาวร'

จากนั้นคุณสามารถเลื่อนลงไปที่ส่วน "โพสต์เนื้อหา" และคลิกที่ "ข้อความที่ตัดตอนมา"

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

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

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

วิธีที่ 1: เพิ่มข้อความที่ตัดตอนมาใน WordPress โดยใช้โค้ด (ง่าย)

หากธีม WordPress ของคุณไม่รองรับข้อความที่ตัดตอนมาตามค่าเริ่มต้น คุณสามารถเพิ่มคุณสมบัตินี้ด้วยตนเองได้ตลอดเวลา

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

สำหรับรายละเอียดเพิ่มเติม โปรดดูคำแนะนำสำหรับผู้เริ่มต้นเกี่ยวกับวิธีสร้างธีมลูก WordPress

หลังจากสร้างธีมลูกแล้ว คุณจะต้องค้นหาเทมเพลตที่ควบคุมแต่ละหน้าที่คุณต้องการแสดงข้อความที่ตัดตอนมาจากโพสต์ สำหรับธีมส่วนใหญ่ จะเป็น home.php, content.php, category.php และ archive.php.

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

หลังจากนั้นคุณเพียงแค่ต้องค้นหารหัสต่อไปนี้ในแต่ละไฟล์:

<?php the_content(); ?>

จากนั้น แทนที่โค้ดนี้ด้วยแท็ก the_excerpt:

<?php the_excerpt(); ?>

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

เปลี่ยนความยาวข้อความที่ตัดตอนมาของ WordPress เริ่มต้น

ตามค่าเริ่มต้น WordPress จะแสดงคำ 55 คำแรกของแต่ละโพสต์ จากนั้นเพิ่มจุดไข่ปลา (...) เพื่อแสดงว่ายังมีเนื้อหาเพิ่มเติม

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

ข้อผิดพลาดง่ายๆ ยังอาจทำให้เกิดข้อผิดพลาด WordPress ทั่วไปมากมาย และอาจถึงขั้นทำให้ไซต์ของคุณพังโดยสิ้นเชิง

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

ขั้นแรก คุณจะต้องติดตั้งและเปิดใช้งานปลั๊กอิน WPCode ฟรี หากต้องการข้อมูลเพิ่มเติม โปรดดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

เมื่อเปิดใช้งาน ให้ไปที่ ข้อมูลโค้ด » + เพิ่มข้อมูลโค้ด

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

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

หลังจากนั้น เปิดเมนูแบบเลื่อนลง "ประเภทโค้ด" และเลือก "PHP Snippet"

เมื่อเสร็จแล้ว เพียงวางสิ่งต่อไปนี้ลงในโปรแกรมแก้ไขโค้ด:

return 100;
}
add_filter('excerpt_length', 'new_excerpt_length');

// Changing excerpt more
function new_excerpt_more($more) {
return '...';
}
add_filter('excerpt_more', 'new_excerpt_more');

รหัสนี้เปลี่ยนความยาวข้อความที่ตัดตอนมาของโพสต์เป็น 100 อักขระ คุณสามารถเปลี่ยน '100' เป็นตัวเลขใดก็ได้ที่คุณต้องการ

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

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

วิธีที่ 2: เพิ่มข้อความที่ตัดตอนมาของโพสต์โดยใช้ตัวแก้ไขไซต์แบบเต็ม (บล็อกธีมเท่านั้น)

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

ในการเริ่มต้น ให้ไปที่ ลักษณะที่ปรากฏ » ตัวแก้ไข ในแดชบอร์ด WordPress

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

ในเมนูด้านซ้ายมือ เพียงคลิกที่ 'เทมเพลต'

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

เพียงค้นหาเทมเพลตที่คุณต้องการแก้ไขแล้วคลิกเพียงครั้งเดียว

WordPress จะแสดงตัวอย่างเทมเพลตนี้

หากต้องการแก้ไขเทมเพลต ให้คลิกที่ไอคอนดินสอขนาดเล็ก

ตอนนี้คลิกที่ไอคอน '+'

ในแผงการค้นหาที่ปรากฏขึ้น ให้พิมพ์ 'โพสต์ข้อความที่ตัดตอนมา'

เมื่อบล็อกด้านขวาปรากฏขึ้น ให้ลากและวางลงในเลย์เอาต์ของคุณ

คุณสามารถทำขั้นตอนนี้ซ้ำเพื่อเพิ่มข้อความที่ตัดตอนมาจากโพสต์หลายรายการลงในเทมเพลต

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

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

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

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

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

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

วิธีที่ 3: เพิ่มข้อความที่ตัดตอนมาใน WordPress โดยใช้ตัวสร้างธีม (ขั้นสูง)

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

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

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

หมายเหตุ: มีปลั๊กอิน SeedProd ฟรีที่ช่วยให้คุณสามารถสร้างหน้าที่สวยงามในเร็วๆ นี้และหน้าโหมดการบำรุงรักษาได้ ไม่ว่าคุณจะมีงบประมาณเท่าใด อย่างไรก็ตาม คุณจะต้องมีแผน SeedProd Pro หรือ Elite เพื่อปลดล็อคตัวสร้างธีม

ขั้นแรก คุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน SeedProd หากต้องการรายละเอียดเพิ่มเติม โปรดดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

เมื่อเปิดใช้งาน ให้ไปที่หน้า SeedProd » การตั้งค่า และป้อนรหัสสัญญาอนุญาตของปลั๊กอิน คุณสามารถค้นหาข้อมูลนี้ได้ในบัญชีของคุณบนเว็บไซต์ SeedProd

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

ขั้นแรก คุณต้องไปที่หน้า SeedProd » ตัวสร้างธีม

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

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

ตามที่กล่าวไว้ ให้คลิกที่ปุ่ม 'ชุดเทมเพลตธีม'

ตอนนี้คุณสามารถเลือกเทมเพลตที่มีอยู่ได้

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

หลังจากเลือกธีมแล้ว SeedProd จะสร้างเทมเพลตธีมทั้งหมดที่คุณต้องการโดยอัตโนมัติ

คุณสามารถคิดได้ว่านี่เป็นเวอร์ชันร่างของธีม WordPress ที่คุณกำหนดเอง

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

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

สิ่งนี้จะโหลดตัวสร้างการลากและวาง SeedProd

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

ทางด้านซ้ายมือจะแสดงเมนูพร้อมบล็อกต่างๆ ที่คุณสามารถใช้ได้

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

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

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

หลังจากนั้น ให้เลือกเนื้อหาที่คุณต้องการแสดงในบล็อกนี้โดยใช้การตั้งค่าในเมนูด้านซ้าย

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

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

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

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

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

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

เมื่อคุณพอใจกับวิธีการตั้งค่าข้อความที่ตัดตอนมาของโพสต์แล้ว ให้คลิกปุ่ม "บันทึก" ที่มุมขวาบนของหน้าจอ

ตอนนี้คุณสามารถปรับแต่งเทมเพลต SeedProd อื่นๆ ได้โดยไปที่ SeedProd » ตัวสร้างธีม และทำตามขั้นตอนเดียวกันกับที่อธิบายไว้ข้างต้น

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

ตอนนี้ หากคุณเยี่ยมชมหน้าบล็อกใดๆ ของคุณ คุณจะเห็นข้อความที่ตัดตอนมาจากโพสต์นั้นทันที

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

หากคุณชอบบทความนี้ โปรดติดตามวิดีโอบทแนะนำช่อง YouTube สำหรับ WordPress ของเรา คุณยังพบกับเราได้บน Twitter และ Facebook