Skip to content
Search
Ayo Bikin Website
  • HOME
  • MODUL
  • BLOG
KONTAK
Ayo Bikin Website

WordPress Custom Post Type

ditulis olehPandhu

Pada modul sebelumnya, telah dijelaskan bahwa WordPress memiliki beberapa tipe post atau post type, yaitu:

  • Post
  • Page
  • Attachment
  • Revision
  • Navigation Menu
  • Custom CSS
  • Changeset

Jika Anda merasa membutuhkan post type lainnya, Anda bisa membuat custom post type. Modul yang ada di Ayo Bikin Website juga merupakan custom post type. Semua modul dibuat dengan tipe post custom agar terpisah dari artikel atau panduan lainnya.

Dan pada modul CPT ini, Anda akan mempelajari tentang penggunaan custom post type dengan langsung mempraktekkannya untuk membuat sebuah website klub sepakbola.

Apa itu Custom Post Type di WordPress?

Selain dari 7 post type yang disediakan WordPress, Anda bisa membuat post type sendiri jika Anda merasa membutuhkan post type lainnya. Semua post type yang bukan merupakan bawaan WordPress adalah custom post type atau biasa disebut CPT. Anda bisa membuat sendiri custom post type atau dari plugin yang Anda install.

Contohnya jika website Anda menampilkan portofolio pekerjaan yang pernah dilakukan, atau menampilkan produk yang Anda jual, atau yang lainnya yang Anda rasa tidak pas jika ditampilkan dihalaman postingan/artikel maka Anda bisa menggunakan custom post type.

Contoh lainnya jika Anda membuat konten review musik, buku, atau film Anda bisa membuat post type dengan tipe custom sesuai konten Anda. Bisa post type: music review, book review, atau film review.

Ada banyak plugin yang membuat tipe post custom untuk menyimpan data. Antara lain:

  • Woocommerce – menambahkan tipe post Product
  • The Events Calendar – menambahkan tipe post Event
  • WPForms – menambahkan tipe post wpforms

Membuat WordPress Custom Post Type

Ada dua cara yang dapat Anda lakukan untuk membuat CPT di WordPress. Yang pertama dan lebih mudah adalah menggunakan plugin. Ada dua tipe plugin yang biasa digunakan untuk membuat CPT. Yaitu:

  1. Plugin yang membuat CPT untuk menambah fungsionalitas WordPress, seperti Woocommerce yang membuat WordPress menjadi toko online
  2. Plugin yang memberikan interface untuk membuat custom post type, contohnya Custom Post Type UI.

Membuat CPT menggunakan plugin sangat mudah karena Anda tidak perlu melakukan koding. Selain itu, langkah-langkahnya tidak panjang karena Anda tinggal melakukan beberapa pengaturan.

Sayangnya, cara ini memiliki kekurangan. Apabila plugin yang digunakan dihapus atau dinonaktifkan, menu tipe posting custom yang ada di sidebar Dashboard akan hilang dan tidak dapat diakses. Tapi konten tersebut masih tetap ada di database. Anda hanya tidak bisa mengeditnya.

Cara kedua adalah membuat custom post type secara manual. Meskipun membutuhkan pengetahuan koding, tipe posting custom Anda tidak akan hilang dari Dashboard dan dapat diakses meskipun tema diganti.

Pada modul CPT ini, kita akan menggunakan cara yang paling mudah yaitu menggunakan plugin.

Membuat Custom Post Type dengan plugin

Jika Anda menggunakan CPT untuk menambah fungsionalitas, seperti membuat website Anda menjadi toko online, Anda bisa menginstal Woocommerce. Atau jika Anda ingin membuat website yang menampilkan event, Anda bisa menginstall Event Calendar.

Namun jika hanya ingin mendaftarkan CPT tanpa perlu fungsionalitas yang lebih luas, Anda bisa menggunakan plugin Custom Post Type UI.

Sama seperti cara menginstal semua plugin yang ada di direktori plugin WordPress, Anda perlu login ke dashboard untuk menginstal plugin ini.

  1. Dari dashboard klik App Plugins kemudian klik Add New.
  2. Ketik Custom Post Type UI di kolom pencarian.
  3. Klik Install Now kemudian klik Activate.
Install Custom Post Type UI

Kami memiliki tutorial lengkap cara menginstall plugin jika Anda ingin mengetahui langkah detail dalam menginstall plugin.

