Tutorial Bidang Kustom Tingkat Lanjut untuk Pemula: Membuat dan Menampilkan Bidang

Dipasarkan sebagai "editor konten untuk pengembang WordPress," plugin Advanced Custom Fields (ACF) mungkin tampak menakutkan bagi sebagian orang yang tidak terbiasa dengan apa yang dilakukan plugin. Namun, jangan biarkan buzzword ini sampai kepada Anda, karena semua orang harus menggunakan Bidang Kustom Lanjutan, karena ini adalah salah satu penghemat waktu terbesar untuk pengembangan web. Karena itulah kami menyusun tutorial Bidang Kustom Tingkat Lanjut untuk menunjukkan kepada Anda segalanya.

Ya, plugin Bidang Khusus Lanjutan membingungkan bagi pemula. Tetapi kurva belajarnya tidak buruk dan keuntungan menggunakan plugin ini secara teratur akan mengubah Anda menjadi orang percaya.

Apa yang dilakukan plugin Bidang Kustom Lanjutan?

Bidang Kustom Lanjutan memungkinkan Anda mengumpulkan informasi tambahan tentang konten Anda di editor WordPress.

WordPress adalah platform open-source yang fleksibel, jadi Anda harus dapat membuat situs web apa pun yang Anda inginkan, dengan fungsionalitas berbeda untuk hal-hal seperti eCommerce, blogging, acara, dan banyak lagi.

Editor visual WordPress memiliki alat yang luar biasa dari pengeditan konten yang kaya hingga pemformatan media.

Namun, terkadang pengembang dapat membuatnya lebih intuitif untuk kasus penggunaan tertentu.

Masalahnya adalah bahwa menyesuaikan editor konten WordPress biasanya memerlukan pemformatan yang hati-hati dan potensi penyuntingan kode.

Bidang Kustom Tingkat Lanjut memudahkan proses ini dengan memungkinkan Anda mengubah editor konten dan menstandarisasi cara Anda mengumpulkan dan menampilkan informasi tertentu.

Memudahkan memperbarui konten yang ditata

Setelah situs web Anda dikembangkan dan siap diluncurkan, sebagian besar proses manajemen Anda melibatkan perubahan detail kecil.

Misalnya, penyesuaian umum untuk perusahaan adalah mengubah tajuk beranda atau latar belakang untuk penjualan dan pengumuman baru. Mengubah teks di area tajuk juga umum dilakukan.

Terkadang hanya itulah yang dilakukan pemilik bisnis dengan situs web!

Dan itu sama sekali tidak masalah, tetapi bekerja dengan WordPress membuat Anda menyadari betapa sensitifnya editor visual itu. Satu backspace salah dan Anda dapat menghapus pemformatan teks. Satu unggahan gambar salah dan Anda dapat membuat seluruh beranda tampak seperti sampah.

Membakukan tampilan konten berulang

Tindakan yang berulang juga menjamin penggunaan ACF.

Contohnya adalah untuk blog ulasan film.

Katakanlah setiap ulasan Anda mengharuskan Anda mengetik di perusahaan produksi, tahun rilis, dan peringkat film.

Atau mungkin Anda memiliki peringkat film sederhana dan deskripsi skala peringkat Anda.

Ini bisa dilakukan di editor WordPress, tetapi alangkah baiknya untuk tetap memformat yang sama di semua posting. Selain itu, memiliki bidang yang sama untuk menyesuaikan memotong proses menjadi beberapa klik alih-alih harus mengetik semuanya.

Tutorial Bidang Kustom Tingkat Lanjut

Hal pertama yang harus dilakukan adalah mengunduh plugin Advanced Custom Fields. Lihat panduan kami tentang cara menginstal dan mengaktifkan plugin WordPress jika Anda memerlukan bantuan.

Kita bisa membuat tutorial Bidang Kustom Lanjutan dengan ribuan contoh. Serbaguna itu.

Namun, kami akan menggunakan contoh menjalankan situs web ulasan film.

