วิธีแสดงโพสต์บล็อกตามหมวดหมู่ใน WordPress ด้วย Elementor

เผยแพร่แล้ว: 2025-09-05

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

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

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

ทำไม Elementor?

Why use Elementor to display blog posts by categories

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

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

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

วิธีแสดงโพสต์บล็อกตามหมวดหมู่ใน WordPress: คู่มือแบบทีละขั้นตอน

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

Elementor Lite
Elementor Pro

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

วิธีที่หนึ่ง: การสร้างเมนูหมวดหมู่

เราจะต้องใช้วิดเจ็ตต่อไปนี้สำหรับวิธีนี้ ด้วยวิดเจ็ตโพสต์เราจะสร้างกริดโพสต์ หลังจากนั้นด้วยเมนู NAV เราจะสร้างเมนูหมวดหมู่ สิ่งนี้จะช่วยให้ผู้ใช้สำรวจโพสต์โดยการสลับหมวดหมู่

  • เสา
  • เมนู WordPress

ขั้นตอนที่ 01: เปิดหน้าเก็บถาวรจากตัวสร้างธีม

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

หวังว่าคุณจะรู้วิธีเปิดตัวสร้างธีมแล้ว นำทางไปยัง เทมเพลต> ตัวสร้างธีม

Go to the Theme Builder

มาที่ ตัวเลือก เก็บถาวร คลิก ที่ + เพิ่มปุ่มใหม่ เพื่อสร้างหน้าเก็บถาวร

Open an archive page editor

ขั้นตอนที่ 02: ลากและวางวิดเจ็ตโพสต์ไปยังคอนเทนเนอร์ของคุณ

ค้นหา วิดเจ็ตโพสต์ ลากและวางลงบนภาชนะที่คุณต้องการบนผืนผ้าใบ Elementor

Drag and Drop the Posts Widget to Your Container

เมื่อเพิ่มวิดเจ็ตโพสต์โพสต์บล็อกจะแสดงพร้อมเลย์เอาต์เริ่มต้น

Posts widget is added to the Elementor Canvas

ขั้นตอนที่ 03: จัดแต่งวิดเจ็ตโพสต์

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

Stylize the Posts Widget

ขั้นตอนที่ 04: สร้างเมนูหมวดหมู่

ไปที่ แผงควบคุม WordPress ของคุณ นำทางไปยัง รูปลักษณ์> เมนู ไม่ต้องกังวลหากคุณมีเมนูอยู่แล้ว

ในกรณีนี้คุณต้องสร้างเมนูใหม่ คลิก ตัวเลือก สร้างเมนูใหม่

Go to the WordPress Menu option

เขียนชื่อ สำหรับเมนู จากนั้น กด ปุ่ม สร้างเมนู

Write a name for the category

เลือกหมวดหมู่ที่ คุณต้องการแสดงบนเมนู หลังจากนั้น กด ปุ่ม Add to Menu

Select categories for the menu

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

Save the category menu

ขั้นตอนที่ 05: แสดงเมนูหมวดหมู่ผ่านวิดเจ็ตโพสต์

มาที่หน้าคุณกำลังแก้ไขด้วย Elementor ค้นหา วิดเจ็ต เมนู WordPress ลากแล้ววางลงบนวิดเจ็ตโพสต์

Display the Category Menu over the Posts Widget

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

เมนูหมวดหมู่จะปรากฏขึ้นที่ด้านบนของวิดเจ็ตโพสต์ทันที

Select the menu

ขั้นตอนที่ 06: จัดเรียงเมนูหมวดหมู่

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

Stylize your Category Menu

ขั้นตอนที่ 07: ตั้งค่าการตั้งค่าแบบสอบถาม

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

ตอนนี้หากคุณคลิกตัวเลือกหมวดหมู่โพสต์บล็อกจะเปลี่ยนไปตามนั้น

Set Query Settings

ขั้นตอนที่ 08: กำหนดเงื่อนไข

คลิกที่ ไอคอนลูกศรแบบเลื่อน ลงถัดจากปุ่มเผยแพร่ กด ตัวเลือก เงื่อนไขการแสดงผล จากรายการ

Set Conditions for the displaying blog posts by categories

เลือกหมวดหมู่เป็นเงื่อนไขผลการค้นหา

Choose categories as the condition

บันทึกเงื่อนไข

Save the condition

ขั้นตอนที่ 09: ดูตัวอย่างโพสต์ตามหมวดหมู่

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

