Skenario Di mana Editor Blok WordPress Gutenberg Mengganti Kode Kustom

Ekstensibilitas telah lama menjadi salah satu kekuatan WordPress. Jika ada sesuatu yang tidak dapat dilakukan oleh sistem manajemen konten (CMS), Anda dapat menulis kode atau menginstal plugin untuk mengaktifkannya.

Jadi, membangun situs web dengan WordPress biasanya berarti menambahkan setidaknya beberapa kode khusus di sepanjang jalan. Baik itu membuat templat halaman satu kali atau menempatkan menu navigasi di tempat yang tepat, ada banyak peluang untuk peningkatan.

Namun, pengembang mungkin tidak perlu menjalankan editor kode itu sesering akhir-akhir ini. Perlahan tapi pasti, editor blok Gutenberg mengubah cara kami melakukan penyesuaian situs web. Hasilnya adalah pengalaman yang semakin bebas kode.

Berikut ini adalah beberapa skenario di mana blok dapat menggantikan pengkodean khusus dan mempercepat proses pengembangan.

Tata Letak Konten

Salah satu fitur utama Gutenberg adalah kemampuan untuk membuat tata letak konten tingkat lanjut. Mungkin lebih dari segalanya, itulah yang membedakan editor blok dari pengalaman seperti pengolah kata dari Editor Klasik.

Tentu, secara teori dimungkinkan untuk membuat tata letak di Editor Klasik. Tapi itu membutuhkan beberapa HTML khusus, CSS, dan menerima kemungkinan kode itu dihapus oleh klien yang tidak menaruh curiga. Singkatnya, Anda perlu membuat template tema khusus atau menggunakan plugin pembuat halaman.

Saat ini, Anda dapat mencapai hampir semua jenis tata letak dengan instalasi default WordPress. Misalnya, blok Kolom memungkinkan pembuat membuat tata letak multikolom hanya dengan beberapa klik. Anda bahkan dapat memilih lebar konten jika Anda mau.

Jika Anda mencari sesuatu yang sedikit lebih kompleks, pola blok adalah penghemat waktu yang sangat besar. Tata letak yang ditentukan sebelumnya ini dapat mengubah halaman apa pun menjadi pengalaman visual yang lebih menarik. Bahkan lebih baik adalah bahwa mereka membutuhkan sedikit usaha untuk mengimplementasikannya.

Menambahkan pola blok WordPress ke halaman.

Pertanyaan Posting WordPress

Kemampuan untuk membuat daftar posting tanpa kode telah menjadi bagian dari inti WordPress selama bertahun-tahun melalui widget Recent Posts. Tetapi ada beberapa batasan yang signifikan.

Sebelumnya, widget hanya dapat ditampilkan di dalam lokasi bilah sisi yang ditentukan dari tema Anda. Selain itu, tidak banyak opsi untuk mengonfigurasi postingan mana yang ditampilkan atau tampilannya.

Untuk mencapai sesuatu yang lebih maju diperlukan penulisan kebiasaan Permintaan posting WordPress menjadi template tema. Dari sana, CSS dan HTML akan diperlukan untuk menyusun tata letak yang diinginkan. Prosesnya bisa memakan waktu cukup lama.

Masukkan blok Loop Kueri. Hal ini memungkinkan Anda untuk menempatkan daftar posting hampir di mana saja Anda ingin dengan kemampuan untuk menyaring dengan berbagai kriteria.

Tampilan dan tata letak juga dapat diubah langsung di dalam editor. Pilih jumlah posting yang akan ditampilkan, tata letak vertikal atau kolom, dan apakah akan menampilkan tambahan seperti gambar unggulan dan kutipan.

Mencantumkan posting blog dengan Blok Kueri Posting WordPress.

Template Tema

Hari-hari meretas berbagai template tema mungkin sudah berakhir. Itu jika tema Anda kompatibel dengan Full Site Editing (FSE).

Alih-alih meneliti PHP dan HTML, fitur ini memungkinkan untuk menyesuaikan template tema secara langsung melalui editor blok. Tampilan header, footer, halaman, arsip posting, dan satu posting situs Anda semuanya adil.

Meskipun ada beberapa bahaya yang melekat (pikirkan klien yang memutuskan untuk menjadi “kreatif” dan merusak tata letak Anda yang dibuat dengan hati-hati), itu juga membuat pengeditan menjadi mudah. Mengubah konten template atau bahkan menambahkan fungsionalitas menjadi pengalaman visual.

Plus, setiap dan semua blok tersedia untuk digunakan di template Anda. Itu termasuk basa-basi seperti navigasi situs, bilah pencarian, dan formulir login.

Mengubah header situs web dengan WordPress Full Site Editing.

Aneka Elemen Desain

Editor Klasik tidak pernah cocok untuk elemen desain. Jika Anda ingin postingan berisi lebih dari sekadar teks dan gambar, diperlukan plugin atau fungsionalitas khusus tema. Dan pengalaman itu biasanya kikuk.

Kode pendek, misalnya, sering digunakan sebagai obat penyembuh segalanya. Mereka bekerja cukup baik di ujung depan tetapi tidak mewakili elemen sama sekali di dalam editor itu sendiri.

Untungnya, blok meninggalkan semua peretasan. Mereka menyediakan cara mudah untuk menambahkan dan menyesuaikan sejumlah besar elemen desain. Dan jika ada sesuatu yang tidak termasuk dalam inti WordPress, Anda selalu dapat menambahkan blok pihak ketiga ke situs Anda.

Elemen seperti tombol, tabel, dan konten tersemat yang dapat disesuaikan semuanya tersedia sejak awal. Dan, ketika digunakan bersama dengan file theme.json, gaya default akan cocok dengan tema Anda.

Menyesuaikan tombol dalam WordPress.

Bangun Situs Web WordPress Menggunakan Lebih Sedikit Kode

Sebelum editor blok, mudah bagi pengembang tema untuk masuk ke lubang kelinci ketika mencoba menerapkan salah satu item di atas. Dan, tergantung pada pendekatan Anda, solusinya bisa menjadi masalah di kemudian hari.

Apa yang disediakan Gutenberg adalah solusi asli yang tidak memerlukan kode khusus apa pun. Dengan mengaktifkan UI titik-dan-klik, seret-dan-lepas, banyak waktu berharga yang dapat dihemat. Berpotensi berjam-jam, yang kemudian dapat difokuskan pada tugas yang lebih kompleks.

Dan, bahkan jika Anda membangun blok kustom Anda sendiri, investasi waktu awal itu dapat terbayar di masa depan. Karena balok dapat digunakan di mana saja, apa pun yang Anda buat dapat didaur ulang berulang kali.

Kode kustom akan terus menjadi bagian penting dalam membangun dengan WordPress. Tapi CMS sekarang mampu menangani beberapa kebutuhan umum bagi kita. Itu perkembangan yang disambut baik.

.

Leave a Comment

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

Scroll to Top