การทำ Readmore หรือการทำปุ่มเพื่อกดอ่านบทความทั้งหมดในบทความน้น ๆ
การทำ Readmore เป็นตัวช่วยที่ทำให้เราบริหารจัดการพื้นที่ของบทความได้ดีขึ้น ใช้สำหรับบทความที่มีเนื้อหาค่อนข้างมาก หรือเป็นบนความที่แสดงอยู่บนหน้าเว็บ แต่หน้าเว็บมีพี่ที่ไม่พอกับบทความนั้น ๆ การทำ Readmore จึงเป็นวิธีที่ดีที่จะช่วยในการจัดการบริหาร
บทความและความสวยงานของบทความที่ขึ้นหน้าเว็บ
และก่อนที่เราจะทำ Readmore นั้น เราจะต้องรู้จักการสร้างบทความก่อน
ใครที่ยังสร้างบทความไม่เป็น สามารถศึกษาเพิ่มเติมได้ที่
https://www.youtube.com/watch?v=_i9TSxZ ... I&index=22
วิธีการทำ Readmore
ขั้นตอนแรกให้เราเข้า
Joomla ในส่วนของ Admin เมื่อเข้ามาแล้วให้สังเกตคำว่า
"Content"
- Readmore 1.png (86.36 KiB) Viewed 2813 times
ทำการคลิกที่
"Content" >> "Articles" >> "Add New Articles"
- Readmore-7.png (12.4 KiB) Viewed 2813 times
เมื่อคลิกเข้ามาแล้ว จะเป็นในส่วนที่เราจะต้องใส่เนื้อหา จะมีทั้งหมด 3 ส่วน
- Readmore-6.png (86.18 KiB) Viewed 2813 times
ส่วนแรก ให้ทำการตั้งชื่อ "Title" และ "Alias" ตามที่เราต้องการ แต่ในช่องของ "Alias" เราจะใส่หรือไม่ใส่ก็ได้ ถ้าเราไม่ใส่ โปรแกรมจะใส่ให้เราอัตโนมัส
- Readmore-5.png (38.74 KiB) Viewed 2813 times
ส่วนที่สอง ให้เราใส่เนื้อหาของเราลงไป จนคิดว่าเนื้อหายาวมากแล้ว ให้เราทำการหยุดใส่ข้อความ แล้วคลิกที่ปุ่ม "Read More" ในแท็บเครื่อง
- Readmore-4.png (9.86 KiB) Viewed 2813 times
จะสังเกตเห็นได้ว่า มีเส้นปะสีแดงขึ้นมากั้นเนื้อหาเรา ให้เราทำการใส่เนื้อหาที่เหลือ ต่อจากเส้นปะสีแดงได้เลย
- Readmore-3.png (42.7 KiB) Viewed 2813 times
เมื่อใส่เนื้อหาเสร็จเรียบร้อยแล้วให้เรามาเซ็ตค่าในด้านขวา
ในส่วนของ "Status" ให้เราทำการตั้งเป็น "Published" เพื่อเป็นการเซ็ตให้เนื้อหาหรือบทความของเรานี้ได้ทำการ ออนไลน์
ในส่วนของ "Category" เป็นการเลือกหมวดหมู่ ว่าจะให้บทความนี้อยู่ในหมวดหมู่ไหน หรือเราจะไม่เลือกก็ได้
ในส่วนของ "Featured" เป็นการกำหนดว่าให้เนื้อหาหรือบทความนี้เป็นบทความแนะนำหรือไม่ ในที่นี้ผมจะเลือก "Yes" เพื่อที่จะแสดงผลออกมาให้ดูกันเลยนะครับ
ในส่วนของ "Access" ให้เรากำหนดสิทธิ ในการเข้าถึงเนื้อหาหรือบทความนี้ว่าใครที่มีสิทธิเข้าถึงเนื้อหาหรือบทความนี้ได้ หรือจะให้สามารถเข้าถึงได้ทั้งหมด
ในส่วนของ "Language" เป็นการให้เราตั้งค่าภาษา ซึ่งในส่วนนี้แนะนำให้ตั้งเป็น "All" ซึ่งถ้าเราไม่ทำการเลือกทั้งหมด เว็บเราก็จะรับรองแค่ภาษาที่เราเลือกส่วนภาษาที่เราไม่ได้เลือกจะไม่รับรองนั้นเองครับและเมื่อเซ็ตค่าทุกอย่างแล้ว ให้ทำการ "Seve & Close" ได้เลยครับ
- Readmore-2.png (24.89 KiB) Viewed 2813 times
เมื่อเราเข้าไปดูหน้าเว็บก็จะเห็นเนื้อหาหรือบทความแต่จะขึ้นมาแค่ส่วนที่อยู่ก่อนเส้นปะสี่แดงเท่านั้น และจะมีปุ่มคำว่า "Read More บทนำ"
- Readmore-9.png (162.05 KiB) Viewed 2813 times
ให้เราทำการคลิกที่ปุ่ม "Read More บทนำ" มันก็จะแสดงเนื้อหาของเราทั้งหมดออกมา
- Readmore-8.png (123.51 KiB) Viewed 2813 times
เป็นการเสร็จสิ้นในการทำปุ่ม "Read More"
ก็เสร็จเป็นที่เรียบร้อยกับการทำ Readmore หรือการทำปุ่มอ่านข้อความเพิ่มเติม
สามารถศึกษาเพิ่มเติมได้ที่
https://www.youtube.com/watch?v=bbffrqL ... I&index=17