Tutorial Menggunakan Plugin Advanced Custom Field

Setelah di postingan sebelumnya saya menjelaskan apa itu plugins Advanced custom field di postingan yang berjudul Plugins WordPress Keren Advanced Custom Fields, Silahkan baca jika anda belum tahu. Jika sudah, langsung aja saya jelaskan cara menggunakan plugins Advanced custom field sebagai contoh membuat seperti di bawah setiap theme.

Baca : Plugin keren Advanced Custom Field WordPress

Di Setiap postingan review theme di blog saya terdapat Author, Price, Responsive, Status, dan Address. Hasil seperti dibawah ini.

Langkah Membuatnya :

1. Download Plugins Advanced Custom Field2. Install dan aktifkan3. Buat Kategori Theme Terlebih dahulu di postingan anda4. Klik menu Custom Fields Di sidebar Halaman admin anda.5. Klik Add New dan masukkan title dengan nama Theme6. Klik button +Add Field dan tambahkan seperti aturan berikut

Author

Field Label = AuthorField Name = authorField Type = text

Visit Site

Field Label = Visit SiteField Name = visit_siteField Type = text

Price

Field Label = PriceField Name = priceField Type = text

Responsive

Field Label = ResponsiveField Name = CheckboxField Type = textChoice = Yes : YesNo : No

Status

Field Label = AuthorField Name = CheckboxField Type = textChoice = Yes : YesNo : No

Jika anda sudah membuat setiap field dengan struktur seperti diatas maka nanti akan terlihat seperti gambar dibawah ini.

Sekarang atur Location Rules => Post Category – is equal to – Theme. Pengaturan Rule ini dimakasudkan hanya saat kita  mencentang kategori Theme di post area barulah muncul field yang sudah kita buat tadi.

Atur Position di Option Normal (After content)

Jikas semuanya sudah selesai silahkan Buat postingan baru dan centang kategori theme di bawah button publish, lihat di bawah area postingan maka akan muncul field yang sudah anda buat.

Dan selanjutnya anda buka file single.php di theme wordpress anda dan masukkan code dibawah ini setelah code <?php the_content(); ?>

<?php the_field('author'); ?> <?php the_field('price'); ?> <?php the_field('responsive'); ?> <?php the_field('status'); ?> ?php the_field('visit_site'); ?>

Silahkan buka Salah satu Theme disini dan lihat dibagian bawah