วิธีสร้างประเภทโพสต์ที่กำหนดเองใน WordPress

เผยแพร่แล้ว: 2021-06-09
ประเภทโพสต์ที่กำหนดเองของ wordpress
ติดตาม @Cloudways

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

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

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

ประเภทโพสต์ที่กำหนดเองของ WordPress คืออะไร?

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

อัปเดต: WordPress 5.x มาพร้อมกับตัวแก้ไข Gutenberg ใหม่ล่าสุด หากคุณต้องการใช้ Gutenberg กับประเภทโพสต์ที่กำหนดเองของ WordPress นี่คือคำแนะนำที่ดีในการเปิดใช้งานโปรแกรมแก้ไข Gutenberg สำหรับ CPT
อัปเดต: WordPress 5.x มาพร้อมกับตัวแก้ไข Gutenberg ใหม่ล่าสุด นี่คือคำแนะนำโดยละเอียดเกี่ยวกับการเปิดใช้งานตัวแก้ไข Gutenberg สำหรับประเภทโพสต์ที่กำหนดเอง

นอกจากนั้น เราสามารถค้นหาโพสต์ประเภทต่างๆ ที่มีให้โดยค่าเริ่มต้นในการติดตั้ง WordPress ซึ่งรวมถึง:

  • โพสต์ – บล็อกโพสต์
  • หน้า – หน้าคงที่
  • เอกสารแนบ – เอกสารแนบ
  • แก้ไข – หลังแก้ไข
  • เมนูนำทาง – เมนูนำทาง

หมายเหตุ: อ่านเอกสาร codex ประเภทโพสต์ที่กำหนดเองสำหรับรายละเอียดเพิ่มเติมเกี่ยวกับประเภทโพสต์อื่น ๆ ใน WordPress

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

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

โฮสติ้ง WordPress ภายใต้การจัดการ เริ่มต้นที่ $10/เดือน

ปรับใช้เซิร์ฟเวอร์คลาวด์ที่ปลอดภัยและปรับขนาดได้ในเวลาไม่กี่นาที & ร่วมเป็นสักขีพยานในผลลัพธ์ด้านประสิทธิภาพที่ได้รับการปรับปรุง

เริ่มการทดลองใช้ฟรีของคุณ

วิธีสร้าง WordPress Custom Post Type

ทำตามขั้นตอนด้านล่างเพื่อสร้างประเภทโพสต์ที่กำหนดเองบนเว็บไซต์ WordPress:

  • ไปที่ไฟล์ function.php จากไดเร็กทอรีธีม WordPress ของคุณ
  • เพิ่มโค้ดต่อไปนี้ลงในไฟล์ function.php
 /* เริ่มประเภทโพสต์ที่กำหนดเอง */

ฟังก์ชัน create_posttype() {
register_post_type( 'ข่าว',
// ตัวเลือก CPT

อาร์เรย์ (
  'labels' => อาร์เรย์ (
   'name' => __( 'ข่าว' ),
   'singular_name' => __( 'ข่าว' )
  ),
  'สาธารณะ' => จริง
  'has_archive' => เท็จ
  'rewrite' => array('slug' => 'news'),
 )
);
}
// เชื่อมต่อฟังก์ชันของเราเข้ากับการตั้งค่าธีม
add_action( 'init', 'create_posttype' );

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

Creating a Custom Post Type

  • เมื่อสร้างประเภทโพสต์ที่กำหนดเอง จำเป็นต้องใช้ init สำหรับ hook ใน add_action() และฟังก์ชัน register_post_type() จะรับอาร์กิวเมนต์
 /*เริ่มต้นประเภทโพสต์ที่กำหนดเอง*/

ฟังก์ชัน cw_post_type_news () {

$รองรับ = อาร์เรย์ (
'title', // ชื่อกระทู้
'editor', // โพสต์เนื้อหา
'ผู้เขียน', // ผู้เขียนโพสต์
'ภาพขนาดย่อ', // รูปภาพเด่น
'ข้อความที่ตัดตอนมา', // โพสต์ข้อความที่ตัดตอนมา
'กำหนดเองฟิลด์', // ฟิลด์กำหนดเอง
'ความคิดเห็น', // แสดงความคิดเห็น
'แก้ไข', // โพสต์การแก้ไข
'โพสต์รูปแบบ', // รูปแบบโพสต์
);

$labels = อาร์เรย์ (
'name' => _x('news', 'พหูพจน์'),
'singular_name' => _x('news', 'singular'), 'singular_name' => _x('ข่าว', 'เอกพจน์'),
'menu_name' => _x('news', 'เมนูผู้ดูแลระบบ'),
'name_admin_bar' => _x('news', 'admin bar'),
'add_new' => _x('เพิ่มใหม่', 'เพิ่มใหม่'),
'add_new_item' => __('เพิ่มข่าวใหม่'),
'new_item' => __('ข่าวใหม่'),
'edit_item' => __('แก้ไขข่าว'),
'view_item' => __('ดูข่าว'),
'all_items' => __('ข่าวทั้งหมด'),
'search_items' => __('ค้นหาข่าว'),
'not_found' => __('ไม่พบข่าว'),
);

$args = อาร์เรย์ (
'รองรับ' => $รองรับ
'labels' => $labels,
'สาธารณะ' => จริง
'query_var' => จริง
'rewrite' => array('slug' => 'news'),
'has_archive' => จริง
'ลำดับชั้น' => เท็จ
);
register_post_type('ข่าว', $args);
}
add_action('init', 'cw_post_type_news');

