Sebelumnya, pastikan kalau plugin CMB2 sudah diinstall di situs WordPress Anda. Setelah itu aktifkan plugin nya.<\/p>\n
01. Basic Custom Meta Box<\/strong> Kode tersebut akan menghasilkan custom meta box berikut.<\/p>\n Jika ingin menampilkan nya di konten Page atau Post Type lainnya, silahkan ganti kode berikut.<\/p>\n Dan untuk pilihan tipe input form nya, bisa dilihat di link berikut. Untuk menampilkan hasilnya di Front-End adalah dengan kode berikut.<\/p>\n 02. Taxonomy Custom Meta Box<\/strong> Kode tersebut akan menghasilkan custom meta box berikut.<\/p>\n Untuk menampilkan hasilnya di Front-End adalah dengan kode berikut.<\/p>\n Sampai sini, mudah bukan membuat Custom Meta Box dengan plugin CMB2? Untuk dokumentasi yang lebih jelas, silahkan kunjungi website official nya.<\/p>\n https:\/\/cmb2.io\/<\/a><\/p>\n Sekian artikel kali ini, semoga bermanfaat.<\/p>\n Photo by Lavi Perchik<\/a> on Unsplash<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" Pada artikel sebelumnya, CMB2 termasuk salah satu plugin yang sangat membantu saya dalam membangun situs WordPress. Pada artikel kali ini saya akan membahas cara menggunakan plugin CMB2 untuk membuat Custom Meta Box. Artikel Sebelumnya: https:\/\/binus.ac.id\/knowledge\/2020\/12\/5-plugin-wordpress-yang-sangat-membantu-dalam-pembuatan-website-wordpress\/ Sebelumnya, pastikan kalau plugin CMB2 sudah diinstall di situs WordPress Anda. Setelah itu aktifkan plugin nya. 01. Basic Custom Meta […]<\/p>\n","protected":false},"author":20,"featured_media":11229,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-11228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=11228"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11228\/revisions"}],"predecessor-version":[{"id":11804,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11228\/revisions\/11804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/11229"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=11228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=11228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=11228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nUntuk menambahkan custom meta box silahkan buka file \u201cfunctions.php\u201d. Lalu ketikan kode berikut.<\/p>\n\/\/ Menambahkan meta box baru pada konten Post\r\nadd_action('cmb2_admin_init', 'register_post_custom_meta');\r\nfunction register_post_custom_meta() {\r\n\u00a0 $cmb = new_cmb2_box(array(\r\n\u00a0 \u00a0 'id' => 'new-post-metabox',\r\n\u00a0 \u00a0 'title' => 'New Custom MetaBox',\r\n\r\n\u00a0 \u00a0 \/\/ menentukan meta box akan tampil di konten apa\r\n\u00a0 \u00a0 \/\/ apakah di 'post', 'page', atau custom post lain nya\r\n\u00a0 \u00a0 'object_types' => array('post')\r\n\u00a0 ));\r\n\r\n\u00a0 \/\/ add reguler text\r\n\u00a0 $cmb->add_field(array(\r\n\u00a0 \u00a0 'id' => 'reference_link',\r\n\u00a0 \u00a0 'name' => 'Reference Link',\r\n\u00a0 \u00a0 'desc' => '',\r\n\u00a0 \u00a0 'type' => 'text'\r\n\u00a0 ));\r\n}<\/pre>\n![\"\"](\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-20-at-10.11.42-AM.png\")
<\/p>\n\/\/ Jika ingin tampil di konten Page\r\n'object_types' => array('page')\r\n\r\n\/\/ Atau jika ingin tampil di Post dan Page\r\n'object_types' => array('post', 'page')\r\n\r\n\/\/ Atau jika ingin tampil di post type lainnya\r\n'object_types' => array('portfolio')<\/pre>\n
\nhttps:\/\/cmb2.io\/docs\/field-types<\/a><\/p>\necho get_post_meta($post_id, 'reference_link', true);<\/pre>\n
\nUntuk menambahkan Custom Meta Box pada Taxonomy (category, post tag, dsb), silahkan edit file \u201cfunctions.php\u201d kembali. Tambahkan kode berikut.<\/p>\nadd_action('cmb2_admin_init', 'register_tax_custom_meta');\r\nfunction register_tax_custom_meta() {\r\n\u00a0 $cmb = new_cmb2_box(array(\r\n\u00a0 \u00a0 'id' => 'new-tax-metabox',\r\n\u00a0 \u00a0 'title' => 'New Custom MetaBox',\r\n\r\n\u00a0 \u00a0 \/\/ isi dengan 'term' untuk menampilkan di taxonomy\r\n\u00a0 \u00a0 'object_types' => array('term'),\r\n\r\n\u00a0 \u00a0 \/\/ tentukan di taxonomy mana custom field akan ditampilkan\r\n\u00a0 \u00a0 'taxonomies' => array('category', 'post_tag')\r\n\u00a0 ));\r\n\r\n\u00a0 \/\/ add reguler text\r\n\u00a0 $cmb->add_field(array(\r\n\u00a0 \u00a0 'id' => 'reference_link',\r\n\u00a0 \u00a0 'name' => 'Reference Link',\r\n\u00a0 \u00a0 'desc' => '',\r\n\u00a0 \u00a0 'type' => 'text'\r\n\u00a0 ));\r\n}<\/pre>\n![\"\"](\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-20-at-10.33.39-AM.png\")
<\/p>\necho get_term_meta($term_id, 'reference_link', true);<\/pre>\n