{"id":3890,"date":"2025-04-16T20:53:32","date_gmt":"2025-04-16T13:53:32","guid":{"rendered":"https:\/\/www.jagowebdesign.com\/website\/?p=3890"},"modified":"2025-04-16T20:53:32","modified_gmt":"2025-04-16T13:53:32","slug":"cara-membuat-custom-post-type-di-wordpress","status":"publish","type":"post","link":"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/","title":{"rendered":"Cara Membuat Custom Post Type di WordPress"},"content":{"rendered":"<p class=\"\" data-start=\"208\" data-end=\"641\">WordPress adalah platform yang sangat fleksibel, memungkinkan pengguna untuk membuat berbagai jenis konten selain posting dan halaman standar. Salah satu cara untuk memperluas fungsionalitas WordPress adalah dengan membuat <strong data-start=\"431\" data-end=\"457\">Custom Post Type (CPT)<\/strong>. <strong data-start=\"459\" data-end=\"476\">CPT WordPress<\/strong> memungkinkan kamu untuk membuat jenis konten baru yang lebih sesuai dengan kebutuhan situs kamu, seperti portofolio, produk, testimonial, atau jenis konten lainnya.<\/p>\n<p class=\"\" data-start=\"643\" data-end=\"797\">Pada artikel ini, kami akan membahas cara membuat <strong data-start=\"693\" data-end=\"713\">custom post type<\/strong> di WordPress, serta bagaimana kamu bisa mengelola dan menampilkannya di situs kamu.<\/p>\n<hr class=\"\" data-start=\"799\" data-end=\"802\" \/>\n<h2 class=\"\" data-start=\"804\" data-end=\"838\">Apa Itu Custom Post Type (CPT)?<\/h2>\n<p class=\"\" data-start=\"840\" data-end=\"1111\">Secara default, WordPress hanya memiliki dua jenis konten utama: <strong data-start=\"905\" data-end=\"913\">Post<\/strong> dan <strong data-start=\"918\" data-end=\"926\">Page<\/strong>. Namun, terkadang situs memerlukan jenis konten lain, seperti produk, acara, testimoni, atau portofolio. Untuk itu, WordPress menyediakan fitur yang disebut <strong data-start=\"1084\" data-end=\"1110\">Custom Post Type (CPT)<\/strong>.<\/p>\n<p class=\"\" data-start=\"1113\" data-end=\"1471\"><strong data-start=\"1113\" data-end=\"1133\">Custom Post Type<\/strong> adalah jenis konten baru yang dapat dibuat untuk memenuhi kebutuhan tertentu pada situs kamu. Misalnya, jika kamu memiliki situs eCommerce, kamu bisa membuat <strong data-start=\"1292\" data-end=\"1312\">custom post type<\/strong> untuk produk. Atau jika kamu mengelola situs berita, kamu bisa membuat <strong data-start=\"1384\" data-end=\"1404\">custom post type<\/strong> untuk artikel tertentu seperti review atau kategori berita khusus.<\/p>\n<hr class=\"\" data-start=\"1473\" data-end=\"1476\" \/>\n<h2 class=\"\" data-start=\"1478\" data-end=\"1527\">Mengapa Membuat Custom Post Type di WordPress?<\/h2>\n<p class=\"\" data-start=\"1529\" data-end=\"1622\">Ada beberapa alasan mengapa kamu perlu membuat <strong data-start=\"1576\" data-end=\"1593\">CPT WordPress<\/strong> di situs kamu, di antaranya:<\/p>\n<ul data-start=\"1624\" data-end=\"2087\">\n<li class=\"\" data-start=\"1624\" data-end=\"1758\">\n<p class=\"\" data-start=\"1626\" data-end=\"1758\"><strong data-start=\"1626\" data-end=\"1648\">Kustomisasi Konten<\/strong>: Membuat jenis konten yang lebih relevan dengan kebutuhan situs kamu, seperti portofolio, acara, atau produk.<\/p>\n<\/li>\n<li class=\"\" data-start=\"1759\" data-end=\"1905\">\n<p class=\"\" data-start=\"1761\" data-end=\"1905\"><strong data-start=\"1761\" data-end=\"1791\">Organisasi yang Lebih Baik<\/strong>: Dengan menggunakan custom post type, kamu bisa mengorganisir konten dengan lebih terstruktur dan mudah dikelola.<\/p>\n<\/li>\n<li class=\"\" data-start=\"1906\" data-end=\"2087\">\n<p class=\"\" data-start=\"1908\" data-end=\"2087\"><strong data-start=\"1908\" data-end=\"1953\">Pengelolaan Tampilan yang Lebih Fleksibel<\/strong>: Kamu bisa menyesuaikan template dan tampilan untuk setiap jenis konten, memberi tampilan yang lebih relevan sesuai dengan fungsinya.<\/p>\n<\/li>\n<\/ul>\n<hr class=\"\" data-start=\"2089\" data-end=\"2092\" \/>\n<h2 class=\"\" data-start=\"2094\" data-end=\"2144\">Langkah 1: Membuat Custom Post Type dengan Kode<\/h2>\n<p class=\"\" data-start=\"2146\" data-end=\"2311\">Untuk membuat <strong data-start=\"2160\" data-end=\"2177\">CPT WordPress<\/strong>, kamu perlu menambahkan kode di file <code data-start=\"2215\" data-end=\"2230\">functions.php<\/code> pada tema kamu. Berikut adalah contoh kode dasar untuk membuat custom post type:<\/p>\n<ol data-start=\"2313\" data-end=\"4337\">\n<li class=\"\" data-start=\"2313\" data-end=\"2517\">\n<p class=\"\" data-start=\"2316\" data-end=\"2517\"><strong data-start=\"2316\" data-end=\"2344\">Akses File functions.php<\/strong>: Akses tema yang aktif di WordPress dan buka file <code data-start=\"2395\" data-end=\"2410\">functions.php<\/code>. Kamu bisa melakukannya melalui <strong data-start=\"2443\" data-end=\"2472\">Appearance &gt; Theme Editor<\/strong> di dashboard WordPress atau menggunakan FTP.<\/p>\n<\/li>\n<li class=\"\" data-start=\"2519\" data-end=\"4337\">\n<p class=\"\" data-start=\"2522\" data-end=\"2607\"><strong data-start=\"2522\" data-end=\"2558\">Tambahkan Kode untuk Membuat CPT<\/strong>: Tambahkan kode berikut di file <code data-start=\"2591\" data-end=\"2606\">functions.php<\/code>:<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">php<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><\/span><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-php\"><span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><\/span> <span class=\"hljs-title\">create_custom_post_type<\/span>() {<br \/>\n    <span class=\"hljs-variable\">$args<\/span> = <span class=\"hljs-keyword\">array<\/span>(<br \/>\n        <span class=\"hljs-string\">'labels'<\/span> =&gt; <span class=\"hljs-keyword\">array<\/span>(<br \/>\n            <span class=\"hljs-string\">'name'<\/span> =&gt; <span class=\"hljs-string\">'Products'<\/span>,<br \/>\n            <span class=\"hljs-string\">'singular_name'<\/span> =&gt; <span class=\"hljs-string\">'Product'<\/span>,<br \/>\n            <span class=\"hljs-string\">'add_new'<\/span> =&gt; <span class=\"hljs-string\">'Add New'<\/span>,<br \/>\n            <span class=\"hljs-string\">'add_new_item'<\/span> =&gt; <span class=\"hljs-string\">'Add New Product'<\/span>,<br \/>\n            <span class=\"hljs-string\">'edit_item'<\/span> =&gt; <span class=\"hljs-string\">'Edit Product'<\/span>,<br \/>\n            <span class=\"hljs-string\">'new_item'<\/span> =&gt; <span class=\"hljs-string\">'New Product'<\/span>,<br \/>\n            <span class=\"hljs-string\">'view_item'<\/span> =&gt; <span class=\"hljs-string\">'View Product'<\/span>,<br \/>\n            <span class=\"hljs-string\">'search_items'<\/span> =&gt; <span class=\"hljs-string\">'Search Products'<\/span>,<br \/>\n            <span class=\"hljs-string\">'not_found'<\/span> =&gt; <span class=\"hljs-string\">'No products found'<\/span>,<br \/>\n            <span class=\"hljs-string\">'not_found_in_trash'<\/span> =&gt; <span class=\"hljs-string\">'No products found in Trash'<\/span>,<br \/>\n            <span class=\"hljs-string\">'parent_item_colon'<\/span> =&gt; <span class=\"hljs-string\">''<\/span>,<br \/>\n            <span class=\"hljs-string\">'menu_name'<\/span> =&gt; <span class=\"hljs-string\">'Products'<\/span>,<br \/>\n        ),<br \/>\n        <span class=\"hljs-string\">'public'<\/span> =&gt; <span class=\"hljs-literal\">true<\/span>,<br \/>\n        <span class=\"hljs-string\">'has_archive'<\/span> =&gt; <span class=\"hljs-literal\">true<\/span>,<br \/>\n        <span class=\"hljs-string\">'show_ui'<\/span> =&gt; <span class=\"hljs-literal\">true<\/span>,<br \/>\n        <span class=\"hljs-string\">'supports'<\/span> =&gt; <span class=\"hljs-keyword\">array<\/span>( <span class=\"hljs-string\">'title'<\/span>, <span class=\"hljs-string\">'editor'<\/span>, <span class=\"hljs-string\">'thumbnail'<\/span>, <span class=\"hljs-string\">'excerpt'<\/span>, <span class=\"hljs-string\">'custom-fields'<\/span> ),<br \/>\n        <span class=\"hljs-string\">'rewrite'<\/span> =&gt; <span class=\"hljs-keyword\">array<\/span>( <span class=\"hljs-string\">'slug'<\/span> =&gt; <span class=\"hljs-string\">'products'<\/span> ),<br \/>\n        <span class=\"hljs-string\">'show_in_rest'<\/span> =&gt; <span class=\"hljs-literal\">true<\/span>, <span class=\"hljs-comment\">\/\/ Enable Gutenberg support<\/span><br \/>\n    );<br \/>\n    <span class=\"hljs-title function_ invoke__\">register_post_type<\/span>( <span class=\"hljs-string\">'product'<\/span>, <span class=\"hljs-variable\">$args<\/span> );<br \/>\n}<br \/>\n<span class=\"hljs-title function_ invoke__\">add_action<\/span>( <span class=\"hljs-string\">'init'<\/span>, <span class=\"hljs-string\">'create_custom_post_type'<\/span> );<br \/>\n<\/code><\/div>\n<\/div>\n<p class=\"\" data-start=\"3720\" data-end=\"3736\">Penjelasan kode:<\/p>\n<ul data-start=\"3740\" data-end=\"4241\">\n<li class=\"\" data-start=\"3740\" data-end=\"3826\">\n<p class=\"\" data-start=\"3742\" data-end=\"3826\"><code data-start=\"3742\" data-end=\"3750\">labels<\/code>: Menentukan label yang digunakan di menu dan antarmuka admin untuk <strong data-start=\"3818\" data-end=\"3825\">CPT<\/strong>.<\/p>\n<\/li>\n<li class=\"\" data-start=\"3830\" data-end=\"3911\">\n<p class=\"\" data-start=\"3832\" data-end=\"3911\"><code data-start=\"3832\" data-end=\"3840\">public<\/code>: Menentukan apakah custom post type ini akan tampil di frontend situs.<\/p>\n<\/li>\n<li class=\"\" data-start=\"3915\" data-end=\"3994\">\n<p class=\"\" data-start=\"3917\" data-end=\"3994\"><code data-start=\"3917\" data-end=\"3930\">has_archive<\/code>: Menentukan apakah custom post type ini memiliki halaman arsip.<\/p>\n<\/li>\n<li class=\"\" data-start=\"3998\" data-end=\"4110\">\n<p class=\"\" data-start=\"4000\" data-end=\"4110\"><code data-start=\"4000\" data-end=\"4010\">supports<\/code>: Menentukan fitur yang didukung oleh custom post type, seperti <code data-start=\"4074\" data-end=\"4081\">title<\/code>, <code data-start=\"4083\" data-end=\"4091\">editor<\/code>, <code data-start=\"4093\" data-end=\"4104\">thumbnail<\/code>, dll.<\/p>\n<\/li>\n<li class=\"\" data-start=\"4114\" data-end=\"4170\">\n<p class=\"\" data-start=\"4116\" data-end=\"4170\"><code data-start=\"4116\" data-end=\"4125\">rewrite<\/code>: Menentukan URL slug untuk custom post type.<\/p>\n<\/li>\n<li class=\"\" data-start=\"4174\" data-end=\"4241\">\n<p class=\"\" data-start=\"4176\" data-end=\"4241\"><code data-start=\"4176\" data-end=\"4190\">show_in_rest<\/code>: Menambahkan dukungan untuk editor blok Gutenberg.<\/p>\n<\/li>\n<\/ul>\n<p class=\"\" data-start=\"4246\" data-end=\"4337\">Kode ini membuat <strong data-start=\"4263\" data-end=\"4280\">CPT WordPress<\/strong> bernama <strong data-start=\"4289\" data-end=\"4300\">Product<\/strong> yang dapat kamu akses di menu admin.<\/p>\n<\/li>\n<\/ol>\n<hr class=\"\" data-start=\"4339\" data-end=\"4342\" \/>\n<h2 class=\"\" data-start=\"4344\" data-end=\"4406\">Langkah 2: Menambahkan Custom Taxonomy untuk CPT (Opsional)<\/h2>\n<p class=\"\" data-start=\"4408\" data-end=\"4625\">Selain membuat <strong data-start=\"4423\" data-end=\"4443\">custom post type<\/strong>, kamu juga bisa membuat <strong data-start=\"4468\" data-end=\"4487\">custom taxonomy<\/strong> untuk mengelompokkan konten dalam CPT kamu. Misalnya, untuk produk, kamu bisa membuat taksonomi seperti kategori atau label untuk produk.<\/p>\n<p class=\"\" data-start=\"4627\" data-end=\"4709\">Berikut adalah contoh kode untuk menambahkan custom taxonomy <strong data-start=\"4688\" data-end=\"4708\">Product Category<\/strong>:<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">php<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><\/span><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-php\"><span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><\/span> <span class=\"hljs-title\">create_product_taxonomy<\/span>() {<br \/>\n    <span class=\"hljs-variable\">$args<\/span> = <span class=\"hljs-keyword\">array<\/span>(<br \/>\n        <span class=\"hljs-string\">'hierarchical'<\/span> =&gt; <span class=\"hljs-literal\">true<\/span>,<br \/>\n        <span class=\"hljs-string\">'labels'<\/span> =&gt; <span class=\"hljs-keyword\">array<\/span>(<br \/>\n            <span class=\"hljs-string\">'name'<\/span> =&gt; <span class=\"hljs-string\">'Product Categories'<\/span>,<br \/>\n            <span class=\"hljs-string\">'singular_name'<\/span> =&gt; <span class=\"hljs-string\">'Product Category'<\/span>,<br \/>\n            <span class=\"hljs-string\">'search_items'<\/span> =&gt; <span class=\"hljs-string\">'Search Product Categories'<\/span>,<br \/>\n            <span class=\"hljs-string\">'all_items'<\/span> =&gt; <span class=\"hljs-string\">'All Product Categories'<\/span>,<br \/>\n            <span class=\"hljs-string\">'parent_item'<\/span> =&gt; <span class=\"hljs-string\">'Parent Product Category'<\/span>,<br \/>\n            <span class=\"hljs-string\">'parent_item_colon'<\/span> =&gt; <span class=\"hljs-string\">'Parent Product Category:'<\/span>,<br \/>\n            <span class=\"hljs-string\">'edit_item'<\/span> =&gt; <span class=\"hljs-string\">'Edit Product Category'<\/span>,<br \/>\n            <span class=\"hljs-string\">'update_item'<\/span> =&gt; <span class=\"hljs-string\">'Update Product Category'<\/span>,<br \/>\n            <span class=\"hljs-string\">'add_new_item'<\/span> =&gt; <span class=\"hljs-string\">'Add New Product Category'<\/span>,<br \/>\n            <span class=\"hljs-string\">'new_item_name'<\/span> =&gt; <span class=\"hljs-string\">'New Product Category Name'<\/span>,<br \/>\n            <span class=\"hljs-string\">'menu_name'<\/span> =&gt; <span class=\"hljs-string\">'Product Categories'<\/span>,<br \/>\n        ),<br \/>\n        <span class=\"hljs-string\">'show_ui'<\/span> =&gt; <span class=\"hljs-literal\">true<\/span>,<br \/>\n        <span class=\"hljs-string\">'show_admin_column'<\/span> =&gt; <span class=\"hljs-literal\">true<\/span>,<br \/>\n        <span class=\"hljs-string\">'query_var'<\/span> =&gt; <span class=\"hljs-literal\">true<\/span>,<br \/>\n        <span class=\"hljs-string\">'rewrite'<\/span> =&gt; <span class=\"hljs-keyword\">array<\/span>( <span class=\"hljs-string\">'slug'<\/span> =&gt; <span class=\"hljs-string\">'product-category'<\/span> ),<br \/>\n    );<br \/>\n    <span class=\"hljs-title function_ invoke__\">register_taxonomy<\/span>( <span class=\"hljs-string\">'product_category'<\/span>, <span class=\"hljs-string\">'product'<\/span>, <span class=\"hljs-variable\">$args<\/span> );<br \/>\n}<br \/>\n<span class=\"hljs-title function_ invoke__\">add_action<\/span>( <span class=\"hljs-string\">'init'<\/span>, <span class=\"hljs-string\">'create_product_taxonomy'<\/span> );<br \/>\n<\/code><\/div>\n<\/div>\n<p class=\"\" data-start=\"5724\" data-end=\"5887\">Kode ini akan menambahkan taksonomi <strong data-start=\"5760\" data-end=\"5782\">Product Categories<\/strong> untuk <strong data-start=\"5789\" data-end=\"5805\">CPT Products<\/strong>. Dengan demikian, kamu dapat mengelompokkan produk berdasarkan kategori tertentu.<\/p>\n<hr class=\"\" data-start=\"5889\" data-end=\"5892\" \/>\n<h2 class=\"\" data-start=\"5894\" data-end=\"5948\">Langkah 3: Menampilkan Custom Post Type di Frontend<\/h2>\n<p class=\"\" data-start=\"5950\" data-end=\"6223\">Setelah kamu membuat <strong data-start=\"5971\" data-end=\"5988\">CPT WordPress<\/strong>, kamu mungkin ingin menampilkan jenis konten baru ini di situs kamu. WordPress sudah menyediakan template default untuk menampilkan CPT di frontend. Namun, kamu bisa membuat template khusus agar tampilan lebih sesuai dengan kebutuhan.<\/p>\n<ol data-start=\"6225\" data-end=\"7181\">\n<li class=\"\" data-start=\"6225\" data-end=\"6503\">\n<p class=\"\" data-start=\"6228\" data-end=\"6503\"><strong data-start=\"6228\" data-end=\"6255\">Buat Template untuk CPT<\/strong>: Jika kamu ingin mengubah tampilan untuk <strong data-start=\"6297\" data-end=\"6314\">CPT WordPress<\/strong>, kamu bisa membuat file template khusus. Misalnya, untuk <strong data-start=\"6372\" data-end=\"6383\">product<\/strong>, buat file <code data-start=\"6395\" data-end=\"6415\">single-product.php<\/code> untuk tampilan individual produk dan <code data-start=\"6453\" data-end=\"6474\">archive-product.php<\/code> untuk tampilan arsip produk.<\/p>\n<\/li>\n<li class=\"\" data-start=\"6505\" data-end=\"7181\">\n<p class=\"\" data-start=\"6508\" data-end=\"6651\"><strong data-start=\"6508\" data-end=\"6525\">Edit Template<\/strong>: Di dalam file template, kamu bisa menambahkan kode PHP dan HTML untuk menampilkan informasi dari custom post type. Misalnya:<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">php<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><\/span><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-php\"><span class=\"hljs-meta\">&lt;?php<\/span><br \/>\n<span class=\"hljs-comment\">\/\/ Archive template for product CPT<\/span><br \/>\n<span class=\"hljs-title function_ invoke__\">get_header<\/span>();<br \/>\n<span class=\"hljs-meta\">?&gt;<\/span><br \/>\n&lt;div <span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span><\/span>=\"<span class=\"hljs-title\">product<\/span>-<span class=\"hljs-title\">archive<\/span>\"&gt;<br \/>\n    &lt;?<span class=\"hljs-title\">php<\/span><br \/>\n    <span class=\"hljs-title\">if<\/span> ( <span class=\"hljs-title\">have_posts<\/span>() ) :<br \/>\n        <span class=\"hljs-title\">while<\/span> ( <span class=\"hljs-title\">have_posts<\/span>() ) : <span class=\"hljs-title\">the_post<\/span>();<br \/>\n            ?&gt;<br \/>\n            &lt;<span class=\"hljs-title\">div<\/span> <span class=\"hljs-title\">class<\/span>=\"<span class=\"hljs-title\">product<\/span>-<span class=\"hljs-title\">item<\/span>\"&gt;<br \/>\n                &lt;<span class=\"hljs-title\">h2<\/span>&gt;&lt;?<span class=\"hljs-title\">php<\/span> <span class=\"hljs-title\">the_title<\/span>(); ?&gt;&lt;\/<span class=\"hljs-title\">h2<\/span>&gt;<br \/>\n                &lt;<span class=\"hljs-title\">div<\/span> <span class=\"hljs-title\">class<\/span>=\"<span class=\"hljs-title\">product<\/span>-<span class=\"hljs-title\">content<\/span>\"&gt;&lt;?<span class=\"hljs-title\">php<\/span> <span class=\"hljs-title\">the_content<\/span>(); ?&gt;&lt;\/<span class=\"hljs-title\">div<\/span>&gt;<br \/>\n            &lt;\/<span class=\"hljs-title\">div<\/span>&gt;<br \/>\n            &lt;?<span class=\"hljs-title\">php<\/span><br \/>\n        <span class=\"hljs-title\">endwhile<\/span>;<br \/>\n    <span class=\"hljs-title\">endif<\/span>;<br \/>\n    ?&gt;<br \/>\n&lt;\/<span class=\"hljs-title\">div<\/span>&gt;<br \/>\n&lt;?<span class=\"hljs-title\">php<\/span><br \/>\n<span class=\"hljs-title\">get_footer<\/span>();<br \/>\n?&gt;<br \/>\n<\/code><\/div>\n<\/div>\n<\/li>\n<\/ol>\n<p class=\"\" data-start=\"7183\" data-end=\"7266\">Dengan template ini, kamu dapat menampilkan daftar produk dalam format yang sesuai.<\/p>\n<hr class=\"\" data-start=\"7268\" data-end=\"7271\" \/>\n<h2 class=\"\" data-start=\"7273\" data-end=\"7313\">Langkah 4: Mengelola Custom Post Type<\/h2>\n<p class=\"\" data-start=\"7315\" data-end=\"7673\">Setelah <strong data-start=\"7323\" data-end=\"7340\">CPT WordPress<\/strong> berhasil dibuat, kamu dapat mengelola konten ini melalui dashboard WordPress. Custom post type akan muncul di menu sebelah kiri, di bawah menu <strong data-start=\"7484\" data-end=\"7493\">Posts<\/strong> atau sesuai dengan nama yang telah kamu tentukan (misalnya <strong data-start=\"7553\" data-end=\"7565\">Products<\/strong>). Di sini, kamu bisa menambah, mengedit, atau menghapus konten dari <strong data-start=\"7634\" data-end=\"7654\">custom post type<\/strong> yang telah dibuat.<\/p>\n<hr class=\"\" data-start=\"7675\" data-end=\"7678\" \/>\n<h2 class=\"\" data-start=\"7680\" data-end=\"7693\">Kesimpulan<\/h2>\n<p class=\"\" data-start=\"7695\" data-end=\"7970\">Membuat <strong data-start=\"7703\" data-end=\"7729\">Custom Post Type (CPT)<\/strong> di WordPress adalah cara yang hebat untuk menambah jenis konten yang lebih sesuai dengan kebutuhan situs kamu. Dengan menggunakan <strong data-start=\"7860\" data-end=\"7877\">CPT WordPress<\/strong>, kamu dapat mengorganisir dan mengelola konten dengan cara yang lebih efisien dan fleksibel.<\/p>\n<p class=\"\" data-start=\"7972\" data-end=\"8247\">Selain itu, kamu juga bisa menambahkan <strong data-start=\"8011\" data-end=\"8030\">custom taxonomy<\/strong> untuk lebih mengelompokkan konten dan membuat tampilan situs yang lebih terstruktur. Dengan mengikuti langkah-langkah di atas, kamu dapat dengan mudah membuat dan menampilkan custom post type di situs WordPress kamu.<\/p>\n<p class=\"\" data-start=\"8249\" data-end=\"8377\">Jadi, jangan ragu untuk mulai bereksperimen dengan CPT untuk memperkaya situs WordPress kamu dan meningkatkan fungsionalitasnya!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress adalah platform yang sangat fleksibel, memungkinkan pengguna untuk membuat berbagai jenis konten selain posting dan halaman standar. Salah satu cara untuk memperluas fungsionalitas WordPress adalah dengan membuat Custom Post Type (CPT). CPT WordPress memungkinkan kamu untuk membuat jenis konten baru yang lebih sesuai dengan kebutuhan situs kamu, seperti portofolio, produk, testimonial, atau jenis konten [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3891,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[38],"tags":[652,653],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Membuat Custom Post Type di WordPress - Demo Website<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Membuat Custom Post Type di WordPress - Demo Website\" \/>\n<meta property=\"og:description\" content=\"WordPress adalah platform yang sangat fleksibel, memungkinkan pengguna untuk membuat berbagai jenis konten selain posting dan halaman standar. Salah satu cara untuk memperluas fungsionalitas WordPress adalah dengan membuat Custom Post Type (CPT). CPT WordPress memungkinkan kamu untuk membuat jenis konten baru yang lebih sesuai dengan kebutuhan situs kamu, seperti portofolio, produk, testimonial, atau jenis konten [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Demo Website\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-16T13:53:32+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.jagowebdesign.com\/website\/wp-content\/uploads\/2025\/04\/24.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Prabowo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Prabowo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/\",\"url\":\"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/\",\"name\":\"Cara Membuat Custom Post Type di WordPress - Demo Website\",\"isPartOf\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#website\"},\"datePublished\":\"2025-04-16T13:53:32+00:00\",\"dateModified\":\"2025-04-16T13:53:32+00:00\",\"author\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.jagowebdesign.com\/website\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Membuat Custom Post Type di WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#website\",\"url\":\"https:\/\/www.jagowebdesign.com\/website\/\",\"name\":\"Demo Website\",\"description\":\"Jagowebdesign.Com\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jagowebdesign.com\/website\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a\",\"name\":\"Prabowo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g\",\"caption\":\"Prabowo\"},\"url\":\"https:\/\/www.jagowebdesign.com\/website\/author\/prabowo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Membuat Custom Post Type di WordPress - Demo Website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Cara Membuat Custom Post Type di WordPress - Demo Website","og_description":"WordPress adalah platform yang sangat fleksibel, memungkinkan pengguna untuk membuat berbagai jenis konten selain posting dan halaman standar. Salah satu cara untuk memperluas fungsionalitas WordPress adalah dengan membuat Custom Post Type (CPT). CPT WordPress memungkinkan kamu untuk membuat jenis konten baru yang lebih sesuai dengan kebutuhan situs kamu, seperti portofolio, produk, testimonial, atau jenis konten [&hellip;]","og_url":"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/","og_site_name":"Demo Website","article_published_time":"2025-04-16T13:53:32+00:00","og_image":[{"width":1280,"height":1280,"url":"http:\/\/www.jagowebdesign.com\/website\/wp-content\/uploads\/2025\/04\/24.jpeg","type":"image\/jpeg"}],"author":"Prabowo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Prabowo","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/","url":"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/","name":"Cara Membuat Custom Post Type di WordPress - Demo Website","isPartOf":{"@id":"https:\/\/www.jagowebdesign.com\/website\/#website"},"datePublished":"2025-04-16T13:53:32+00:00","dateModified":"2025-04-16T13:53:32+00:00","author":{"@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a"},"breadcrumb":{"@id":"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.jagowebdesign.com\/website\/cara-membuat-custom-post-type-di-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jagowebdesign.com\/website\/"},{"@type":"ListItem","position":2,"name":"Cara Membuat Custom Post Type di WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.jagowebdesign.com\/website\/#website","url":"https:\/\/www.jagowebdesign.com\/website\/","name":"Demo Website","description":"Jagowebdesign.Com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jagowebdesign.com\/website\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a","name":"Prabowo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g","caption":"Prabowo"},"url":"https:\/\/www.jagowebdesign.com\/website\/author\/prabowo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3890"}],"collection":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/comments?post=3890"}],"version-history":[{"count":1,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3890\/revisions"}],"predecessor-version":[{"id":3892,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3890\/revisions\/3892"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/media\/3891"}],"wp:attachment":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/media?parent=3890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/categories?post=3890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/tags?post=3890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}