Untuk setiap ulasan baru, kami ingin menampilkan data berikut:

• Tahun rilis
• Studio
• Peringkat film

Teruslah membaca untuk melihat bagaimana ini bekerja.

Langkah 1: Buat grup bidang baru

Grup bidang adalah kumpulan bidang khusus.

Semua bidang yang saya rencanakan memiliki di situs ulasan film saya termasuk dalam kategori yang sama, jadi masuk akal untuk menempatkannya di grup bidang yang sama.

Untuk membuat grup bidang baru, buka Bidang Kustom di WordPress.

Di layar baru, klik pada Tambah baru tombol.

Layar berikut mungkin terlihat mengintimidasi, tetapi Anda biasanya hanya perlu mengubah beberapa elemen. Anda juga dapat mengujinya untuk melihat cara kerjanya di situs Anda.

Untuk saat ini, beri nama grup bidang Anda seperti Data Tinjauan Film.

Langkah 2: Tambahkan bidang ke grup Anda

Sekarang saatnya untuk menambahkan bidang khusus.

Klik pada warna biru Tambahkan Field tombol.

Ini membuka formulir panjang lain yang agak membingungkan, tetapi mudah dipahami setelah satu atau dua penggunaan.

Mulailah dengan mengetikkan Label Bidang. Untuk tutorial ini, kami menggunakan Tahun Rilis.

Itu Nama Bidang kemudian secara otomatis diisi. Ini digunakan untuk menempatkan hasil dalam templat dan pengkodean. Itu akan digunakan oleh pengembang Anda.

Pilih milik Anda Jenis bidang demikian juga. Untuk yang ini, kami memilih jenis bidang Teks, tetapi Anda memiliki lusinan opsi dari gambar ke kotak centang dan akordeon.

Semua jenis bidang memiliki opsi yang berbeda, tetapi berikut adalah beberapa item yang berpotensi Anda isi untuk jenis bidang teks:

• Instruksi Lapangan – Anda mungkin ingin mengingatkan penulis Anda untuk hanya mengetikkan empat digit.
• Yg dibutuhkan – Anda bisa menjadikan bidang ini persyaratan sebelum dipublikasikan.
• Nilai Default – Ini berguna jika Anda ingin nilai selalu muncul, bahkan ketika dibiarkan kosong.
• Teks Placeholder – Ini muncul di kolom input ketika penulis ada di editor.
• Batas Karakter – Mungkin Anda tidak ingin penulis membahas jumlah karakter tertentu.

Itu tidak semua bidang di sana, tetapi tidak ada yang diperlukan. Karenanya, yang terbaik adalah mengujinya sendiri. Selain itu, Anda dapat melihat opsi lain tergantung pada Jenis bidang.

Langkah 3: Tambahkan lebih banyak bidang ke grup

Setelah menyimpan bidang pertama, saatnya untuk menambahkan studio dan bidang peringkat film kami.

Untungnya, ini adalah proses yang sama!

Cukup kembali ke Grup Bidang, klik Tambahkan Field, lalu beri nama mereka hal yang berbeda.

Bidang perusahaan produksi bukanlah sesuatu yang istimewa, tetapi kami dapat memanfaatkan alat untuk peringkat film.

Ini Jenis bidang adalah angka.

Kami juga dapat menentukan dalam Petunjuk Lapangan untuk “Menilai kualitas film ini dari satu hingga sepuluh.

Kemudian, kami akan menandai Nilai Minimum sebagai 1, Nilai Maksimum sebagai 10, dan Ukuran Langkah sebagai 1.

Ukuran Langkah menunjukkan peningkatan yang tersedia.

Langkah 4: Tetapkan lokasi bidang

Sekarang saatnya untuk mengkonfigurasi di mana dan bagaimana bidang muncul di situs web.

Pergi ke Lokasi panel.

Ini meminta aturan di mana bidang harus muncul. Untuk contoh ini, masuk akal untuk menunjukkan grup bidang ketika "Jenis Posting sama dengan posting," karena itu berarti setiap posting.

