Cara Membuat Blok yang Dapat Digunakan Kembali di Gutenberg

Editor blok Gutenberg, yang datang dengan WordPress versi 5.0 menggantikan editor klasik, mengubah paradigma kami dalam membuat posting dan halaman. Masing-masing terdiri dari kumpulan konten atau blok dari jenis tertentu: teks, judul, kutipan, daftar, file, tabel, gambar, sampul, galeri gambar, media dan teks, tombol, tertanam, dll, dari mana Anda dapat menyesuaikan beberapa properti dengan cepat menciptakan desain yang sangat mencolok.

Jadi, misalnya, untuk menyisipkan bagian yang saya tunjukkan di bawah ini semudah memasukkan blok sampul baru, di mana saya telah menempatkan filter buram 100% warna oranye dan saya telah menambahkan pesan dan tombol yang saya suka.

Semua ini dari editor blok Gutenberg , dan tanpa harus meninggalkan pos atau perlu menyalin dan menempel atau mengedit kode HTML. Ini tidak terpikirkan oleh editor WordPress klasik. Jika Anda ingin mengetahui lebih detail tentang berbagai kemungkinan yang ditawarkan blok sampul, Anda pasti akan tertarik membaca artikel ini tentang perbedaan antara gambar unggulan dan blok sampul.

Dengan editor blok, Anda memiliki banyak kemungkinan desain baru berdasarkan penggabungan semua jenis elemen. Dan saya yakinkan Anda bahwa meluangkan sedikit waktu Anda untuk mengetahui kemungkinan berbeda yang ditawarkan oleh setiap blok yang Anda miliki merupakan kompensasi untuk menjadi jauh lebih kreatif dan produktif dalam mendesain halaman dan posting.

Salah satu keuntungan besar editor blok adalah Anda tidak hanya dapat membuat berbagai konten yang ditawarkan oleh semua blok yang tersedia, tetapi Anda juga dapat menggunakan kembali blok.

Anda sudah tahu bahwa penggunaan kembali kode, konten , dan desain adalah prinsip dasar efisiensi bagi semua pengembang web untuk memanfaatkan pekerjaan sebelumnya, menghemat waktu, dan mengurangi redundansi. Ini juga membantu Anda mempertahankan gambar atau gaya yang seragam di seluruh situs web Anda. Anda hanya perlu menelusuri situs web kami untuk melihat serangkaian bagian yang sangat mirip di antara mereka, dengan gaya yang sama tetapi konten yang berbeda, dengan ajakan bertindak atau testimonial yang berbeda dari klien kami.

Mari kita lihat di bawah ini bagaimana pembuatan blok yang dapat digunakan kembali bekerja.

Buat Blok yang Dapat Digunakan Kembali

Blok apa pun yang Anda buat di postingan atau halaman dapat diubah menjadi blok yang dapat digunakan kembali. Untuk melakukannya, cukup pilih blok yang dimaksud, klik ikon tiga titik, dan pilih Tambahkan ke blok yang dapat digunakan kembali .

Anda diminta untuk memasukkan nama untuk blok yang ingin Anda tambahkan dan simpan.

Gunakan kembali Blok

Sekarang, kapan pun Anda ingin menggunakan salah satu blok yang dapat digunakan kembali dalam sebuah posting atau halaman, blok tersebut tersedia di perpustakaan blok Anda di bagian Dapat digunakan kembali.

Setelah memilihnya, blok dimasukkan. Efeknya sama seperti jika Anda telah menggandakan blok itu di pos yang sama yang membuatnya:

Ubah Blok yang Dapat Digunakan Kembali

Perhatikan bahwa blok yang dapat digunakan kembali tidak dapat dimodifikasi seperti blok normal lainnya—Anda hanya dapat memodifikasinya dengan mengklik tombol Edit :

Saat Anda mengedit blok yang dapat digunakan kembali, Anda tidak hanya memodifikasi instance yang muncul di posting Anda saat ini, tetapi blok itu sendiri, di mana saja. Dengan kata lain, setiap modifikasi yang Anda buat di blok yang dapat digunakan kembali juga akan berlaku untuk semua posting dan halaman di mana Anda telah menambahkan blok yang dapat digunakan kembali.

Tentunya Anda bertanya pada diri sendiri, bagaimana cara melakukannya hanya untuk membuat perubahan di blok yang baru saja saya tambahkan, tetapi tidak di sisa blok yang dibuat?

Ubah ke blok normal

Jika Anda hanya ingin mengubah blok yang digunakan kembali yang baru saja Anda tambahkan tanpa mengubah semua contoh blok yang Anda miliki di bagian lain situs web Anda, Anda selalu memiliki opsi untuk mengubah blok yang baru saja Anda tambahkan menjadi blok biasa.

Mulai saat ini, blok yang digunakan kembali menjadi lagi blok dari tipe aslinya. Dalam hal ini, blok diubah kembali menjadi blok penutup dan sekarang saya dapat membuat perubahan apa pun yang saya inginkan tanpa mengubah blok yang dapat digunakan kembali.

Kelola Blok yang Dapat Digunakan Kembali

Untuk setiap blok yang dapat digunakan kembali yang Anda buat, tipe konten kustom baru dari tipe blok dibuat di database Anda, dengan nama yang Anda tentukan. Tetapi kapan saja Anda dapat langsung mengubah atau menghapus blok yang dapat digunakan kembali yang dibuat seolah-olah itu adalah jenis posting lainnya.

Untuk melakukannya, klik opsi Kelola Semua Blok yang Dapat Digunakan Kembali yang Anda miliki di akhir perpustakaan blok di tab blok yang dapat digunakan kembali.

Atau Anda juga memiliki opsi untuk mengakses daftar blok yang dapat digunakan kembali dari opsi, Kelola Semua Blok yang Dapat Digunakan Kembali , yang dapat Anda temukan di menu kanan atas pada ikon tiga titik, Tampilkan lebih banyak alat & opsi .

Dalam kedua kasus tersebut, Anda akan dapat memvisualisasikan daftar blok yang dapat digunakan kembali yang telah Anda buat dan untuk masing-masing blok tersebut, Anda dapat memodifikasi atau menghapusnya seperti yang Anda lakukan dengan pos atau halaman mana pun.

Ingatlah bahwa setiap modifikasi yang Anda buat pada blok yang dapat digunakan kembali akan secara otomatis diterapkan ke semua posting dan halaman yang menggunakannya.

Demikian juga, jika Anda menghapusnya, blok yang dapat digunakan kembali juga akan dihapus secara otomatis di semua halaman tempat Anda menambahkannya (dan Anda tidak mengubahnya kembali menjadi blok biasa lagi).

Dan inilah yang penting bagi Anda untuk menjadi jauh lebih produktif dan efisien menggunakan kembali semua bagian dari situs web Anda memastikan Anda menyimpan gambar dan gaya yang sama di seluruh bagian itu.

Dalam posting berikutnya saya juga akan menjelaskan bagaimana Anda dapat mengekspor dan mengimpor blok dengan Gutenberg. Tapi tahukah Anda bahwa rekomendasi saya adalah Anda mempelajari lebih banyak trik tentang Gutenberg dengan mendaftar ke kursus Pembuatan konten bersama Gutenberg?

Foto oleh Nicola Fioravanti di Unsplash .