# วิธีทำรายการบทความ Post List (แบบรายการแนวนอน) ใน Blogger บางครั้งการ์ดใหญ่ ๆ ก็เปลืองพื้นที่เกินไป เมื่อคุณอยากแสดงบทความหลายชิ้นอย่างกะทัดรัด รายการบทความ (Post List) คือคำตอบ มันแสดงบทความเป็นแถวแนวนอนพร้อมรูปเล็กและหัวข้อ บทความนี้สอนวิธีตั้งค่าในธีม Blogger ด้วย BlogKub ที่ดึงจากฟีดอัตโนมัติ ตั้งจำนวนและเปิด/ปิดรูปได้ *อัปเดต 16 กรกฎาคม 2026 · อ่านประมาณ 8 นาที · ระดับ: เริ่มต้น* > **สรุปสั้น:** บล็อก **รายการบทความ (Post List)** ใน BlogKub แสดงบทความ **แบบรายการแนวนอน** พร้อมรูปเล็กและหัวข้อ **ดึงจากฟีดอัตโนมัติ** ตั้ง **หัวข้อส่วน จำนวนบทความ** และ **เปิด/ปิดรูป** ได้ เหมาะกับพื้นที่แคบหรือเมื่ออยากแสดงหลายบทความในแนวตั้งแบบกะทัดรัด เป็น responsive แล้ว Export ไปใช้  *รายการบทความแบบแถวแนวนอนพร้อมรูปเล็กและหัวข้อ กะทัดรัด เหมาะกับพื้นที่แคบ ดึงจากฟีดอัตโนมัติ* ## รายการบทความคืออะไร และต่างจากตารางบทความอย่างไร **รายการบทความ (Post List) คือการแสดงบทความเป็นแถวเรียงลงมาในแนวตั้ง แต่ละแถวมีรูปเล็กและหัวข้อวางแนวนอน** ต่างจาก[ตารางบทความ (Post Grid)](https://www.blogkub.com/learn/postgrid)ที่แสดงเป็นการ์ดในตารางเน้นรูปใหญ่ รายการใช้พื้นที่แนวตั้งอย่างกะทัดรัด ทำให้แสดงบทความได้หลายชิ้นในพื้นที่จำกัดโดยที่ผู้อ่านยังสแกนหัวข้อได้เร็ว ความต่างนี้ทำให้ทั้งสองเหมาะกับสถานการณ์ต่างกัน ตารางบทความเหมาะเป็นส่วนแสดงบทความหลักบนหน้าแรกที่เน้นความสวยของภาพ ส่วนรายการบทความเหมาะกับพื้นที่แคบอย่างไซด์บาร์ หรือส่วนที่อยากแสดงหลายบทความโดยไม่กินพื้นที่มาก เช่น รายการบทความยอดนิยมหรือล่าสุด การเลือกใช้ให้ถูกกับบริบทช่วยให้หน้าเว็บมีจังหวะและใช้พื้นที่อย่างมีประสิทธิภาพ ## ดึงจากฟีดอัตโนมัติเช่นเดียวกับส่วนอื่น เช่นเดียวกับตารางบทความและส่วนบทความล่าสุด รายการบทความ **ดึงข้อมูลจากฟีดของ Blogger โดยตรง** ระบบนำหัวข้อ รูป และวันที่ของบทความมาแสดงเป็นแถวรายการ ผลคือรายการอัปเดตตัวเองทุกครั้งที่คุณเผยแพร่บทความใหม่ โดยไม่ต้องมาเพิ่มหรือแก้ไขเอง การทำงานกับฟีดนี้เป็นหลักการเดียวกันทั่วทั้ง BlogKub ที่ทำให้ส่วนแสดงบทความต่าง ๆ ดูแลตัวเองได้ คุณจึงมั่นใจได้ว่ารายการบทความจะแสดงเนื้อหาล่าสุดเสมอ ในขณะที่คุณโฟกัสกับการเขียน ความสม่ำเสมอของแนวทางนี้ยังทำให้คุณเข้าใจและใช้ฟีเจอร์ต่าง ๆ ได้ง่าย เพราะทำงานคล้ายกัน ## วิธีตั้งค่ารายการบทความทีละขั้น 1. **เพิ่ม/เลือกบล็อกรายการบทความ** เลือกบล็อก “รายการบทความ (Post List)” ที่มีในเทมเพลต หรือลากเข้ามาในตำแหน่งที่ต้องการ เช่น ไซด์บาร์หรือส่วนเสริม 2. **ตั้งหัวข้อและจำนวน** ใส่หัวข้อส่วน (เช่น “บทความยอดนิยม”) และเลือกจำนวนบทความที่ต้องการแสดงในรายการ 3. **เปิด/ปิดรูปภาพ** เลือกว่าจะแสดงรูปเล็กหน้าแต่ละรายการหรือไม่ ปิดรูปจะทำให้รายการกะทัดรัดและเน้นหัวข้อ 4. **Export XML และตรวจผล** กด Export อัปโหลดเข้า Blogger แล้วตรวจว่ารายการแสดงถูกต้องและอ่านง่ายทั้งบนเดสก์ท็อปและมือถือ ## เปิดหรือปิดรูป: เลือกตามพื้นที่และเป้าหมาย ตัวเลือกเปิด/ปิดรูปเป็นการตัดสินใจที่ส่งผลต่อหน้าตาและความกะทัดรัดของรายการ เมื่อ **เปิดรูป** แต่ละรายการจะมีรูปเล็กหน้าหัวข้อ ช่วยดึงดูดสายตาและให้ภาพประกอบ เหมาะเมื่อมีพื้นที่พอและอยากให้รายการน่าสนใจ เมื่อ **ปิดรูป** รายการจะเหลือแค่หัวข้อและวันที่ กะทัดรัดมาก แสดงบทความได้หลายชิ้นในพื้นที่น้อย เหมาะกับไซด์บาร์แคบ ๆ หรือรายการยาว การเลือกขึ้นกับเป้าหมาย ถ้าต้องการให้ผู้อ่านสแกนหัวข้อจำนวนมากอย่างรวดเร็ว การปิดรูปช่วยให้เห็นบทความได้มากในหน้าเดียว แต่ถ้าต้องการดึงดูดด้วยภาพ การเปิดรูปจะน่าสนใจกว่า ทดลองทั้งสองแบบในตำแหน่งที่คุณจะวางรายการ แล้วเลือกที่เหมาะกับพื้นที่และผู้อ่านของคุณมากที่สุด ## รายการบทความในระบบนำทางของเว็บ รายการบทความมักทำหน้าที่เป็นส่วนเสริมที่ช่วยการค้นพบเนื้อหา วางในไซด์บาร์เพื่อแสดงบทความยอดนิยมหรือล่าสุด ก็ช่วยให้ผู้อ่านที่กำลังอ่านบทความหนึ่งเห็นบทความอื่นและคลิกอ่านต่อ นี่คือการเพิ่มโอกาสให้ผู้อ่านสำรวจเว็บมากขึ้น ซึ่งช่วยยืดเวลาที่เขาอยู่บนเว็บ เมื่อใช้ร่วมกับ[ไซด์บาร์](https://www.blogkub.com/learn/sidebar)ที่วางรายการไว้ข้างเนื้อหา และองค์ประกอบชวนอ่านต่ออื่น ๆ เช่น[บทความที่เกี่ยวข้อง](https://www.blogkub.com/learn/related) รายการบทความก็เป็นอีกชั้นของระบบที่ทำให้ผู้อ่านมีทางเลือกอ่านต่อเสมอ การออกแบบให้ทุกจุดของเว็บมีบทความอื่นให้เลือกคือกลยุทธ์สำคัญในการรักษาผู้อ่านไว้และเพิ่มจำนวนบทความที่ถูกอ่าน ## รายการบทความกับการออกแบบจังหวะของหน้า หน้าเว็บที่ดีมี “จังหวะ” ของการนำเสนอที่หลากหลาย ไม่ใช่การ์ดใหญ่ ๆ เรียงกันไปทั้งหน้า การผสมรูปแบบการแสดงบทความช่วยให้หน้าไม่น่าเบื่อและใช้พื้นที่อย่างเหมาะสม ตัวอย่างเช่น ใช้ตารางบทความการ์ดใหญ่สำหรับบทความล่าสุดที่อยากเน้น แล้วใช้รายการบทความแบบกะทัดรัดสำหรับส่วน “บทความยอดนิยม” หรือ “อ่านเพิ่มเติม” ที่ไม่ต้องการพื้นที่มาก การสลับระหว่างการ์ดใหญ่กับรายการกะทัดรัดสร้างความหลากหลายทางสายตาที่ทำให้หน้าดูมีการออกแบบ ไม่ใช่แค่การวางเนื้อหาซ้ำ ๆ รายการบทความจึงเป็นเครื่องมือที่ช่วยให้คุณควบคุมจังหวะและความหนาแน่นของข้อมูลในแต่ละส่วนของหน้าได้ ทำให้หน้าเว็บทั้งสวยและใช้พื้นที่อย่างมีประสิทธิภาพ ## รายการบทความบนมือถือ รายการบทความมีข้อได้เปรียบบนมือถือเป็นพิเศษ เพราะรูปแบบแนวนอนที่มีรูปเล็กด้านหนึ่งและหัวข้อด้านหนึ่งเข้ากับหน้าจอแคบได้ดี ต่างจากการ์ดใหญ่ที่กินความสูงมากทำให้ต้องเลื่อนเยอะ รายการแบบแถวช่วยให้ผู้อ่านมือถือเห็นบทความหลายชิ้นในการเลื่อนน้อยครั้ง ซึ่งเหมาะกับพฤติกรรมการสแกนเนื้อหาบนมือถือที่ผู้อ่านมักเลื่อนเร็ว เนื่องจากผู้อ่านส่วนใหญ่เข้าจากมือถือ การมีรายการบทความที่กะทัดรัดในบางส่วนของหน้าจึงช่วยให้ประสบการณ์บนมือถือดีขึ้น ระบบปรับการแสดงผลให้เหมาะกับจอเล็กอยู่แล้ว คุณจึงมั่นใจได้ว่ารายการจะอ่านง่ายทุกอุปกรณ์ การเลือกใช้รายการในจุดที่เหมาะจึงเป็นการออกแบบที่คำนึงถึงผู้อ่านมือถือตั้งแต่ต้น ## ปัญหาที่พบบ่อยและวิธีแก้ ### รายการบทความไม่แสดง ตรวจว่าบล็อกมีบทความเผยแพร่แล้ว เพราะรายการดึงจากฟีด และตรวจว่าเพิ่ม/เลือกบล็อกและ Export ใหม่แล้ว ### รูปในรายการไม่ขึ้น รายการใช้รูปหน้าปกบทความ หากบทความไม่มีรูป รายการนั้นจะไม่มีภาพ ใส่รูปหน้าปกทุกบทความหรือปิดรูปเพื่อความสม่ำเสมอ ### รายการยาวเกินไป ลดจำนวนบทความที่แสดงให้เหมาะกับพื้นที่ โดยเฉพาะในไซด์บาร์ที่ไม่ควรยาวจนดันเนื้อหาอื่น ### อยากได้การ์ดรูปใหญ่แทน ถ้าต้องการเน้นภาพและการ์ดใหญ่ ให้ใช้[ตารางบทความ (Post Grid)](https://www.blogkub.com/learn/postgrid)แทน ซึ่งออกแบบมาเพื่อการแสดงแบบการ์ดโดยเฉพาะ ## ตัวอย่างการใช้รายการบทความในบล็อกแต่ละแนว - **บล็อกข่าว/อัปเดต:** รายการหัวข้อข่าวแบบกะทัดรัดในไซด์บาร์ ให้ผู้อ่านสแกนข่าวล่าสุดหลายชิ้นได้เร็ว เหมาะกับเนื้อหาที่คนอยากอัปเดตแบบรวดเร็ว - **บล็อกความรู้/ฮาวทู:** รายการ “บทความยอดนิยม” หรือ “อ่านต่อ” ที่ท้ายบทความหรือในไซด์บาร์ ช่วยแนะนำเนื้อหาเพิ่มโดยไม่กินพื้นที่มาก - **บล็อกรีวิว:** รายการรีวิวอื่นในหมวดเดียวกันแบบแถว ให้ผู้อ่านที่กำลังเปรียบเทียบเห็นตัวเลือกหลายชิ้นในพื้นที่เดียว - **เว็บที่มีเนื้อหาเยอะ:** รายการแบบปิดรูปเพื่อแสดงหัวข้อจำนวนมากอย่างกะทัดรัด เหมาะกับดัชนีบทความหรือหน้ารวมหัวข้อ จุดร่วมของทุกกรณีคือรายการบทความช่วยแสดง “หลายบทความในพื้นที่น้อย” ซึ่งเสริมส่วนแสดงบทความหลักและช่วยให้ผู้อ่านค้นพบเนื้อหาได้มากขึ้นโดยไม่ทำให้หน้ายาวเกินไป ## แนวทางปฏิบัติที่ดี (Best Practices) - ใช้รายการบทความในพื้นที่แคบหรือเมื่ออยากแสดงหลายบทความแบบกะทัดรัด - เลือกเปิดรูปเมื่อมีพื้นที่และอยากดึงดูด ปิดรูปเมื่อต้องการความกะทัดรัด - ตั้งจำนวนบทความให้เหมาะกับพื้นที่ ไม่ยาวจนดันเนื้อหาอื่น - ใส่รูปหน้าปกและหัวข้อที่ชัดเจนในทุกบทความเพื่อให้รายการดูดี - ใช้คู่กับตารางบทความและไซด์บาร์เพื่อระบบแสดงเนื้อหาที่ครบถ้วน ## สรุป รายการบทความเป็นวิธีแสดงบทความแบบกะทัดรัดที่เหมาะกับพื้นที่แคบและการแสดงหลายบทความในแนวตั้ง ด้วย BlogKub คุณตั้งค่า Post List ได้ง่ายโดยไม่ต้องเขียนโค้ด ระบบดึงบทความจากฟีดอัตโนมัติและแสดงเป็นแถวรายการพร้อมรูปเล็กและหัวข้อ คุณตั้งหัวข้อส่วน จำนวนบทความ และเปิด/ปิดรูปได้ตามพื้นที่และเป้าหมาย อีกทั้งเป็น responsive เมื่อเลือกใช้ให้ถูกกับบริบท เช่น วางในไซด์บาร์เพื่อแสดงบทความยอดนิยม รายการบทความจะช่วยให้ผู้อ่านค้นพบและอ่านบทความมากขึ้น ซึ่งเสริมระบบนำทางและการรักษาผู้อ่านไว้บนเว็บของคุณ ## คำถามที่พบบ่อย (FAQ) **รายการบทความต่างจากตารางบทความอย่างไร?** รายการบทความ (Post List) แสดงบทความเป็นแถวแนวนอนพร้อมรูปเล็กและหัวข้อ ใช้พื้นที่แนวตั้งแบบกะทัดรัด ส่วนตารางบทความ (Post Grid) แสดงเป็นการ์ดในตารางที่เน้นรูปใหญ่ รายการเหมาะกับพื้นที่แคบหรือเมื่ออยากแสดงหลายบทความในแนวตั้ง **รายการบทความดึงข้อมูลจากไหน?** ดึงจากฟีดบทความของ Blogger ของคุณเอง โดยนำหัวข้อ รูป และวันที่มาแสดง จึงอัปเดตอัตโนมัติทุกครั้งที่คุณเผยแพร่บทความใหม่ ไม่ต้องเพิ่มเอง **ปิดรูปในรายการได้ไหม?** ได้ เปิด/ปิดการแสดงรูปเล็กหน้าแต่ละรายการได้ ปิดรูปจะทำให้รายการกะทัดรัดและเน้นหัวข้อ เหมาะเมื่อต้องการแสดงบทความจำนวนมากในพื้นที่จำกัด **รายการบทความเหมาะกับตรงไหน?** เหมาะกับไซด์บาร์ พื้นที่แคบ หรือส่วนที่อยากแสดงหลายบทความในแนวตั้ง เช่น รายการบทความยอดนิยมหรือล่าสุด ให้ผู้อ่านสแกนหัวข้อได้เร็ว **รายการบทความ responsive ไหม?** responsive รายการปรับการแสดงผลให้เหมาะกับจอเล็กอัตโนมัติ หัวข้อและรูปจัดวางให้อ่านง่าย จึงใช้ได้ดีทั้งบนเดสก์ท็อปและมือถือ --- *บทความนี้เป็นส่วนหนึ่งของ [คู่มือฟีเจอร์ BlogKub](https://www.blogkub.com/learn/) · คู่มือทีละฟีเจอร์ พร้อมวิธีตั้งค่า ตัวเลือก และปัญหาที่พบบ่อย* > เขียนโดย > > ภัทร์พิศาล ดาทอง · เบน > > ผู้ก่อตั้ง BlogKub และบล็อกเกอร์สาย Blogger ที่อยากให้คนไทยมีบล็อกสวยได้เองโดยไม่ต้องเขียนโค้ด รวบรวมประสบการณ์ทำธีมและ SEO บน Blogger มาเรียบเรียงเป็นคู่มือชุดนี้ > > [Facebook](https://www.facebook.com/patpisan)[Pantip · LuMoo](https://pantip.com/profile/2448725)