Cara Mengekspor dan Mengimpor Blok Gutenberg di WordPress

Awalnya, pengguna WordPress memiliki hubungan yang pahit dengan pembangun berbasis blok WordPress. Kemudian, seperti yang kami temukan di panduan Gutenberg kami, editor baru hadir dengan fitur hebat yang membuat pembuatan konten yang indah menjadi mudah dan menyenangkan. Sekarang beberapa mungkin tidak memiliki cukup editor.

Gutenberg memberi Anda fitur yang cukup untuk membuat halaman dan posting yang luar biasa tanpa coding. Tidak peduli konten apa yang ingin Anda tambahkan, Gutenberg hanya memiliki blok.

Apakah Anda ingin memodifikasi dan mendesain setiap blok konten secara ekstensif? Gutenberg mendukung Anda dengan berbagai opsi penyesuaian. Apakah Anda ingin lebih banyak blok daripada yang tersedia di editor default? Ada banyak plugin Gutenberg tambahan di luar sana.

Jadi sedih banyak pengguna yang tidak tahu Blok yang dapat digunakan kembali, salah satu fitur hebat Gutenberg. Jika Anda tidak tahu apa yang sedang kita bicarakan, blok yang dapat digunakan kembali hanyalah Isi blok yang Anda buat, simpan, dan gunakan kembali sesuai keinginan.

Katakanlah Anda ingin menambahkan ajakan bertindak, catatan terima kasih, tanda tangan, formulir, atau apa pun di bagian bawah setiap posting atau halaman.

Sebelumnya, Anda harus menyimpan fungsionalitas dalam file teks di komputer Anda. Saat Anda membutuhkannya, Anda menyalin dan menempelkannya ke posting atau halaman Anda. Gutenberg telah mengatasi masalah ini. Sekarang Anda tidak perlu menggunakan file teks atau membuat blok yang sama dari awal setiap saat.

Anda dapat membuat satu blok yang dapat digunakan kembali dan menggunakannya tidak hanya di posting dan halaman Anda, tetapi juga di situs WordPress lainnya.

Baik Anda membuat beberapa situs web atau perlu menambahkan konten khusus ke setiap posting/halaman, blok Gutenberg yang dapat digunakan kembali dapat menghemat banyak waktu Anda.

Dan dalam artikel hari ini, kami menunjukkan kepada Anda cara membuat dan mengekspor blok Gutenberg yang dapat digunakan kembali di WordPress. Tujuan kami adalah membantu Anda memigrasikan dan menggunakan kembali blok konten khusus di beberapa posting/halaman/situs WordPress dengan mudah.

Individu: Misalnya, jika Anda membuat blok menggunakan plugin seperti Getwid, Anda perlu menginstal plugin di situs WordPress lain tempat Anda ingin menggunakan kembali blok tersebut. Perhatikan juga bahwa blok Anda mungkin terlihat sedikit berbeda dari satu tema ke tema lainnya, tetapi semuanya baik-baik saja karena Gutenberg memberi Anda banyak penyesuaian.

Pergi keluar, ambil secangkir kopi dan membaca buku.

Pertama-tama, Anda membutuhkan blok yang dapat digunakan kembali

Sayangnya, Anda tidak dapat mengekspor atau mengimpor reguler blok Untuk mengekspor dan mengimpor blok Gutenberg, Anda harus terlebih dahulu membuat Penggunaan kembali satuan

Untuk tujuan ilustrasi, saya akan membuat catatan terima kasih yang ingin saya tambahkan di akhir setiap posting yang saya posting. Anda tahu, tidak perlu menulis ulang catatan setiap kali saya perlu menambahkannya ke pos

Catatan terima kasih tidak rumit sama sekali; hanya paragraf sederhana dengan tautan ke Twitter dan Facebook. Ingatlah bahwa blok Anda dapat berupa apa saja yang Anda inginkan: iklan spanduk, penggeser gambar, kutipan, daftar, posting terbaru, formulir MailChimp, dll.

Kemudian saya akan menunjukkan cara mengekspor catatan (baca, blokir) ke situs WordPress kedua. Kedengarannya bagus? Bagus, mari kita mulai.

Cara membuat blok yang dapat digunakan kembali

Membuat blok yang dapat digunakan kembali sangat mudah. Menuju Publikasi > Tambah Baru untuk meluncurkan editor Gutenberg:

Lalu klik Tambahkan blok (+) ikon dan kemudian pilih blok konten Anda. Dalam kasus kami, saya menambahkan blok paragraf, seperti yang ditunjukkan pada gambar berikut.

Kemudian sesuaikan dan rancang blok Anda sesuai dengan kebutuhan Anda. Saya menambahkan teks, tautan media sosial, dan warna latar belakang. Ini adalah bagaimana blok baru kami juga dikenal sebagai ucapan terima kasih lihat di editor Gutenberg saya:

John Doe sangat lucu. Sangat cantik. Sekarang, saya mungkin akan mengikuti blog Anda di media sosial Maju Cepat.

Saat ini, catatan sebelumnya adalah reguler Untuk mencegah. Kita harus membuatnya menjadi Penggunaan kembali blok yang bisa kita ekspor dan impor. Untuk melakukannya, klik Pilihan lain ikon, dan kemudian Tambahkan blok yang dapat digunakan kembaliseperti yang ditunjukkan di bawah ini.

Kemudian beri nama blok Anda yang dapat digunakan kembali dan tekan Menyimpan tombol, seperti yang terlihat di bawah ini.