Setelah diaktifkan, Anda dapat menemukan menu CPT UI di bagian kiri Dashboard WordPress. Klik menu tersebut dan klik Add/Edit Post Types untuk membuat custom post type pertama Anda. Sebagai contoh, pada modul ini kita akan membuat website klub sepakbola. Dan kita akan menambahkan CPT untuk pemain.

Basic Settings

CPT UI Basic Setting

Pada bagian Basic Settings ada tiga kolom, yaitu:

  • Post Type Slug — Digunakan sebagai URL tipe post custom yang Anda buat. Anda hanya dapat memasukkan huruf dan angka pada kolom ini. Jika ingin memasukkan spasi, gunakan tanda underscore (_).
  • Plural Label — Nama menu custom post type yang tampil di sidebar WordPress, seperti Posts dan Pages. Pastikan nama yang Anda ketikkan menggunakan kata benda jamak dalam bahasa Inggris. Jadi, jangan lupa untuk menambahkan imbuhan -s atau -es.
  • Singular Label — Ketikkan bentuk tunggal dari nama tipe post custom Anda pada kolom ini. Nama tersebut akan ditampilkan dalam menu untuk menambahkan konten baru tipe posting custom tersebut. Misalnya, Add New Player.

Di bawah kolom Singular Label Anda dapat menemukan menu Auto-populate labels. Dengan meng-klik tombol ini, sebenarnya Anda tidak perlu mengisi kolom-kolom di bagian lainnya. 

Kolom lainnya akan diisi secara otomatis berdasarkan nama custom post type yang telah Anda tentukan. Kemudian, Anda tinggal klik Add Post Type agar custom post type muncul di sidebar.

Namun, Anda juga dapat mengisi kolom-kolom selanjutnya secara manual apabila ingin menentukannya sendiri. Jika ya, ikutilah langkah-langkah berikutnya.

Additional Labels

CPT UI Additional Label

Di bagian Additional Labels Anda dapat menentukan nama sub-menu yang ada dalam menu utama custom post type. Misalnya, Anda dapat mengganti Add Item menjadi Add Player. Begitu juga dengan All Item, Edit Item, dan lainnya.

Settings

CPT UI Setting

Di bagian Settings Anda dapat melakukan pengaturan terhadap custom post type yang ingin dibuat. Salah satu hal yang penting untuk diperhatikan adalah setting Show in REST API. Jika Anda ingin menggunakan block editor untuk mengedit konten pastikan memilih true untuk setting ini.

CPT UI Menu

Anda bisa memilih icon untuk custom post type yang sedang Anda buat. Anda bisa membuat custom post type ini tampil atau disembunyikan dari dashboard WordPress. Posisinya pun bisa dipilih.

  • 5 – di bawah Posts
  • 10 – di bawah Media
  • 15 – di bawah Links
  • 20 – di bawah Pages
  • 25 – di bawah comments
  • 60 – di bawah separator pertama
  • 65 – di bawah Plugins
  • 70 – di bawah Users
  • 75 – di bawah Tools
  • 80 – di bawah Settings
  • 100 – di bawah separator kedua

Jika Anda scroll ke bawah, dan Anda akan menemukan checkbox untuk pengaturan tambahan. Pengaturan ini digunakan untuk menentukan fitur editor apa saja yang didukung custom post ini. Yang kita perlukan untuk postingan kustom kita hanya Title dan Featured Image. Kita tidak memerlukan Editor karena kita hanya akan menampilkan informasi pendek, bukan artikel.

CPT UI Support

Jika Anda sudah selesai, klik Add Post Type yang ada pada bagian Basic Settings tadi. Pada dashboard WordPress akan muncul menu custom post type yang Anda buat dibawah menu Posts.

Players Custom Post Type

Selamat! Anda baru saja membuat tipe posting custom pertama Anda. Namun, Anda masih perlu mengkustomisasi tampilan konten-kontennya. Langkah-langkahnya nanti kami bahas di modul selanjutnya.

Recent Posts

  • Perubahan Biaya WordPress.com
  • Cara Menggunakan FileZilla
  • Mengaktifkan User Registration di WordPress
  • Menampilkan Google Maps di WordPress
  • Fitur Baru Kadence Blocks 2.2.4: Lottie Animations Block

Ayo Bikin Website

  • Blog
  • Modul
  • Hubungi Kami

Modul

  • WordPress
  • Plugins
  • Themes

SUBSCRIBE

© 2022 Ayo Bikin Website • Powered by WordPress

Scroll to top
  • Home
  • Blog
  • Modul
  • Hubungi Kami
Search