Pelajari cara menampilkan data bidang khusus WordPress dengan blok

Bidang khusus adalah salah satu fitur WordPress yang paling kuat. Mereka memungkinkan kami untuk menyesuaikan bagian depan dan belakang situs web, dan ada segala macam kegunaan kreatif untuk mereka. Semuanya dari menampilkan konten niche hingga tata letak halaman yang mengubah berdasarkan nilai bidang dimungkinkan.

Secara tradisional, menggunakan bidang khusus berarti menavigasi hambatan. Mereka membutuhkan pengetahuan pengkodean atau plugin untuk membuat data lapangan. Menerapkan mereka dapat memakan waktu dan di luar jangkauan untuk beberapa pengguna.

Itu WordPress Block Binding API menghilangkan beberapa batasan ini. Ini memungkinkan kita untuk “mengikat” nilai bidang khusus ke blok WordPress. Anda tidak perlu plugin untuk menggunakannya, karena fungsinya dibangun ke dalam editor blok. Bidang mendaftarkan masih membutuhkan kode.

Apapun, menggunakan API adalah penghemat waktu untuk pengembang. Berikut ini cara kerjanya, bersama dengan contoh dunia nyata.

Apa yang Anda Butuhkan untuk Menggunakan Blok Binding API

API Binding Blok WordPress merampingkan rendering data bidang khusus. Namun, Anda membutuhkan beberapa hal untuk menggunakannya:

• Versi WordPress terbaru;
• Tema dengan a functions.php file atau plugin khusus untuk menampung kode Anda;

Hanya itu yang ada di sana! API bekerja dengan tema blok dan klasik. Gunakan tema blok jika Anda lebih suka pengalaman tanpa kode.

Kita juga harus mencatat beberapa keterbatasan API. Sampai tulisan ini, ia bekerja dengan paragraf, tajuk, tombol, dan blok gambar. Jenis data juga terbatas pada konten, teks, url, dll. Periksa dokumentasi untuk lebih jelasnya.

Dengan itu, mari kita lihat contoh API binding block beraction.

Contoh: Mari kita ikat bidang khusus ke blok WordPress

Contoh kami adalah penghormatan untuk akar blogging WordPress. Kami akan membuat bidang khusus yang disebut “Now Playing,” yang akan kami isi di setiap posting blog. Lapangan ini akan berisi lagu, film, atau acara TV favorit saat ini.

Kami akan mendaftarkan bidang khusus dalam tema kami, menambahkannya ke templat pos, dan mengikat bidang ke blok paragraf.

Kami menggunakan Dua puluh lima tema blok default. Itu berarti kami dapat mengedit templat dengan editor situs.

Langkah 1: Daftarkan bidang khusus

Pertama, kami akan mendaftarkan bidang khusus kami dengan menambahkan kode ke tema kami functions.php mengajukan. Ini membuat WordPress tahu bahwa bidang kami dikaitkan dengan posting.

Perhatikan siput lapangan, karena kita akan membutuhkannya nanti: now_playing

Langkah 2: Tampilkan bidang khusus di editor blok

Secara default, bidang khusus tidak ditampilkan di blok editor. Jadi, kita harus mengaktifkan fitur:

1. Buka posting atau halaman di admin WordPress.
2. Di dalam editor blok, klik pada Opsi Menu (⋮).
3. Klik pada Preferensi link.
4. Pergi ke Canggih menuju dan menyalakan Bidang khusus.

WordPress akan menyegarkan layar dan menampilkan UI bidang khusus di bagian bawah.

Langkah 3: Tambahkan bidang khusus ke posting blog

Selanjutnya, kami akan menambahkan bidang khusus kami ke posting blog:

1. Navigasikan ke Posting> Tambahkan Baru di admin WordPress.
2. Berikan posting Anda judul dan tambahkan konten.
3. Gulir ke bawah ke Bidang khusus Area editor.
4. Di bawah Nama kolom, klik Tambahkan baru tombol.
5. Masukkan Siput Bidang Kustom di Nama bidang: now_playing
6. Di Nilai Bidang (kolom kanan), masukkan nama lagu, film, atau acara TV.
7. Menerbitkan Posting blog Anda.

Langkah 4: Ikat bidang khusus ke blok

Sekarang, saatnya untuk mengikat bidang khusus kami ke blok. Karena kami menggunakan tema blok, kami akan menavigasi Penampilan> Editor.

Kami ingin menambahkan data bidang khusus ke posting blog tunggal. Di dalam editor situs, klik Templatelalu klik Posting tunggal.

Selanjutnya, kami akan memilih tempat untuk bidang khusus kami di template posting tunggal. Tepat di atas konten posting sepertinya pilihan yang baik.

1. Tambahkan a Ayat memblokir ke tempat yang dipilih di templat. Jangan menambahkan konten apa pun ke blok.
2. Pilih Blok paragraf (Klik ke dalam blok atau pilih dari Tampilan Daftar panel).
3. Klik Ikon “+” di Atribut Tab di kolom kanan editor.
4. Pilih “isi”Dari daftar atribut.

5. Klik “isi”Di tab Atribut. Daftar bidang khusus yang terdaftar akan muncul. Pilih now_playing dari daftar. Anda juga dapat menambahkan pemformatan khusus ke area ini untuk membuat lapangan menonjol. Kami memilih gaya “subtitle” dari pengaturan blok.

6. Simpan perubahan Anda membuat template.

Perhatikan bahwa mengklik blok paragraf mengungkapkan garis besar ungu. Ini menunjukkan bahwa blok terikat ke sumber data khusus.

Langkah 5: Lihat hasilnya di ujung depan

Mari kita lihat bagaimana pengikatan bidang kustom kita ternyata. Kami akan mengunjungi posting blog kami untuk melihat tampilannya.

Itu berhasil! Lagu kami (“Wonderwall” oleh Oasis) ditampilkan di atas konten posting.

Sisi teknis dari contoh kami dilakukan. Namun, kami mungkin ingin mengubah gaya atau menambahkan paragraf lain yang bertuliskan “sekarang bermain:” di atas lapangan. Itu akan meningkatkan tampilan dan aksesibilitas fitur.

Jalur yang lebih mudah untuk menggunakan bidang khusus

Menggunakan bidang kustom WordPress lebih mudah dari sebelumnya. API Binding Block membantu dengan kasus penggunaan sederhana seperti yang di atas. Semuanya berfungsi di dalam blok dan editor situs.

Itu berarti lebih sedikit kerumitan bagi pembangun situs. Anda tidak perlu memasang plugin atau terjerat di lapisan PHP.

Plus, fitur ini diharapkan berkembang. Misalnya, kami dapat melihat lebih banyak tipe data yang didukung dan cara bebas kode untuk mendaftarkan bidang khusus. Akan sangat menyenangkan melihat apa yang akan terjadi selanjutnya.

Fitur-fitur seperti Block Binding API membawa WordPress semakin dekat dengan pengalaman bebas kode. Itu menempatkan situs web khusus dalam jangkauan semua orang.