Dan hanya itu, Anda baru saja membuat blok pertama yang dapat digunakan kembali. Ini adalah bagaimana Anda menjadi seorang teman.

Cara menggunakan blok yang dapat digunakan kembali

Menambahkan blok yang dapat digunakan kembali yang baru saja kami buat ke posting atau halaman Anda sangat mudah. Setelah Anda menambahkan konten yang diperlukan ke postingan atau halaman Anda, klik Tambahkan blok (+) ikon, gulir ke Blok yang dapat digunakan kembali tab dan pilih blok Anda (Terima kasih atas catatan dalam kasus kami), seperti yang ditunjukkan di bawah ini.

Setelah menambahkan blok awal ke postingan atau halaman Anda, ketuk Canggih/Pos untuk melihat hasil Anda di panel depan. Inilah yang saya dapatkan:

Situs pengujian saya menjalankan tema Dua Puluh Dua Puluh.

Bagian terbaiknya adalah saya dapat menggunakan kembali notepad terima kasih saya kapan saja tanpa harus membuatnya dari awal. Saya dapat menambahkannya ke semua jenis posting yang mendukung blok Gutenberg.

Sekarang setelah Anda mengetahui cara membuat dan menggunakan blok yang dapat digunakan kembali, pelajari lebih lanjut tentang mengekspor blok ini ke situs WordPress lain. Untuk menghindari kebingungan, saya akan menggunakan blok yang sama yang baru saja kita buat.

Cara Mengekspor Blok Gutenberg di WordPress

Mengekspor blok Gutenberg yang dapat digunakan kembali untuk siswa kelas empat dilakukan dalam waktu singkat.

Apa yang harus dilakukan

Di editor Gutenberg, klik Lebih banyak alat dan opsi ikon, dan kemudian Kelola semua blok yang dapat digunakan kembaliseperti yang kami soroti di bawah ini:

Melakukannya membawa Anda ke Satuan layar tempat Anda dapat melihat dan mengelola semua blok yang dapat digunakan kembali:

Kami hanya mempunyai Terima kasih blok, tetapi layar sebelumnya akan terisi saat Anda membuat lebih banyak. Untuk mengekspor, arahkan kursor ke judul dan klik Ekspor sebagai JSON tautan muncul. Lihat gambar di bawah.

Kemudian simpan file JSON di komputer Anda:

Sekarang kami memiliki file JSON di komputer Anda, saatnya untuk mengimpor blok ke situs pengujian kedua kami.

Cara Mengimpor Blok Gutenberg ke WordPress

Mengimpor blok yang dapat digunakan kembali semudah A, B, C. Pertama, buka editor Gutenberg. Kedua, klik Lebih banyak alat dan opsi ikon, dan kemudian Kelola semua blok yang dapat digunakan kembaliseperti yang ditunjukkan di bawah ini.

Tentang dia Satuan klik layar berikutnya Impor dari JSONpilih file yang Anda unduh sebelumnya lalu tekan tombol impor tombol dalam urutan itu:

Dan itu adalah! Seperti ini, Anda telah berhasil mengimpor blok Gutenberg yang dapat digunakan kembali ke situs WordPress kedua Anda:

Bukankah itu mudah? Anda kemudian dapat menggunakan dan menggunakan kembali blok Gutenberg Anda di situs kedua sebanyak yang Anda suka.

Apakah ada plugin untuk mengekspor blok Gutenberg?

Oh ya, dan saya menemukan satu dari ThemeIsle, pengembang WordPress terkemuka. Ini adalah plugin gratis bernama Import-Export Block. Pada dasarnya, plugin memungkinkan Anda untuk melewati seluruh tutorial ini. Ya itu benar; Anda bahkan tidak perlu membuat blok yang dapat digunakan kembali.

Instal dan aktifkan plugin, lalu buka editor Gutenberg. Rancang blok Anda seperti yang Anda inginkan dan kemudian klik di atasnya Pilihan lain Ikon. Lalu tekan Ekspor JSON, seperti yang ditunjukkan di bawah ini. Berikut adalah tangkapan layarnya:

Lakukan untuk mengunduh file JSON ke komputer Anda. Untuk mengimpor file JSON menggunakan plugin, buka editor Gutenberg. Lalu klik Tambahkan blok ikon, dan kemudian Impor blok JSON dibawah Widget lidah:

Lalu klik Pilih file untuk memilih file dari komputer Anda dan tekan Meningkat tombol:

Satu-satunya masalah dengan metode plugin adalah blok Anda tidak akan disimpan di situs WordPress Anda. Untuk menyimpan blok di database WordPress Anda, Anda harus menggunakan metode manual. Mungkin itu akan berubah di masa depan.

Sayangnya saya tidak dapat menemukan plugin lain. Namun, plugin dapat menghemat banyak waktu jika Anda tidak menyimpan blok yang dapat digunakan kembali di situs Anda. Anda akan memiliki blok sebagai file JSON di komputer Anda.

Blok Gutenberg yang dapat digunakan kembali adalah penyelamat. Mereka memungkinkan Anda untuk dengan cepat menduplikasi template dan fungsi, karena tidak dimulai dari awal. Jika Anda membuat banyak posting/halaman dan/atau halaman web, mempelajari cara mengekspor blok Gutenberg akan berguna.

Punya pertanyaan atau saran tentang blok Gutenberg? Beri tahu kami di komentar di bawah.