1910 Views

Menambahkan Custom Fields Pada Custom Post Type

Custom Field pada wordpress sebenarnya biasa kita gunakan sehari-hari,namun banyak diantara kita yang tidak menyadarinya.Seperti diantaranya ketika kita membuat post di wordpress Anda akan menggunakan beberapa field seperti berikut :

  • Title Field sebuah kolom untuk menempatkan judul postingan
  • Editor Field sebuah field untuk menulis sebuah post/content dari judul tersebut
  • Category Filed untuk membuat kategori postingan
  • Tag Field untuk meletakkan tag

Sedangkan untuk menambah field-field lain yang kita perlukan kita bisa menggunakan Custom Field,untuk mengaktifkan Custom Field tersebut cukup buka pada screen option yang terletak pada pojok kanan atas.

Custom Fields

Buka Screen Options beri centang pada custom fields,pada contoh gambar diatas saya menggunakan wordpress berbahasa indonesia sehingga nama dari custom field tersebut bernama “Ruas Tersesuai”.

Namun pertanyaannya Bagaimana membuat Custom Field pada Custom Post Type ? ,itu sangatlah mudah,kita kembali sejenak pada postingan sebelumnya mengenai Cara Membuat Custom Post Type pada wordpress . Perhatikan kode yang kita tambahkan ” $arg = array (¬† “,cukup tambahkan “custom-fields” pada support ,dan akan seperti berikut ini


'supports' => array( 'title', 'editor', 'thumbnail', 'excerpt', 'comments' )

Untuk melihat hasilnya mari kita lihat pada custom post type dalam contoh ini bernama produk,buka/tambahkan produk kemudian buka screen options diatasnya :

Custom-Fields-2Berikan centang pada Custom Field (Ruas Tersesuai) kemudian selanjutnya akan terbuka custom fields pada bagian bawah area posting.Isikan pada field name (nama) dan value (nilai) sesuai dengan kebutuhan.Untuk menambahkan field klik pada Add Custom Fields .

Dalam contoh ini saya membuat posting dalam Custom Post Type bernama Produk dengan judul Samsung Galaxy Core Duos I8262 dan saya tambahkan 3 buah Custom Fields dengan nama Harga,Berat, dan Tahun

Custom-Fields-3Disitu terlihat saya isikan value atau nilai untuk Berat : 124gram , Harga : 950000 dan untuk Tahun : 2013.

Menampilkan Custom Field Pada Tema WordPress

Sedangkan untuk menampilkan Custom Field pada tema atau hasil postingannya sangatlah mudah yaitu hanya dengan menambahkan kode <?php the_meta(); ?> pada tempat yang diinginkan.

Hanya dengan menambahkan satu kode <?php the_meta(); ?> maka dalam tampilan posting akan menampilkan semua custom filed yang telah kita buat dengan penampilannya seperti berikut :

<ul class='post-meta'>
<li><span class='post-meta-key'>Produk:</span> 124 gram</li>
<li><span class='post-meta-key'>Harga:</span> 950000</li>
<li><span class='post-meta-key'>Tahun:</span> 2013</li>
</ul>

Berikut adalah hasil tampilan Custom field pada tema ,Anda bisa memodifnya sesuai dengan kebutuhan
Custom-Fields-4
Demikian cara membuat Custom Fields pada wordpress, selain cara diatas yang sudah kita bahas kita bisa membuat Custom Field dengan box permanen baik secara manual ataupun dengan menggunakan Plugin.Keuntungan menggunakan custom field bawaan wordpress ini kita bisa membuat nama field yang berbeda-beda antara satu post dengan lainnya.

 

Kata Kunci :

Leave a Reply

Your email address will not be published. Required fields are marked *