วิธีทำรายการบทความ Post List (แบบรายการแนวนอน) ใน Blogger
บางครั้งการ์ดใหญ่ ๆ ก็เปลืองพื้นที่เกินไป เมื่อคุณอยากแสดงบทความหลายชิ้นอย่างกะทัดรัด รายการบทความ (Post List) คือคำตอบ มันแสดงบทความเป็นแถวแนวนอนพร้อมรูปเล็กและหัวข้อ บทความนี้สอนวิธีตั้งค่าในธีม Blogger ด้วย BlogKub ที่ดึงจากฟีดอัตโนมัติ ตั้งจำนวนและเปิด/ปิดรูปได้
สรุปสั้น: บล็อก รายการบทความ (Post List) ใน BlogKub แสดงบทความ แบบรายการแนวนอน พร้อมรูปเล็กและหัวข้อ ดึงจากฟีดอัตโนมัติ ตั้ง หัวข้อส่วน จำนวนบทความ และ เปิด/ปิดรูป ได้ เหมาะกับพื้นที่แคบหรือเมื่ออยากแสดงหลายบทความในแนวตั้งแบบกะทัดรัด เป็น responsive แล้ว Export ไปใช้
รายการบทความคืออะไร และต่างจากตารางบทความอย่างไร
รายการบทความ (Post List) คือการแสดงบทความเป็นแถวเรียงลงมาในแนวตั้ง แต่ละแถวมีรูปเล็กและหัวข้อวางแนวนอน ต่างจากตารางบทความ (Post Grid)ที่แสดงเป็นการ์ดในตารางเน้นรูปใหญ่ รายการใช้พื้นที่แนวตั้งอย่างกะทัดรัด ทำให้แสดงบทความได้หลายชิ้นในพื้นที่จำกัดโดยที่ผู้อ่านยังสแกนหัวข้อได้เร็ว
ความต่างนี้ทำให้ทั้งสองเหมาะกับสถานการณ์ต่างกัน ตารางบทความเหมาะเป็นส่วนแสดงบทความหลักบนหน้าแรกที่เน้นความสวยของภาพ ส่วนรายการบทความเหมาะกับพื้นที่แคบอย่างไซด์บาร์ หรือส่วนที่อยากแสดงหลายบทความโดยไม่กินพื้นที่มาก เช่น รายการบทความยอดนิยมหรือล่าสุด การเลือกใช้ให้ถูกกับบริบทช่วยให้หน้าเว็บมีจังหวะและใช้พื้นที่อย่างมีประสิทธิภาพ
ดึงจากฟีดอัตโนมัติเช่นเดียวกับส่วนอื่น
เช่นเดียวกับตารางบทความและส่วนบทความล่าสุด รายการบทความ ดึงข้อมูลจากฟีดของ Blogger โดยตรง ระบบนำหัวข้อ รูป และวันที่ของบทความมาแสดงเป็นแถวรายการ ผลคือรายการอัปเดตตัวเองทุกครั้งที่คุณเผยแพร่บทความใหม่ โดยไม่ต้องมาเพิ่มหรือแก้ไขเอง
การทำงานกับฟีดนี้เป็นหลักการเดียวกันทั่วทั้ง BlogKub ที่ทำให้ส่วนแสดงบทความต่าง ๆ ดูแลตัวเองได้ คุณจึงมั่นใจได้ว่ารายการบทความจะแสดงเนื้อหาล่าสุดเสมอ ในขณะที่คุณโฟกัสกับการเขียน ความสม่ำเสมอของแนวทางนี้ยังทำให้คุณเข้าใจและใช้ฟีเจอร์ต่าง ๆ ได้ง่าย เพราะทำงานคล้ายกัน
วิธีตั้งค่ารายการบทความทีละขั้น
- เพิ่ม/เลือกบล็อกรายการบทความ เลือกบล็อก “รายการบทความ (Post List)” ที่มีในเทมเพลต หรือลากเข้ามาในตำแหน่งที่ต้องการ เช่น ไซด์บาร์หรือส่วนเสริม
- ตั้งหัวข้อและจำนวน ใส่หัวข้อส่วน (เช่น “บทความยอดนิยม”) และเลือกจำนวนบทความที่ต้องการแสดงในรายการ
- เปิด/ปิดรูปภาพ เลือกว่าจะแสดงรูปเล็กหน้าแต่ละรายการหรือไม่ ปิดรูปจะทำให้รายการกะทัดรัดและเน้นหัวข้อ
- Export XML และตรวจผล กด Export อัปโหลดเข้า Blogger แล้วตรวจว่ารายการแสดงถูกต้องและอ่านง่ายทั้งบนเดสก์ท็อปและมือถือ
เปิดหรือปิดรูป: เลือกตามพื้นที่และเป้าหมาย
ตัวเลือกเปิด/ปิดรูปเป็นการตัดสินใจที่ส่งผลต่อหน้าตาและความกะทัดรัดของรายการ เมื่อ เปิดรูป แต่ละรายการจะมีรูปเล็กหน้าหัวข้อ ช่วยดึงดูดสายตาและให้ภาพประกอบ เหมาะเมื่อมีพื้นที่พอและอยากให้รายการน่าสนใจ เมื่อ ปิดรูป รายการจะเหลือแค่หัวข้อและวันที่ กะทัดรัดมาก แสดงบทความได้หลายชิ้นในพื้นที่น้อย เหมาะกับไซด์บาร์แคบ ๆ หรือรายการยาว
การเลือกขึ้นกับเป้าหมาย ถ้าต้องการให้ผู้อ่านสแกนหัวข้อจำนวนมากอย่างรวดเร็ว การปิดรูปช่วยให้เห็นบทความได้มากในหน้าเดียว แต่ถ้าต้องการดึงดูดด้วยภาพ การเปิดรูปจะน่าสนใจกว่า ทดลองทั้งสองแบบในตำแหน่งที่คุณจะวางรายการ แล้วเลือกที่เหมาะกับพื้นที่และผู้อ่านของคุณมากที่สุด
รายการบทความในระบบนำทางของเว็บ
รายการบทความมักทำหน้าที่เป็นส่วนเสริมที่ช่วยการค้นพบเนื้อหา วางในไซด์บาร์เพื่อแสดงบทความยอดนิยมหรือล่าสุด ก็ช่วยให้ผู้อ่านที่กำลังอ่านบทความหนึ่งเห็นบทความอื่นและคลิกอ่านต่อ นี่คือการเพิ่มโอกาสให้ผู้อ่านสำรวจเว็บมากขึ้น ซึ่งช่วยยืดเวลาที่เขาอยู่บนเว็บ
เมื่อใช้ร่วมกับไซด์บาร์ที่วางรายการไว้ข้างเนื้อหา และองค์ประกอบชวนอ่านต่ออื่น ๆ เช่นบทความที่เกี่ยวข้อง รายการบทความก็เป็นอีกชั้นของระบบที่ทำให้ผู้อ่านมีทางเลือกอ่านต่อเสมอ การออกแบบให้ทุกจุดของเว็บมีบทความอื่นให้เลือกคือกลยุทธ์สำคัญในการรักษาผู้อ่านไว้และเพิ่มจำนวนบทความที่ถูกอ่าน
รายการบทความกับการออกแบบจังหวะของหน้า
หน้าเว็บที่ดีมี “จังหวะ” ของการนำเสนอที่หลากหลาย ไม่ใช่การ์ดใหญ่ ๆ เรียงกันไปทั้งหน้า การผสมรูปแบบการแสดงบทความช่วยให้หน้าไม่น่าเบื่อและใช้พื้นที่อย่างเหมาะสม ตัวอย่างเช่น ใช้ตารางบทความการ์ดใหญ่สำหรับบทความล่าสุดที่อยากเน้น แล้วใช้รายการบทความแบบกะทัดรัดสำหรับส่วน “บทความยอดนิยม” หรือ “อ่านเพิ่มเติม” ที่ไม่ต้องการพื้นที่มาก
การสลับระหว่างการ์ดใหญ่กับรายการกะทัดรัดสร้างความหลากหลายทางสายตาที่ทำให้หน้าดูมีการออกแบบ ไม่ใช่แค่การวางเนื้อหาซ้ำ ๆ รายการบทความจึงเป็นเครื่องมือที่ช่วยให้คุณควบคุมจังหวะและความหนาแน่นของข้อมูลในแต่ละส่วนของหน้าได้ ทำให้หน้าเว็บทั้งสวยและใช้พื้นที่อย่างมีประสิทธิภาพ
รายการบทความบนมือถือ
รายการบทความมีข้อได้เปรียบบนมือถือเป็นพิเศษ เพราะรูปแบบแนวนอนที่มีรูปเล็กด้านหนึ่งและหัวข้อด้านหนึ่งเข้ากับหน้าจอแคบได้ดี ต่างจากการ์ดใหญ่ที่กินความสูงมากทำให้ต้องเลื่อนเยอะ รายการแบบแถวช่วยให้ผู้อ่านมือถือเห็นบทความหลายชิ้นในการเลื่อนน้อยครั้ง ซึ่งเหมาะกับพฤติกรรมการสแกนเนื้อหาบนมือถือที่ผู้อ่านมักเลื่อนเร็ว
เนื่องจากผู้อ่านส่วนใหญ่เข้าจากมือถือ การมีรายการบทความที่กะทัดรัดในบางส่วนของหน้าจึงช่วยให้ประสบการณ์บนมือถือดีขึ้น ระบบปรับการแสดงผลให้เหมาะกับจอเล็กอยู่แล้ว คุณจึงมั่นใจได้ว่ารายการจะอ่านง่ายทุกอุปกรณ์ การเลือกใช้รายการในจุดที่เหมาะจึงเป็นการออกแบบที่คำนึงถึงผู้อ่านมือถือตั้งแต่ต้น
ปัญหาที่พบบ่อยและวิธีแก้
รายการบทความไม่แสดง
ตรวจว่าบล็อกมีบทความเผยแพร่แล้ว เพราะรายการดึงจากฟีด และตรวจว่าเพิ่ม/เลือกบล็อกและ Export ใหม่แล้ว
รูปในรายการไม่ขึ้น
รายการใช้รูปหน้าปกบทความ หากบทความไม่มีรูป รายการนั้นจะไม่มีภาพ ใส่รูปหน้าปกทุกบทความหรือปิดรูปเพื่อความสม่ำเสมอ
รายการยาวเกินไป
ลดจำนวนบทความที่แสดงให้เหมาะกับพื้นที่ โดยเฉพาะในไซด์บาร์ที่ไม่ควรยาวจนดันเนื้อหาอื่น
อยากได้การ์ดรูปใหญ่แทน
ถ้าต้องการเน้นภาพและการ์ดใหญ่ ให้ใช้ตารางบทความ (Post Grid)แทน ซึ่งออกแบบมาเพื่อการแสดงแบบการ์ดโดยเฉพาะ
ตัวอย่างการใช้รายการบทความในบล็อกแต่ละแนว
- บล็อกข่าว/อัปเดต: รายการหัวข้อข่าวแบบกะทัดรัดในไซด์บาร์ ให้ผู้อ่านสแกนข่าวล่าสุดหลายชิ้นได้เร็ว เหมาะกับเนื้อหาที่คนอยากอัปเดตแบบรวดเร็ว
- บล็อกความรู้/ฮาวทู: รายการ “บทความยอดนิยม” หรือ “อ่านต่อ” ที่ท้ายบทความหรือในไซด์บาร์ ช่วยแนะนำเนื้อหาเพิ่มโดยไม่กินพื้นที่มาก
- บล็อกรีวิว: รายการรีวิวอื่นในหมวดเดียวกันแบบแถว ให้ผู้อ่านที่กำลังเปรียบเทียบเห็นตัวเลือกหลายชิ้นในพื้นที่เดียว
- เว็บที่มีเนื้อหาเยอะ: รายการแบบปิดรูปเพื่อแสดงหัวข้อจำนวนมากอย่างกะทัดรัด เหมาะกับดัชนีบทความหรือหน้ารวมหัวข้อ
จุดร่วมของทุกกรณีคือรายการบทความช่วยแสดง “หลายบทความในพื้นที่น้อย” ซึ่งเสริมส่วนแสดงบทความหลักและช่วยให้ผู้อ่านค้นพบเนื้อหาได้มากขึ้นโดยไม่ทำให้หน้ายาวเกินไป
แนวทางปฏิบัติที่ดี (Best Practices)
- ใช้รายการบทความในพื้นที่แคบหรือเมื่ออยากแสดงหลายบทความแบบกะทัดรัด
- เลือกเปิดรูปเมื่อมีพื้นที่และอยากดึงดูด ปิดรูปเมื่อต้องการความกะทัดรัด
- ตั้งจำนวนบทความให้เหมาะกับพื้นที่ ไม่ยาวจนดันเนื้อหาอื่น
- ใส่รูปหน้าปกและหัวข้อที่ชัดเจนในทุกบทความเพื่อให้รายการดูดี
- ใช้คู่กับตารางบทความและไซด์บาร์เพื่อระบบแสดงเนื้อหาที่ครบถ้วน
สรุป
รายการบทความเป็นวิธีแสดงบทความแบบกะทัดรัดที่เหมาะกับพื้นที่แคบและการแสดงหลายบทความในแนวตั้ง ด้วย BlogKub คุณตั้งค่า Post List ได้ง่ายโดยไม่ต้องเขียนโค้ด ระบบดึงบทความจากฟีดอัตโนมัติและแสดงเป็นแถวรายการพร้อมรูปเล็กและหัวข้อ คุณตั้งหัวข้อส่วน จำนวนบทความ และเปิด/ปิดรูปได้ตามพื้นที่และเป้าหมาย อีกทั้งเป็น responsive เมื่อเลือกใช้ให้ถูกกับบริบท เช่น วางในไซด์บาร์เพื่อแสดงบทความยอดนิยม รายการบทความจะช่วยให้ผู้อ่านค้นพบและอ่านบทความมากขึ้น ซึ่งเสริมระบบนำทางและการรักษาผู้อ่านไว้บนเว็บของคุณ
คำถามที่พบบ่อย (FAQ)
รายการบทความต่างจากตารางบทความอย่างไร?
รายการบทความ (Post List) แสดงบทความเป็นแถวแนวนอนพร้อมรูปเล็กและหัวข้อ ใช้พื้นที่แนวตั้งแบบกะทัดรัด ส่วนตารางบทความ (Post Grid) แสดงเป็นการ์ดในตารางที่เน้นรูปใหญ่ รายการเหมาะกับพื้นที่แคบหรือเมื่ออยากแสดงหลายบทความในแนวตั้ง
รายการบทความดึงข้อมูลจากไหน?
ดึงจากฟีดบทความของ Blogger ของคุณเอง โดยนำหัวข้อ รูป และวันที่มาแสดง จึงอัปเดตอัตโนมัติทุกครั้งที่คุณเผยแพร่บทความใหม่ ไม่ต้องเพิ่มเอง
ปิดรูปในรายการได้ไหม?
ได้ เปิด/ปิดการแสดงรูปเล็กหน้าแต่ละรายการได้ ปิดรูปจะทำให้รายการกะทัดรัดและเน้นหัวข้อ เหมาะเมื่อต้องการแสดงบทความจำนวนมากในพื้นที่จำกัด
รายการบทความเหมาะกับตรงไหน?
เหมาะกับไซด์บาร์ พื้นที่แคบ หรือส่วนที่อยากแสดงหลายบทความในแนวตั้ง เช่น รายการบทความยอดนิยมหรือล่าสุด ให้ผู้อ่านสแกนหัวข้อได้เร็ว
รายการบทความ responsive ไหม?
responsive รายการปรับการแสดงผลให้เหมาะกับจอเล็กอัตโนมัติ หัวข้อและรูปจัดวางให้อ่านง่าย จึงใช้ได้ดีทั้งบนเดสก์ท็อปและมือถือ