How to Start a Blog? Panduan Membuat Website Hanya 30 Menit

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.

hasil custom fieldLangkah Membuatnya :

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

Author

Field Label = Author
Field Name = author
Field Type = text

Visit Site

Field Label = Visit Site
Field Name = visit_site
Field Type = text

Price

Field Label = Price
Field Name = price
Field Type = text

Responsive

Field Label = Responsive
Field Name = Checkbox
Field Type = text
Choice = Yes : Yes
No : No

Status

Field Label = Author
Field Name = Checkbox
Field Type = text
Choice = Yes : Yes
No : No

Jika anda sudah membuat setiap field dengan struktur seperti diatas maka nanti akan terlihat seperti gambar dibawah ini.
advanced custom field wordpress tutorialSekarang 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

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Facebook+.

Daftar isi Tutorial WordPress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Niagahoster

Rp.26.000/Bln Free Domain, Unlimited Space & Bandwidth Get Host

IDCloudhost

Rp.30.000/Bln Free Domain, Unlimited Space & Bandwidth Get Host

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

9 Comments

Add a Comment

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