Cara Menemukan dan Menggunakan Blok Bersarang di WordPress

Diterbitkan: 2023-06-23


Apakah Anda ingin mengetahui cara memutuskan dan menggunakan blok bersarang di WordPress?

Aspek blok bersarang Gutenberg WordPress memungkinkan Anda untuk menambahkan banyak blok hanya dalam satu blok ibu atau ayah. Kemudian, Anda dapat menyesuaikan elemen blok yang berbeda secara bersamaan, mengatur konten artikel dengan efisien, dan mendapatkan lebih banyak penyesuaian struktur.

Pada artikel ini, kami akan menunjukkan kepada Anda cara memilih dan menggunakan blok bersarang WordPress dengan mudah.

Select and use nested blocks in WordPress

Apa Itu Blok Bersarang WordPress?

Fitur blok bersarang WordPress Gutenberg memungkinkan Anda untuk memasukkan (atau 'bersarang') satu atau lebih blok di dalam blok berikutnya.

Blok bersarang membantu Anda membuat tata letak yang lebih canggih di halaman WordPress Anda dengan menambahkan banyak blok di dalam satu sama lain. Ini memungkinkan lebih banyak kemampuan beradaptasi saat membuat dan memformat konten untuk halaman dan posting internet.

Misalnya, Anda dapat menyarangkan beberapa blok Grafik dalam blok Tim untuk memamerkan serangkaian bidikan dari peristiwa berbeda atau kumpulan karya seni yang dibuat dengan teknik tertentu.

Preview of WordPress nested blocks

Selain itu, fitur blok bersarang memungkinkan Anda mengedit blok orang tertentu satu per satu. Ini biasanya berarti bahwa Anda dapat menyesuaikan setiap blok sesuai dengan keinginan Anda tanpa memengaruhi blok lainnya. Sebaliknya, ini menguntungkan dalam pengaturan materi yang lebih baik, dapat membuat informasi Anda lebih menarik, dan merampingkan proses pembuatan artikel Anda.

Tetap dijelaskan, mari kita lihat bagaimana Anda dapat dengan mudah memilih dan menggunakan blok bersarang WordPress Gutenberg.

Cara Menggunakan Blok Bersarang WordPress

Anda dapat dengan mudah menggabungkan beberapa blok menggunakan blok Tim atau Kolom di editor blok Gutenberg.

Pertama, Anda perlu membuka publikasi terbaru atau baru di editor blok dari sidebar admin WordPress.

Dari sini, cukup klik tombol '+' di sudut kiri atas layar dan dapatkan blok 'Grup'. Saat mengkliknya dan menambahkannya ke halaman web, Anda harus memilih format untuk blok yang akan Anda susun satu sama lain.

Untuk tutorial ini, kami akan memutuskan format 'Grup'.

Select Group block from the block menu

Selanjutnya, cukup klik tombol '+' di layar untuk mulai menambahkan artikel di blok ibu atau ayah.

Demi tutorial ini, kami akan menambahkan blok Grafik.

Add an image block within the Group block

Setelah memasukkan blok Grafik, cukup klik tombol 'Grup' di toolbar blok di bagian atas untuk memilih blok penjaga.

Selanjutnya, Anda hanya perlu mengklik tombol '+' untuk membuka menu blok, dari mana Anda dapat memilih blok lain untuk ditambahkan.

Open the block menu to add another block within the Group block

Cara Mengonfigurasi Konfigurasi Blok Bersarang WordPress

Setelah Anda membuat blok yang berbeda, Anda dapat mengonfigurasi opsi masing-masing dengan mengklik setiap blok. Ini akan membuka konfigurasi blok di kolom yang benar pada tampilan.

Dari artikel ini, Anda dapat mengubah warna riwayat, warna teks, dan ukuran blok pribadi tanpa memengaruhi blok lain yang bersarang di dalamnya.

Configure the individual block settings

Untuk mengonfigurasi konfigurasi semua blok bersarang satu sama lain, Anda cukup mengklik tombol 'Grup' di bilah alat blok di peringkat teratas. Ini akan membuka pengaturan blok ayah atau ibu di kolom kanan.

Anda sekarang dapat mengonfigurasi pembenaran, orientasi, bayangan riwayat, warna teks, dan tipografi semua blok bersarang.

