Cara membuat dan menggunakan bidang khusus di WordPress

Bidang kustom WordPress adalah cara yang bagus untuk memperluas konten posting atau halaman khas di situs Anda. Mereka adalah potongan metadata yang dilampirkan ke posting atau halaman di situs WordPress Anda, yang berarti bahwa dengan menggunakan metode ini, Anda dapat menambahkan informasi tambahan dalam bentuk apa pun ke konten Anda.

Diatur dalam format kunci/nilai, bidang khusus digunakan untuk menambahkan data di beberapa posting atau halaman. Kuncinya adalah nama yang memberikan konsistensi dan mengidentifikasi bidang tertentu, seperti “Item.” Ini selalu sama. Nilai adalah informasi yang akan ditampilkan di lapangan. Nilainya akan berbeda di setiap posting, tergantung pada informasi apa yang dimasukkan.

Menambahkan bidang khusus ke pos

Langkah-langkah berikut akan menunjukkan kepada Anda cara menggunakan bidang khusus di posting Anda. Jika Anda lebih suka menggunakannya di halaman, ide yang sama akan berlaku tetapi harus diterapkan dalam file template yang bertanggung jawab untuk membangun halaman daripada posting.

1. Buka layar editor pos dan centang “Bidang Kustom.”

2. Temukan kotak Bidang Kustom sebagai bagian dari pengeditan posting Anda. Saat Anda berada di halaman posting, Anda akan melihat bagian baru di bagian bawah dengan judul "Bidang Kustom."

Sekarang mari kita lihat contoh yang sangat mendasar dari bidang kustom WordPress dalam tindakan. Hal-hal akan terbentuk dengan contoh ini untuk blog kebugaran. Kami akan menggunakan bidang khusus untuk melacak dan membuat daftar berbagai jenis aktivitas fisik pada posting.

3. Tambahkan kuncinya, yang dalam hal ini adalah "Jenis latihan." Kami akan menggunakan kotak ini untuk menambahkan detail spesifik ke postingan. Klik "Enter new" dan ketik kunci di bidang.

4. Tambahkan nilainya. Mari kita pergi dengan Zumba untuk yang satu ini. Perlu diingat, ini hanya akan muncul di pos khusus ini. Di pos yang berbeda, Anda dapat memasukkan nilai yang berbeda, seperti "Eliptis" atau jenis latihan lainnya.

5. Simpan postingan.

Pada saat ini, Anda tidak akan benar-benar melihat banyak. Anda masih perlu menambahkan beberapa format untuk menampilkan informasi. Selama ini informasi tambahan ini disimpan dalam database, sehingga dapat dipanggil untuk ditampilkan. Untuk tutorial ini, saya telah memilih untuk menampilkan bidang khusus ini pada posting (bukan halaman) jadi saya akan membahas cara paling dasar untuk memformat semuanya.

Cara membuat kotak meta khusus dengan CMB2

Beberapa tahun yang lalu, saya sedang mencari cara untuk menanyakan postingan dan menunjukkan lokasi di mana sebuah postingan ditulis di Google Map. Dalam penelitian saya, saya menemukan posting blog tentang cara membangun toko ...

Menampilkan bidang khusus pada pos

Menggunakan modifikasi template untuk menambahkan bidang kustom sebagai data situs berulang adalah cara yang efisien untuk menyelesaikan berbagai hal. Katakanlah Anda memulai dengan menampilkan bidang khusus di awal posting Anda, tetapi kemudian memutuskan bahwa itu akan terlihat lebih baik di bagian bawah. Dengan menggunakan modifikasi template, perubahan itu mudah dilakukan karena mengubah template akan memperbarui seluruh situs. Jika Anda tidak menggunakan metode ini, dan sebagai gantinya menyimpan informasi satu per satu di dalam setiap posting, Anda harus mengedit setiap posting untuk membuat perubahan, membuat perubahan jauh lebih sulit.

Untuk contoh ini, bidang khusus akan ditampilkan sebelum posting sehingga pembaca dapat melihat jenis latihan dengan benar sebelum membaca seluruh posting. Untuk menampilkannya dengan cara ini, data akan dipanggil sebelum loop WordPress.

Catatan: Penyesuaian ini harus dilakukan dalam tema anak tentunya, dan kita akan menggunakan file single.php . Seperti biasa, penyesuaian seperti ini paling baik diuji di lingkungan pengembangan.

1. Buka file single.php dan tambahkan kode ini di luar loop WordPress:

<?php the_meta(); ?>

Ini akan menampilkan sesuatu seperti ini:

Jika Anda lebih suka ini ditampilkan di tempat lain di halaman, coba tempatkan cuplikan itu di loop atau setelah loop. Misalnya, dengan menempatkan fungsi di dalam <main> , informasi bidang khusus akan ditampilkan sebagai bagian dari konten utama.

<div id="primary" class="content-area">
     <main id="main" class="site-main" role="main">

Pendekatan ini juga akan berfungsi untuk menampilkan bidang khusus lain yang telah Anda buat.

Satu hal lagi tentang contoh ini: Tema anak dibuat dari tema induk WordPress Twenty Fifteen, yang sangat populer. Jika Anda bereksperimen dengan tempat untuk menampilkan bidang khusus, mungkin ada templat lain yang Anda perlukan di tema anak Anda selain file single.php . Untuk menampilkan informasi dalam postingan, sebuah content.php telah ditambahkan ke tema anak. Cuplikan di atas ditempatkan di dalam konten halaman sehingga muncul sebagai bagian dari postingan.