/*ประเภทโพสต์ที่กำหนดเองสิ้นสุด*/

$supports: ระบุว่าประเภทโพสต์นั้นเข้ากันได้และรองรับคุณสมบัติที่จำเป็นทั้งหมด

$labels: ระบุว่าประเภทโพสต์ถูกอ้างถึงอย่างถูกต้องไปยังพื้นที่ผู้ดูแลระบบ

$args: ระบุกระสุนลิงก์ถาวรของข่าวและตำแหน่งเมนูที่อยู่ใต้เมนู โพสต์

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

Before adding custom post features on WordPress

– ก่อนเพิ่มคุณสมบัติ

After adding custom post features on WordPress
– หลังจากเพิ่มคุณสมบัติ

ขั้นตอนข้างต้นจะบอกวิธีลงทะเบียนประเภทโพสต์ที่กำหนดเองของ WordPress กับแบ็กเอนด์ของธีมใดๆ ตอนนี้ มาเรียนรู้วิธีเพิ่มโพสต์ที่กำหนดเองบนเว็บไซต์ WordPress

วิธีสร้างโพสต์ที่กำหนดเองใหม่บนเว็บไซต์ WordPress

คุณสามารถสร้างโพสต์ที่กำหนดเองใหม่บนเว็บไซต์ WordPress ของคุณโดยทำตามขั้นตอนด้านล่าง:

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

Create a New Custom Post on a WordPress Website

วิธีสร้างเทมเพลตและดึงรายการ

การสร้างเทมเพลตและการดึงรายการจำเป็นต้องสร้างไฟล์ใหม่ชื่อ template-news.php

  • วางไฟล์ที่สร้างใหม่ไว้ในโฟลเดอร์ธีมของคุณ
  • เพิ่มรหัสต่อไปนี้ในไฟล์:
 <?php
/*ชื่อเทมเพลต: ข่าว*/
get_header();
query_posts(อาร์เรย์(
   'post_type' => 'ข่าว'
)); ?>
<?php
ในขณะที่ (have_posts()) : the_post(); ?>
<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
<p><?php the_excerpt(); ?></p>
<?php เมื่อสิ้นสุด;
get_footer();
?>

Page Builders ให้คุณพัฒนาเว็บไซต์โดยไม่ต้องใช้โค้ด

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

พาฉันไปที่นั่น

เลือกเทมเพลต

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

ดูภาพด้านล่างสำหรับการแสดงภาพขั้นตอนข้างต้น:

Select template

รูปภาพด้านล่างแสดงถึงการแสดงผลสุดท้ายของหน้ารายชื่อของคุณ:

Listing Page Result

วิธีเพิ่มเมนูสำหรับประเภทโพสต์ที่กำหนดเอง

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

  • ไปที่ แดชบอร์ด WordPress ของคุณ
  • นำทางไปยัง ลักษณะที่ ปรากฏ > Menus
  • เพิ่มหน้า ข่าว ในเมนูหลักของคุณเพื่อแสดงลิงค์การนำทางไปยังประเภทโพสต์ที่กำหนดเองของ WordPress ใหม่ News

สำหรับการอ้างอิงเพิ่มเติม ตรวจสอบภาพด้านล่าง

Add Menu for Custom Post Type

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

Front end page result

วิธีสร้างหน้ารายละเอียดสำหรับประเภทโพสต์ที่กำหนดเอง

สร้างหน้า "รายละเอียด" สำหรับประเภทโพสต์ที่กำหนดเองโดยทำตามขั้นตอนด้านล่าง:

  • เพิ่มไฟล์ใหม่ชื่อ single-news.php (อยู่ในธีม WordPress ของคุณ)
  • เพิ่มรหัสต่อไปนี้ในไฟล์:
 <?php
get_header();
/* เริ่มการวนซ้ำ */
ในขณะที่ (have_posts()) : the_post();
   get_template_part('แม่แบบ-ชิ้นส่วน/โพสต์/เนื้อหา', get_post_format());
ในที่สุด; // สิ้นสุดการวนซ้ำ
get_footer();
?>

ถึงเวลาดูว่าหน้ารายละเอียดของคุณเป็นอย่างไร:

Detail Page for Custom Post Type

ห่อ!

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