วิธีสร้างหน้า Archive สำหรับ Custom Post Type ใน WordPress

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

อย่างไรก็ตาม การสร้างหน้า Archive สำหรับ Custom Post Type อาจเป็นเรื่องที่ซับซ้อนสำหรับมือใหม่ ในบทความนี้ เราจะสอนวิธีสร้างหน้า Archive สำหรับ Custom Post Type ใน WordPress อย่างละเอียดและเข้าใจง่าย

หน้า Archive สำหรับ Custom Post Type คืออะไร?

โดยปกติ WordPress จะมีประเภทโพสต์มาตรฐานอยู่แล้วสองประเภทคือ "โพสต์ (Posts)" และ "หน้า (Pages)" และปลั๊กอินบางตัว เช่น WooCommerce จะเพิ่ม Custom Post Type ของตัวเอง เช่น "สินค้า (Products)"

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

หากคุณต้องการปรับแต่งการแสดงผลของหน้า Archive คุณสามารถสร้างเทมเพลตของตัวเองได้ ซึ่งเราจะแนะนำวิธีการทำในหัวข้อต่อไปนี้

เปิดใช้งาน Archive สำหรับ Custom Post Type

ก่อนที่จะสร้างหน้า Archive ให้แน่ใจว่า Custom Post Type ของคุณรองรับฟังก์ชัน Archive หรือไม่ โดยคุณสามารถตรวจสอบได้ง่าย ๆ เช่น ถ้าคุณมี Custom Post Type ชื่อ "movies" และเปิดใช้งาน permalinks แบบ SEO-friendly URL ของหน้า Archive ควรเป็น:

https://example.com/movies

หากเข้าแล้วพบหน้า 404 แสดงว่า Custom Post Type ของคุณไม่ได้เปิดใช้ฟังก์ชัน Archive

วิธีเปิดใช้งาน Archive

1. ใช้ปลั๊กอิน (เช่น CPT UI)

หากคุณสร้าง Custom Post Type ผ่านปลั๊กอิน เช่น "Custom Post Type UI (CPT UI)" ให้ไปที่การตั้งค่าของปลั๊กอินและเปิดใช้งานตัวเลือก "Has Archive"

2. ใช้โค้ด

หากคุณสร้าง Custom Post Type ด้วยโค้ด ให้แก้ไขฟังก์ชัน register_post_type โดยเพิ่ม 'has_archive' => true:

add_action( 'init', 'create_post_type' );

function create_post_type() {

    register_post_type( 'movies',

        array(

            'labels' => array(

                'name' => __( 'Movies' ),

                'singular_name' => __( 'Movie' )

            ),

            'public' => true,

            'has_archive' => true,

        )

    );

}

บันทึกการเปลี่ยนแปลงและลองโหลดหน้า Archive อีกครั้ง

การปรับแต่งหน้า Archive สำหรับ Custom Post Type

1. สร้างเทมเพลตเฉพาะ

หากคุณต้องการให้หน้า Archive ของ Custom Post Type ดูแตกต่างจากหน้า Archive ทั่วไปของเว็บไซต์ คุณสามารถสร้างไฟล์เทมเพลตของตัวเองได้

วิธีสร้างเทมเพลต

• เข้าถึงโฟลเดอร์ธีมของคุณผ่าน FTP หรือ File Manager ในโฮสติ้ง
• คัดลอกไฟล์ archive.php และเปลี่ยนชื่อเป็น archive-{posttype}.php (เช่น archive-movies.php หาก Custom Post Type ของคุณคือ "movies")
• เปิดไฟล์นี้ด้วย Text Editor และแก้ไขโค้ดตามต้องการ
• อัปโหลดไฟล์กลับไปยังธีมของคุณ

2. ใช้ Page Builder เช่น SeedProd

อีกวิธีที่ง่ายกว่าคือใช้ปลั๊กอิน SeedProd ซึ่งเป็นเครื่องมือสร้างเพจแบบลากและวาง โดยไม่ต้องเขียนโค้ด

วิธีใช้ SeedProd

• ติดตั้งและเปิดใช้งานปลั๊กอิน SeedProd
• ไปที่ SeedProd » Landing Pages และคลิก "Add New Landing Page"
• เลือกเทมเพลตที่ต้องการหรือเริ่มต้นจากหน้าเปล่า
• ใช้เครื่องมือ Drag & Drop เพื่อเพิ่ม "Posts Block" และตั้งค่าให้แสดงเฉพาะ Custom Post Type ที่ต้องการ
• ปรับแต่งดีไซน์ให้เหมาะสมและกด "Publish"

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