Jika Anda menggunakan jenis pos khusus, Anda juga bisa mengaitkan grup bidang khusus Anda dengan jenis pos khusus.

Dibawah Pengaturan, Anda memiliki kesempatan untuk merancang bagaimana bidang muncul di Editor WordPress Anda.

Pada dasarnya, bagian ini memungkinkan Anda menyesuaikan antarmuka desain untuk kebutuhan Anda sendiri.

Contohnya:

• Nomor pesanan. – Memungkinkan Anda mengatur daftar bidang yang Anda miliki dalam grup.
• Posisi – Memiliki opsi untuk menampilkan bidang di atas atau di bawah editor.
• Gaya – Pertimbangkan menempatkan bidang dalam kotak metabox.
• Sembunyikan di layar – Hapus panel yang tidak Anda butuhkan.

Langkah 5: Tampilkan informasi bidang khusus di bagian depan situs Anda

Sekarang, setelah Anda menambahkan beberapa data bidang khusus di editor WordPress, Anda perlu cara untuk menampilkan informasi itu di ujung depan situs Anda.

Seperti dibahas sebelumnya, Anda mungkin harus menyewa pengembang untuk mendapatkan hasil bidang khusus di frontend. Namun, ada beberapa solusi ramah pemula untuk dipertimbangkan terlebih dahulu!

• Gunakan kode pendek untuk menampilkan bidang ACF di editor.
• Temukan plugin pembuat halaman dengan dukungan untuk menampilkan bidang ACF.
• Masukkan kode pendek untuk bidang dalam grup blok yang dapat digunakan kembali.

Opsi pertama melibatkan menggunakan shortcode ACF. Pengaya tidak memiliki pembuat kode pendek, jadi Anda harus menggunakan format berikut:

(acf field="field_name")

Ini hanya berfungsi untuk bidang berbasis teks, dan Anda harus mengganti field_name dengan nama bidang Anda.

Misalnya, Anda dapat menemukan nama bidang dalam daftar bidang Anda.

Kemudian diperlukan beberapa saat untuk menambahkan nama bidang ke kode pendek tersebut di editor.

Pastikan data bidang Anda diisi untuk posting.

Klik pada Menerbitkan tombol untuk melihat hasil di frontend!

Anda juga dapat menemukan pembuat halaman yang memungkinkan Anda menampilkan bidang ACF di editor. Sebagai contoh, Elementor Pro (ulasan kami), Divi, Beaver Builder + Beaver Themer, dan beberapa opsi lain memungkinkan untuk ini.

Solusi luar biasa lainnya adalah membuat blok di editor, meletakkan shortcode di sana, lalu menyimpannya sebagai blok yang dapat digunakan kembali untuk digunakan di masa depan.

Langkah 6: Jika semuanya gagal, kirim ke pengembang Anda untuk ditampilkan di situs web Anda

Jika metode bebas kode di atas tidak melakukannya untuk Anda, opsi Anda berikutnya adalah mengirimkannya ke pengembang WordPress, yang seharusnya tidak memakan waktu lama dan harus murah.

Pada dasarnya, semua pengembang lakukan adalah menambahkan sedikit kode dalam file template Anda, atau mungkin file posting tunggal.

Karena itu, kami sarankan Anda mencari pengembang yang memiliki reputasi baik untuk membantu.

Tutorial Bidang Kustom Lanjutan: Bersenang-senang membuat editor WordPress Anda lebih mudah digunakan!

Jika Anda memiliki pertanyaan tentang tutorial Bidang Kustom Tingkat Lanjut kami, beri tahu kami di komentar di bawah!

* Posting ini berisi tautan afiliasi, yang berarti bahwa jika Anda mengklik salah satu tautan produk dan kemudian membeli produk, kami akan menerima komisi. Namun jangan khawatir, Anda masih akan membayar jumlah standar sehingga tidak ada biaya dari pihak Anda.