paphadablog

หากเราต้องการให้บทความในบล็อกของเราแสดงเนื้อหาสั้น ๆ ในหน้าแรก เพื่อน ๆ คงเคยเห็นบางบล็อก แสดงคำว่า read more ของบทความนั้น ๆ การที่จะใส่ read more ได้นั้น เราจำเป็นต้องเข้าไปแก้โค๊ดตรงส่วนของ HTML ซึ่งก็ต้องระมัดระวังกันสักหน่อย เพราะหากผิดพลาดไป theme หรือ template ของเราอาจจะเกิดการเสียหายได้ แต่ก็มีิวิธีป้องกันและกลับมาใช้ theme เดิมของเราได้ งั้นเรามาเริ่มกันเลยดีกว่า...

1. หลังจากที่เรา Log in เพื่อเข้าไปใช้งานบล็อก ให้คลิ๊กที่ รูปแบบ (Layout) และคลิ๊กที่ แก้ไข HTML (Edit HTML)

2. เมื่อเข้ามาสู่ หน้าที่เราสามารถทำการแก้ไข HTML ให้ทำการ save ตรงข้อความ "ก่อนที่จะแก้ไขแม่แบบของคุณ คุณอาจต้องบันทึกสำเนาไว้" ให้เรา กด ดาวน์โหลดแม่แบบฉบับเดิม (Download Full Template) แค่นี้เราก็เก็บแม่แบบเดิมเอาไว้ได้แล้ว เพื่อเป็นการป้องกัน theme หรือ template เสียหาย ดังแสดงในรูป

3. เมื่อโหลดเสร็จแล้วให้ คลิ๊กที่ ขยายแม่แบบเครื่องมือ (Expand Widget Templates) เพื่อทำการขยาย template ดังแสดงในรูปข้างบน
4. หลังจากนั้น ให้กด Ctrl+F พร้อมกัน ระบบจะเรียกช่องเล็กๆ ขึ้นมา เพื่อให้เราค้นหาตำแหน่งที่เราต้องการจะใส่โค๊ด /head ให้เราใส่ ลงไปในช่องเล็กๆ นั้น (โค๊ดก่อน /head บาง template โค๊ดชื่อ /script หรือ อาจเป็นโค๊ดชื่อ /b:skin) ดังแสดงในรูป


5. ให้ใส่ ข้อความข้างล่างนี้ เหนือ /head

*style>
*b:if cond='data:blog.pageType =="item"> (ตรง item ให้พิมพ์ข้อความเหมือนรูปที่แสดงข้างล่าง)
span.fullpost {display:inline;}
*b:else/>
span.fullpost {display:none;}
*/b:if>
*/style>
หมายเหตุ เครื่องหมาย * แทน เครื่องหมาย < (ถ้าเพื่อน ๆ ใส่ในโค๊ด html ให้ใส่ < แทน * ) ดังแสดงในรูป
6. ให้กด Ctrl+F พร้อมกัน จะมีช่องให้ค้นหา โดยหาคำว่า *data:post.body/> (มันอาจจะหายากสักนิดพยายามหาให้เจอ)
หมายเหตุ บาง template อาจ ขึ้นต้นด้วย *div class='post-body entry-content'

ใส่ข้อความข้างล่างนี้

*b:if cond='data:blog.pageType != "item"'>
*a expr:href='data:post.url' target='_blank'>Read more!*/a>
*/b:if>
ดังแสดงในรูป

หมายเหตุ เครื่องหมาย * แทน เครื่องหมาย < (ถ้าเพื่อน ๆ ใส่ในโค๊ด html ให้ใส่ < แทน * )

7. ไปที่ การตั้งค่า => การจัดรูปแบบ (Setting => Formatting) เลื่อนลงมาล่างสุดจะเห็น แม่แบบบทความ (Post Template) ให้พิมพ์ข้อความข้างล่างนี่ใส่เข้าไปแล้วเซฟค่ะ

*span class="fullpost">

*/span>
ดังรูป
เมื่อ ทำการเซฟเรียบร้อยแล้ว การจัดรูปแบบดังกล่าวก็จะถูกบันทึกไว้ เมื่อไหร่ก็ตามที่เราพิมพ์เนื้อหา ให้เราคลิ๊กมาที่ แก้ไข Html เราถึงจะเห็น โค๊ดที่ว่านี้


โดยใส่ข้อความเริ่มต้นเหนือ *span class="fullpost">
แล้วใส่เนื้อหาที่เหลือเหนือ */span>

ยกตัวอย่าง หากเราต้องการให้บทความในบล็อกของเราแสดงเนื้อหาสั้น ๆ ในหน้าแรก เพื่อน ๆ คงเคยเห็นบางบล็อก แสดงคำว่า read more หรืออ่านต่อ ตรงมุมล่างขวาของบทความนั้น ๆ *span class="fullpost"> การที่เราจะมี read more ได้นั้น เราจำเป็นต้องเข้าไปแก้โค๊ดตรงส่วนของ HTML ซึ่งก็ต้องระมัดระวังกันสักหน่อย เพราะหากผิดพลาดไป theme หรือ templateง ของอาจจะเกิดการเสียหายได้ แต่ก็มีิวิธีป้องกันให้และกลับมาใช้ theme เดิมของเราได้ งั้นเรามาเริ่มกันเลยดีกว่า...(พิมพ์จนกว่าจะจบเนื้อหา) */span>

เป็นอันว่าจบขั้นตอนเพียงเท่านี้ หวังว่าคงทำได้กันนะค่ะ ถ้าไม่เข้าใจก็ถามมาได้ค่ะ