Ingatlah bahwa konfigurasi ini akan berdampak pada semua blok yang bersarang di dalam blok ayah atau ibu.

Configure the settings of the Group block

Anda juga dapat mengonversi blok khusus saat ini menjadi blok bersarang dengan mengeklik tombol 'Opsi' di bilah alat berperingkat teratas dari blok apa pun.

Ini akan membuka prompt menu, di mana Anda harus memilih opsi 'Buat Blok yang Dapat Digunakan Kembali'.

Choose the Create Reusable Block option

Setelah Anda menyelesaikannya, blok baru yang dapat digunakan kembali akan dirancang tepat di mana Anda dapat menyertakan banyak blok.

Setelah Anda selesai, jangan lupa untuk mengklik tombol 'Publikasikan' atau 'Perbarui' untuk membantu Anda menyimpan modifikasi Anda.

Create nested blocks

Dalam contoh kita, kita telah menyarangkan blok Judul, Grafik, dan Paragraf di dalam blok Grup. Beginilah tampilan blok bersarang di halaman web demo kami.

Preview of WordPress nested blocks

Bonus: Gunakan Plugin Wayfinder untuk Menemukan Blok Bersarang dengan Cepat

Seringkali, sulit untuk memilih blok pribadi dan mengonfigurasinya ketika ada banyak blok yang bersarang bersama.

Untungnya, plugin Wayfinder membuatnya sangat mudah untuk menemukan blok bersarang dari blok ibu atau ayah dan bahkan memberi tahu Anda jenis dan kelas blok.

Pertama, Anda harus menginstal dan mengaktifkan plugin Wayfinder. Untuk rekomendasi lebih lanjut, Anda mungkin ingin melihat panduan kami tentang cara memasang plugin WordPress.

Saat aktivasi, buka halaman Opsi »Wayfinder dari sidebar admin WordPress.

Saat Anda berada di sana, semua pengaturan sekarang akan diaktifkan. Anda hanya perlu menghapus centang pada kotak di sebelah pengaturan yang sebenarnya tidak ingin Anda gunakan.

Misalnya, jika Anda ingin Wayfinder menampilkan jenis blok layar untuk semua blok di editor, maka biarkan kotak dicentang mengikuti solusi 'Tampilkan tipe blok'.

Configure the Wayfinder plugin settings

Namun, jika Anda benar-benar tidak ingin plugin menyaring kelas blok, cukup hapus centang pada kotak di sebelah alternatif itu.

Segera setelah mengkonfigurasi opsi, jangan abaikan untuk mengklik tombol 'Simpan Perubahan'.

Selanjutnya, Anda perlu membuka kiriman yang sudah ada atau baru dari sidebar admin WordPress.

Ketika Anda berada di sana, mengarahkan mouse Anda di sekitar blok mana pun akan dengan jelas menunjukkan definisi dengan namanya. Anda juga akan dapat melihat definisi dan identifikasi setiap blok bersarang di dalam blok ibu atau ayah.

GIF for the Wayfinder plugin

Ini akan memungkinkan Anda mengenali semua blok berbeda yang bersarang di dalam blok Tim atau Kolom.

Dari artikel ini, Anda dapat dengan mudah menemukan blok individual dari blok ibu atau ayah untuk mengonfigurasi opsinya.

Use Wayfinder plugin to easily select a block

Anda juga dapat menemukan semua blok bersarang pada waktu yang sama hanya dengan mengklik tajuk 'Kolom' atau 'Grup'. Ini akan membuka pengaturan blokir penjaga di kolom yang sesuai.

Segera setelah Anda mengonfigurasi konfigurasi blok, cukup klik tombol 'Perbarui' atau 'Publikasikan' untuk membantu Anda menyimpan modifikasi Anda.

Click the Group block outline to open its settings

Kami harap artikel singkat ini membantu Anda memahami cara memilih dan menggunakan blok bersarang WordPress. Anda mungkin juga ingin melihat tutorial kami tentang cara memodifikasi bagian atas dan lebar blok di WordPress dan pilihan utama kami untuk plugin WordPress yang harus dimiliki untuk membantu meningkatkan situs Anda.

Jika Anda lebih suka laporan ini, pastikan Anda berlangganan ke Channel YouTube kami untuk tutorial film WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.