{"id":5977,"date":"2025-11-10T11:33:00","date_gmt":"2025-11-10T04:33:00","guid":{"rendered":"https:\/\/faveworks.com\/hub\/?p=5977"},"modified":"2025-11-09T01:43:57","modified_gmt":"2025-11-08T18:43:57","slug":"custom-post-types-wordpress","status":"publish","type":"post","link":"https:\/\/faveworks.com\/hub\/custom-post-types-wordpress","title":{"rendered":"Panduan Custom Post Types WordPress: CPT, ACF, & Custom Fields"},"content":{"rendered":"\n

Custom Post Types<\/strong> (CPT<\/strong>) adalah mekanisme yang akan membawa situs WordPress<\/em> Anda ke level selanjutnya dalam pengelolaan konten! Apakah Anda bosan memaksakan data “Produk,” “Event,” atau “Staf” ke dalam kerangka Post<\/em> dan Page<\/em> yang terbatas di WordPress<\/em>? Jika ya, ini adalah panduan yang Anda tunggu. <\/p>\n\n\n\n

Kami akan membahas CPT, mekanisme revolusioner yang akan mengubah situs Anda dari blog sederhana menjadi sistem content management system (CMS)<\/em> yang sangat kuat dan terstruktur. Menguasai CPT<\/strong> adalah kunci untuk membangun situs yang benar-benar unik.<\/p>\n\n\n\n

Fokus utama artikel ini adalah integrasi antara CPT<\/strong> dan Advanced Custom Fields (ACF)<\/strong>, plugin wordpress<\/em> paling populer untuk menambahkan data kustom. Dengan kombinasi ini, Anda dapat membangun struktur data yang benar-benar unik dan fleksibel untuk proyek WordPress<\/em> Anda.<\/p>\n\n\n\n

Apa Itu Custom Post Types (CPT) di WordPress?<\/strong><\/h2>\n\n\n\n

Secara sederhana, Custom Post Types<\/strong> (CPT<\/strong>) adalah kategori konten tambahan yang memungkinkan Anda membuat jenis konten baru di WordPress<\/em>, terpisah dari jenis konten standar seperti Post<\/em>, Page<\/em>, dan Media<\/em>.<\/p>\n\n\n\n

Bayangkan Anda membangun situs web untuk e-commerce<\/em> atau direktori. Anda tidak mungkin menggunakan Post<\/em> blog untuk menampilkan “Produk” atau Page<\/em> untuk “Staf Kami”. Jenis konten ini membutuhkan wadah, tampilan, dan bidang data (custom field<\/em>) yang spesifik. Di sinilah CPT<\/strong> berperan.<\/p>\n\n\n\n

Setiap item dalam CPT<\/strong> akan disimpan sebagai baris unik di database WordPress<\/em>, dikelompokkan berdasarkan nama unik (slug<\/em>) yang Anda tetapkan (misalnya, produk, event, staf).<\/p>\n\n\n\n

Mengapa CPT Wajib Digunakan oleh Developer WordPress?<\/strong><\/h3>\n\n\n\n

Penggunaan CPT<\/strong> memberikan keunggulan signifikan dalam pengembangan wordpress<\/em> profesional:<\/p>\n\n\n\n

    \n
  • Pengelolaan Konten yang Bersih:<\/strong> CPT<\/strong> menciptakan antarmuka admin yang terorganisir. Anda dapat mengelola “Resep” secara terpisah dari “Berita”, membuat editor konten Anda lebih efisien. Ini adalah kunci untuk sebuah CMS<\/em> yang efektif.<\/li>\n\n\n\n
  • Fleksibilitas Desain:<\/strong> Anda memiliki kebebasan penuh dalam mendesain tampilan detail (melalui single template<\/em><\/strong>) dan tampilan daftar (melalui archive template<\/em><\/strong>) untuk setiap jenis konten.<\/li>\n\n\n\n
  • Optimasi SEO Struktural:<\/strong> Dengan struktur URL (slug<\/em>) yang relevan (misalnya, \/portfolio\/judul-proyek), CPT<\/strong> membantu mesin pencari seperti Google memahami jenis dan hierarki konten Anda, yang sangat penting untuk SEO<\/em>.<\/li>\n<\/ul>\n\n\n\n

    Perbandingan Metode Utama Pembuatan CPT<\/strong><\/h2>\n\n\n\n

    Ada tiga pendekatan utama untuk mendaftarkan Custom Post Types<\/strong> di WordPress<\/em>. Pilihan Anda tergantung pada tingkat keahlian dan kebutuhan proyek.<\/p>\n\n\n\n

      \n
    1. Kode Manual (<\/strong>register post type<\/em><\/strong>):<\/strong>\n
        \n
      • Pro:<\/strong> Performa paling optimal, kontrol penuh, tidak tergantung plugin<\/em>.<\/li>\n\n\n\n
      • Kontra:<\/strong> Membutuhkan pengetahuan PHP mendalam di file functions.php<\/em> dan rentan kesalahan sintaks.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • Plugin Pendaftaran CPT (CPT UI atau <\/strong>Pods<\/em><\/strong>):<\/strong>\n
          \n
        • Pro:<\/strong> Sangat mudah diakses melalui UI, tidak perlu menulis kode.<\/li>\n\n\n\n
        • Kontra:<\/strong> Menambahkan beban plugin<\/em> tambahan ke situs WordPress<\/em> Anda.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • ACF Pro (Metode Rekomendasi):<\/strong>\n
            \n
          • Pro:<\/strong> Mengkonsolidasikan pendaftaran CPT<\/strong>, custom fields<\/em><\/strong>, dan custom taxonomy<\/em><\/strong> dalam satu antarmuka yang sudah kuat. Cocok untuk developer<\/em> yang sudah berinvestasi pada ACF<\/strong>.<\/li>\n\n\n\n
          • Kontra:<\/strong> Membutuhkan lisensi ACF Pro (berbayar).<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

            Dalam ekosistem wordpress<\/em> modern, menggunakan ACF Pro<\/strong> adalah pendekatan paling efisien karena menyatukan pembuatan CPT<\/strong> dan data Custom Field<\/em> di satu tempat.<\/p>\n\n\n\n

            Langkah 1: Membuat Custom Post Type Menggunakan ACF Pro<\/strong><\/h2>\n\n\n\n

            Jika Anda menggunakan plugin wordpress<\/strong> Advanced Custom Fields versi 6.0 atau lebih tinggi, Anda dapat mendaftarkan CPT<\/strong> tanpa plugin<\/em> tambahan. Mari kita buat CPT<\/strong> dengan nama “Proyek” (menggantikan “Portfolio” agar lebih umum).<\/p>\n\n\n\n

              \n
            1. Persiapan:<\/strong> Pastikan Anda telah menginstal dan mengaktifkan plugin ACF<\/strong> Pro.<\/li>\n\n\n\n
            2. Akses UI CPT:<\/strong> Di Dashboard<\/em> WordPress<\/em> Anda, navigasikan ke menu ACF > Post Types<\/strong>.<\/li>\n\n\n\n
            3. Label dan Slug:<\/strong> Klik “Add New”<\/strong> dan isi detailnya:\n
                \n
              • Plural Label:<\/strong> Proyek<\/li>\n\n\n\n
              • Singular Label:<\/strong> Proyek<\/li>\n\n\n\n
              • Post Type Key (Slug):<\/strong> proyek (Wajib huruf kecil tanpa spasi. Ini akan menjadi slug<\/em> URL).<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Konfigurasi Dasar:<\/strong>\n
                  \n
                • Public Visibility:<\/strong> Atur ke “Public”<\/strong> (\u2713) agar dapat diakses publik.<\/li>\n\n\n\n
                • Has Archive:<\/strong> Atur ke “True”<\/strong> (\u2713) untuk menghasilkan halaman arsip (misalnya, websitemu.com\/proyek\/).<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                • Pilih Fitur yang Didukung (Supports):<\/strong> Centang fitur standar WordPress<\/em> yang akan Anda gunakan: Title, Editor, Featured Image, dan Custom Fields<\/em>.<\/li>\n\n\n\n
                • Simpan:<\/strong> Klik “Save Changes”<\/strong>. Menu baru bernama “Proyek” akan muncul di Dashboard<\/em> Anda.<\/li>\n<\/ol>\n\n\n\n

                  Langkah 2: Membuat Custom Taxonomy (<\/strong>Taksonomi Kustom<\/em><\/strong>)<\/strong><\/h2>\n\n\n\n

                  Untuk mengelompokkan item CPT<\/strong> “Proyek” lebih lanjut, kita memerlukan custom taxonomy<\/em><\/strong>. Mari kita buat taksonomi<\/em> “Layanan” untuk memfilter proyek berdasarkan jenis layanan yang diberikan.<\/p>\n\n\n\n

                    \n
                  1. Akses Taksonomi:<\/strong> Navigasi ke ACF > Taxonomies<\/strong>.<\/li>\n\n\n\n
                  2. Detail Taksonomi:<\/strong> Klik “Add New”<\/strong> dan isi:\n
                      \n
                    • Plural Label:<\/strong> Layanan<\/li>\n\n\n\n
                    • Singular Label:<\/strong> Layanan<\/li>\n\n\n\n
                    • Taxonomy Key (Slug):<\/strong> layanan<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                    • Atur Hierarki:<\/strong> Untuk taksonomi<\/em> yang memiliki struktur induk\/anak (seperti Kategori), atur “Hierarchical”<\/strong> ke “True”<\/strong> (\u2713).<\/li>\n\n\n\n
                    • Hubungkan ke CPT:<\/strong> Pada bagian “Post Types”<\/strong>, pastikan Anda mencentang “Proyek”<\/strong>. Ini memastikan taksonomi<\/em> “Layanan” hanya muncul pada CPT<\/strong> yang bersangkutan.<\/li>\n\n\n\n
                    • Simpan:<\/strong> Klik “Save Changes”<\/strong>.<\/li>\n<\/ol>\n\n\n\n

                      Langkah 3: Menambahkan Custom Fields dengan ACF<\/strong><\/h2>\n\n\n\n

                      Setelah CPT<\/strong> dan custom taxonomy<\/em><\/strong> dibuat, langkah selanjutnya adalah menambahkan bidang data spesifik yang hanya muncul pada CPT<\/strong> “Proyek” menggunakan ACF<\/strong>.<\/p>\n\n\n\n

                      Mari kita tambahkan bidang “Klien” dan “Budget Proyek”:<\/p>\n\n\n\n

                        \n
                      1. Buat Field Group:<\/strong> Navigasi ke ACF > Field Groups<\/strong> dan klik “Add New”<\/strong>. Beri nama “Data Proyek”.<\/li>\n\n\n\n
                      2. Tambahkan Field 1 (Klien):<\/strong>\n
                          \n
                        • Field Label:<\/strong> Nama Klien<\/li>\n\n\n\n
                        • Field Name:<\/strong> nama_klien<\/li>\n\n\n\n
                        • Field Type:<\/strong> Text<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                        • Tambahkan Field 2 (Budget Proyek):<\/strong>\n
                            \n
                          • Field Label:<\/strong> Budget Proyek<\/li>\n\n\n\n
                          • Field Name:<\/strong> budget_proyek<\/li>\n\n\n\n
                          • Field Type:<\/strong> Number<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                          • Aturan Tampilan (Location Rules):<\/strong> Di bawah “Location Rules”, atur kondisi:
                            Show this Field Group if Post Type is equal to Proyek<\/strong><\/li>\n\n\n\n
                          • Simpan:<\/strong> Klik “Save Changes”<\/strong>.<\/li>\n<\/ol>\n\n\n\n

                            Sekarang, setiap item CPT<\/strong> “Proyek” yang Anda buat akan memiliki bidang “Nama Klien” dan “Budget Proyek” yang spesifik dan terstruktur.<\/p>\n\n\n\n

                            Langkah 4: Menampilkan CPT di Frontend (<\/strong>Theming<\/em><\/strong>)<\/strong><\/h2>\n\n\n\n

                            Menampilkan data CPT<\/strong> dan custom fields<\/em> di frontend<\/em> situs memerlukan pemahaman tentang hirarki template<\/em> tema WordPress<\/em> Anda.<\/p>\n\n\n\n

                              \n
                            • Tampilan Arsip (Daftar Item):<\/strong> WordPress<\/em> akan menggunakan template<\/em> bernama archive template<\/em><\/strong>: archive-proyek.php.<\/li>\n\n\n\n
                            • Tampilan Tunggal (Detail Item):<\/strong> WordPress<\/em> akan menggunakan template<\/em> bernama single template<\/em><\/strong>: single-proyek.php.<\/li>\n<\/ul>\n\n\n\n

                              Untuk memanggil data Custom Field<\/em> dari ACF<\/strong> di dalam single template<\/em> (single-proyek.php), Anda akan menggunakan fungsi-fungsi PHP ACF<\/strong>:<\/p>\n\n\n\n

                              <?php\u00a0\n\n\/\/ Contoh menampilkan data Custom Field ACF di single-proyek.php\n\n\/\/ Ambil nilai dari field \"Nama Klien\"\n\n$klien = get_field('nama_klien');\u00a0\n\n\/\/ Ambil nilai dari field \"Budget Proyek\"\n\n$budget = get_field('budget_proyek');\u00a0\n\n?>\n\n<!-- Tampilkan data -->\n\n<div class=\"project-info\">\n\n\u00a0\u00a0\u00a0\u00a0<p>Nama Klien: <strong><?php echo $klien; ?><\/strong><\/p>\n\n\u00a0\u00a0\u00a0\u00a0<p>Estimasi Budget: Rp <?php echo number_format($budget, 0, ',', '.'); ?><\/p>\n\n<\/div>\n\n<?php\n\n\/\/ Contoh menampilkan Custom Taxonomy \"Layanan\"\n\n$terms = get_the_terms( get_the_ID(), 'layanan' );\n\nif ( $terms && ! is_wp_error( $terms ) ) :\u00a0\n\n?>\n\n\u00a0\u00a0\u00a0\u00a0<p>Kategori Layanan:\u00a0\n\n\u00a0\u00a0\u00a0\u00a0<?php foreach ( $terms as $term ) {\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo '<span>' . $term->name . '<\/span> ';\n\n\u00a0\u00a0\u00a0\u00a0} ?>\n\n\u00a0\u00a0\u00a0\u00a0<\/p>\n\n<?php endif; ?><\/code><\/pre>\n\n\n\n
                              Menggunakan kode ini, Anda mengontrol penuh bagaimana setiap detail CPT<\/strong> “Proyek” ditampilkan, memanfaatkan data yang dimasukkan melalui custom fields<\/em> ACF<\/strong>.<\/p>\n\n\n\n
                              Saatnya Transformasi: Situs Kustom Anda Menanti!<\/strong><\/h2>\n\n\n\n
                              Custom Post Types<\/strong> adalah fondasi yang wajib dikuasai untuk setiap situs WordPress<\/em> yang berfungsi sebagai content management system (CMS)<\/em> yang sesungguhnya. Dengan menggabungkan kekuatan CPT<\/strong> dengan plugin wordpress<\/strong> Advanced Custom Fields (ACF<\/strong>), Anda mendapatkan kontrol data yang tidak terbatas.<\/p>\n\n\n\n
                              Memilih ACF<\/strong> Pro untuk mendaftarkan CPT<\/strong> dan custom taxonomy<\/em><\/strong> sekaligus menyederhanakan alur kerja developer<\/em>. Ini memungkinkan Anda berfokus pada merancang single template<\/em><\/strong> dan archive template<\/em><\/strong> yang efektif untuk kebutuhan frontend<\/em> situs Anda.<\/p>\n\n\n\n
                              Mulailah merencanakan struktur konten Anda. Tentukan custom fields<\/em> dan taksonomi<\/em> yang dibutuhkan, lalu gunakan ACF<\/strong> untuk mewujudkannya. Selamat membangun WordPress<\/em> yang lebih kuat!<\/p>\n\n\n\n
                              Referensi<\/strong><\/h2>\n\n\n\n
                              Untuk pendalaman lebih lanjut, Anda dapat merujuk pada sumber otoritas berikut:<\/p>\n\n\n\n
                                \n
                              • Dokumentasi Resmi WordPress (Fungsi register post type<\/em>)<\/li>\n\n\n\n
                              • Dokumentasi Resmi Advanced Custom Fields (Panduan penggunaan ACF<\/em>)<\/li>\n\n\n\n
                              • Panduan Theming<\/em> WordPress (Hierarki template<\/em> dan implementasi functions.php<\/em>)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
                                Custom Post Types (CPT) adalah mekanisme yang akan membawa situs WordPress Anda ke level selanjutnya dalam pengelolaan konten! Apakah Anda bosan memaksakan data “Produk,” “Event,”…<\/p>\n","protected":false},"author":2,"featured_media":5979,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[46],"class_list":{"0":"post-5977","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-website","8":"tag-custom-post-types"},"_links":{"self":[{"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/posts\/5977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/comments?post=5977"}],"version-history":[{"count":1,"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/posts\/5977\/revisions"}],"predecessor-version":[{"id":5978,"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/posts\/5977\/revisions\/5978"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/media\/5979"}],"wp:attachment":[{"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/media?parent=5977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/categories?post=5977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/faveworks.com\/hub\/wp-json\/wp\/v2\/tags?post=5977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}