ดังนั้นคุณสามารถสร้างและแสดงโพสต์บล็อกตามหมวดหมู่บน WordPress โดยใช้ปลั๊กอิน Elementor

วิธีที่สอง: การใช้รายการอนุกรมวิธาน

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

ขั้นตอนที่ 01: เปิดหน้าเก็บถาวรจากตัวสร้างธีม

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

Go to the theme builder

ไปที่ ตัวเลือกเก็บถาวร และเปิดหน้าโดย คลิก ที่ + เพิ่มปุ่มใหม่

Open an archive page

ขั้นตอนที่ 02: ลากและวางวิดเจ็ตโพสต์เก็บถาวร

ค้นหา วิด เจ็ตที่เก็บถาวร ลากและวางลงบนผืนผ้าใบ Elementor ของคุณ

Drag and Drop the Post Archive Widget

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

Posts are displayed on the canvas

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

Stylize the Archive Posts widget

ขั้นตอนที่ 03: เพิ่มวิดเจ็ตรายการอนุกรมวิธาน

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

Add a container to place the Taxonomy List widget

เมื่อเพิ่มคอนเทนเนอร์แล้ว ให้ค้นหา วิดเจ็ตรายการอนุกรมวิธาน และ วาง ไว้บนคอนเทนเนอร์

Place the Taxonomy List widget

หลังจากเพิ่มวิดเจ็ตรายการอนุกรมวิธานคุณจะเห็นส่วนเช่นนี้ ตอนนี้คุณต้องเพิ่มหมวดหมู่

Taxonomy List widget is added

ขั้นตอนที่ 04: เพิ่มหมวดหมู่

การเพิ่มหมวดหมู่นั้นง่ายมาก นำทางไปยัง แท็บเนื้อหา> รายการ ถัดจากตัวเลือกต้นฉบับคุณจะได้รับ รายการดรอปดาวน์ จากนั้น เลือกหมวดหมู่

หลังจากนั้น คลิก รายการ + เพิ่ม สิ่งนี้จะเปิดพื้นที่ให้คุณเพิ่มหมวดหมู่ได้มากเท่าที่คุณต้องการ

Select the Category option

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

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

Select and add a category

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

Categories added

ขั้นตอนที่ 05: จัดประเภทหมวดหมู่

ในการประหยัดเวลาคุณสามารถเลือกที่ตั้งไว้ล่วงหน้าสำหรับการจัดสไตล์

Select a preset for the categories

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

Stylize the Taxonomy Lists widget

ขั้นตอนที่ 06: กำหนดเงื่อนไขและเผยแพร่หน้าเว็บ

เมื่อ stylizations จำเป็นต้องทำ ไปที่ ตัวเลือก เงื่อนไขการแสดงผล

Go to Display Conditions

เลือกหมวดหมู่สำหรับเงื่อนไข

Select Categories for the condition

บันทึกเงื่อนไข

Save the Categories condition

ขั้นตอนที่ 07: ดูตัวอย่างฟังก์ชั่นหมวดหมู่

มาที่หน้าตัวอย่าง คลิกที่หมวดหมู่ทีละคน คุณจะเห็นโพสต์กำลังเปลี่ยนแปลงตามหมวดหมู่

ดังนั้นคุณสามารถแสดงโพสต์ของคุณในหน้าเก็บถาวรตามหมวดหมู่โดยใช้วิดเจ็ตรายการอนุกรมวิธาน

โบนัส: ลอง HappyAddons เพื่อใช้ตัวสร้างธีมฟรี

Happyaddons เป็นปลั๊กอินที่ทรงพลังสำหรับ Elementor ที่มาพร้อมกับ วิดเจ็ต 130+ และ คุณสมบัติ 24+ เพื่อนำการออกแบบเว็บไซต์ของคุณไปอีกระดับ มันมีเครื่องมือการออกแบบที่สร้างสรรค์ฟังก์ชั่นขั้นสูงและตัวเลือกการปรับแต่งมากมายที่นอกเหนือไปจากสิ่งที่คุณได้รับจาก Elementor เพียงอย่างเดียว

Try HappyAddons to Use the Theme Builder for Free

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

# Happyaddons Theme Builder (ฟรี)

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

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

Happy Addons Introduces Free Theme Builder for Elementor Users

ตรวจสอบวิธีสร้างเทมเพลตโพสต์บล็อกด้วย Happyaddons

# โซลูชันการประหยัดต้นทุน

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

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

happyaddons lite
Happyaddons Pro

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

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

ตอนจบบันทึก!

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

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

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