2. Gaya bidang. Jika Anda pergi ke inspektur, Anda akan melihat beberapa kelas baru ditambahkan ke halaman.

Berikut adalah contoh dengan dua bidang khusus yang berbeda:

• Jenis latihan: Zumba
• Waktu: Pagi

Ini cukup sederhana untuk digunakan sebagai daftar. Dengan beberapa gaya, itu akan terlihat lebih terintegrasi dengan gaya situs. Hanya dengan beberapa modifikasi CSS sederhana, kita dapat menyesuaikan warna teks dan gaya daftar.

ul.post-meta li {
	color: #898989;
	list-style-type: none;
}

ul.post-meta li span.post-meta-key {
	color: #1fc3d2;
	font-weight: bold;
}

Lebih banyak penyesuaian bidang khusus

Penataan pada contoh sebelumnya akan bekerja dengan baik, tetapi masih ada lagi yang kami lakukan. Contoh berikut akan menunjukkan kepada Anda bagaimana bidang khusus dapat disesuaikan dengan opsi tampilan tambahan untuk kasus penggunaan tertentu. Membuat bidang khusus dibaca sebagai bagian dari kiriman dan mengatur konteks dengan judul yang bermanfaat akan menjadi tambahan yang bagus untuk kiriman. Jika Anda mengikuti langkah demi langkah, pastikan untuk mengomentari <?php the_meta(); ?> <?php the_meta(); ?> yang Anda tambahkan pada contoh sebelumnya.

Untuk contoh ini, hal-hal telah sedikit dimodifikasi. Kuncinya telah disederhanakan menjadi "latihan" sehingga dapat ditambahkan ke template dengan lebih mudah, dan potongan kode telah ditambahkan di file content.php dari tema anak sehingga akan muncul di konten posting, bukan sebelum atau sesudahnya .

<?php $exercises = get_post_meta($post->ID, 'exercises', false); ?>
<h3>Today’s exercise:</h3>
<ul>
<?php foreach($exercises as $exercise) {
echo '<li>'.$exercise.'</li>';
} ?>
</ul>

Bidang kustom sekarang ditampilkan di bawah judul yang bertuliskan "Latihan hari ini:" dalam format daftar. Ini telah ditetapkan sebagai <h3> tetapi dapat dengan mudah disesuaikan menjadi gaya heading atau paragraf lain. Jika Anda tidak menginginkannya dalam format daftar, itu juga dapat disusun sesuka Anda.

Bidang khusus bersyarat

Mungkin ada kalanya bidang khusus tidak disertakan. Katakanlah, misalnya, ada posting tanpa nilai latihan. Ini akan memungkinkan Anda untuk menampilkan informasi fallback, jadi tidak dibiarkan kosong begitu saja.

<?php $exercises = get_post_meta($post->ID, 'exercises', true); ?>

<h3>Today’s exercise:</h3> 
<ul>
<?php if ($exercises) { ?> 

<?php echo '<li>' .$exercises. '</li>'; ?>

<?php } //if there is nothing for exercises then display

else { ?>

<li>Today was a rest day.</li>

<?php } ?>
</ul>

Plugin Bidang Kustom Tingkat Lanjut

Dengan mengikuti tutorial itu, Anda dapat dengan mudah mengaktifkan dan menjalankan bidang khusus. jika Anda lebih suka menggunakan plugin untuk menambahkan bidang khusus, namun, ada juga opsi yang tersedia untuk itu. Bidang Kustom Tingkat Lanjut adalah opsi yang sangat populer. Ini menggantikan antarmuka bidang kustom default di WordPress. Produk akhir yang dibuat dari tutorial ini juga dapat dibuat dengan plugin ini.

Grup Lapangan

Plugin Bidang Kustom Tingkat Lanjut memungkinkan grup bidang, yang layak disebutkan karena terkait erat dengan tutorial di atas. Pada dasarnya, kami membuat versi yang sangat dasar dari grup bidang mini. Grup Bidang Kustom Tingkat Lanjut berisi bidang khusus, aturan lokasi, dan opsi tampilan. Setiap grup bidang akan menggunakan aturan lokasinya untuk menampilkan bidang saat dibutuhkan, di lokasi yang tepat. Seperti cara manual dalam melakukan sesuatu, opsi tampilan ini memungkinkan Anda untuk menyesuaikan halaman sesuka Anda. Ada banyak grup bidang untuk dipilih dengan plugin ini.

Ini hampir tidak menggores permukaan dari apa yang dapat dilakukan dengan plugin ini. Untuk mendapatkan gambaran lengkapnya, pastikan untuk mengunjungi situs web Bidang Kustom Lanjutan.

Bidang khusus adalah kemampuan WordPress yang luar biasa. Dengan hanya membuat beberapa modifikasi template, Anda dapat dengan mudah menambahkan fungsi ini ke situs web Anda. Langkah-langkah ini mencakup dasar-dasar dan dengan sedikit eksperimen, Anda akan memiliki pemahaman yang jelas tentang cara menerapkan bidang khusus. Saat merencanakan proyek Anda berikutnya, pastikan untuk mempertimbangkan fleksibilitas yang ditawarkan bidang khusus. Mereka dapat mengakomodasi berbagai jenis konten sekaligus memudahkan untuk membuat perubahan di seluruh situs.