Pada awalnya, pengguna WordPress memiliki hubungan manis dan pahit dengan generator blok. Kemudian seperti yang kami temukan di panduan gutenberg, editor baru hadir dengan fitur luar biasa yang membuat pembuatan konten cantik menjadi mudah dan menyenangkan. Sekarang beberapa tidak lagi bisa hidup tanpanya.

Gutenberg memberi Anda fitur yang cukup untuk membuat halaman dan artikel yang bagus, tanpa menulis kode apa pun. Tidak peduli konten apa yang ingin Anda tambahkan, Gutenberg memiliki blok yang tepat.

Apakah Anda ingin mengubah dan menyesuaikan setiap blok konten secara mendalam? Gutenberg memiliki baterai opsi penyesuaian untuk ini.

Apakah Anda menginginkan lebih banyak blok daripada yang tersedia di editor default? di sana satu ton plugin WordPress untuk Gutenberg

Itulah mengapa sangat disayangkan bahwa banyak pengguna yang tidak mengetahuinya Blok yang Dapat Digunakan Kembali, salah satu fitur brilian Gutenberg. Jika Anda tidak tahu apa yang kita bicarakan, blok yang dapat digunakan kembali itu adil blok konten bahwa Anda buat, simpan, dan gunakan kembali sesuka Anda.

Misalkan Anda ingin menambahkan tombol ajakan bertindak yang dipanggil ucapan terima kasih, tanda tangan, formulir atau apapun di akhir setiap posting atau halaman.

Di masa lalu, Anda harus menyimpan fitur tersebut ke file teks di komputer Anda. Saat Anda membutuhkannya, Anda menyalin dan menempelkannya ke dalam posting atau halaman Anda. Gutenberg mengurangi 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 membangun banyak situs web atau perlu menambahkan konten khusus ke setiap postingan / halaman, blokir Gutenberg yang dapat digunakan kembali dapat membantu Anda menghemat banyak waktu.

Dan di artikel hari ini, kami menunjukkan dengan tepat cara membuat dan mengekspor blok yang dapat digunakan kembali dari Gutenberg ke WordPress. Tujuan kami adalah membantu Anda dengan mudah memindahkan dan menggunakan kembali blok konten kustom di beberapa posting / halaman / situs WordPress.

Namun sebelumnya, jika Anda belum pernah menginstal WordPress, mari kita cari tahu Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Lalu kembali ke mengapa kita ada di sini. 

Kecuali: Jika Anda membuat blok menggunakan a WordPress Plugin seperti getwid, misalnya, Anda harus menginstal plugin ini di situs WordPress lain tempat Anda ingin menggunakan kembali blokir tersebut. Perhatikan juga, bahwa blok Anda mungkin terlihat sedikit berbeda dari satu tema ke tema lainnya, tetapi ini semua bagus karena Gutenberg memberi Anda banyak kekuatan penyesuaian.

Pertama-tama, Anda membutuhkan blok yang dapat digunakan kembali

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

Untuk tujuan ilustrasi, kami akan membuat file ucapan terima kasih yang ingin saya tambahkan di akhir setiap artikel yang kami terbitkan, tanpa harus menulis ulang catatan setiap kali saya perlu menambahkannya ke artikel.

Ma terima kasih catatan lakukan tidak ada yang rumit; hanya blok paragraf sederhana dengan tautan ke Twitter dan Facebook. Ingatlah bahwa blok Anda bisa apa saja yang Anda inginkan - iklan spanduk, kamun slider gambar, kutipan, daftar, publikasi terbaru, formulir MailChimp, dll ...

Nanti kami akan tunjukkan cara mengekspor ini ucapan terima kasih di situs WordPress kedua.

Cara membuat blok yang dapat digunakan kembali

Membuat blok yang dapat digunakan kembali sangatlah mudah. Pergi ke Artikel> Tambahkan untuk meluncurkan editor Gutenberg:

Bagaimana menambahkan artikel blogpascher baru

Kemudian klik ikon tersebut Tambahkan blok (+), lalu pilih blok konten Anda. Dalam kasus kami, kami telah menambahkan blok paragraf seperti yang ditunjukkan pada gambar berikut.

Cara menambahkan blokir blog gutenberg

Setelah itu, sesuaikan blok Anda sesuai dengan kebutuhan Anda. Kami telah menambahkan teks, tautan ke profil media sosial, dan warna latar belakang. Ini adalah nama notepad baru kami merci Sepertinya di editor Gutenberg kami:

Cara menggunakan blok paragraf blogpascher

Saat ini, not di atas adalah a blok reguler. Kita harus mengubahnya menjadi satu blok dapat digunakan kembali yang dapat kami ekspor dan impor. Untuk melakukannya, klik ikon tersebut Lebih banyak pilihan, kemudian tambahkan ke blok yang dapat digunakan kembali, seperti yang ditunjukkan di bawah ini.

Buat blokir blogpascher yang dapat digunakan kembali

Kemudian, beri nama blok yang dapat digunakan kembali dan tekan tombol Merekam, seperti yang bisa dilihat dibawah ini.

Nama dapat digunakan kembali blokir blogpascher

Dan itu saja, Anda baru saja membuat blok pertama Anda yang dapat digunakan kembali. 

Cara menggunakan blok yang dapat digunakan kembali

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

Tambahkan blokir blogpascher yang dapat digunakan kembali

Setelah menambahkan blok yang dapat digunakan kembali ke posting atau halaman Anda, tekan tombol Pratinjau / Publikasi untuk menampilkan hasil Anda di front-end. Inilah yang kami dapatkan:

Bagaimana menambahkan postpascher blog baru 1

Bagian terbaiknya adalah kita dapat menggunakan kembali blok kita ucapan terima kasih kapan saja, tanpa harus membuatnya dari awal. kami juga dapat menambahkannya ke semua jenis posting yang mendukung blok Gutenberg.

Temukan juga Cara menambahkan keterangan ke gambar di Gutenberg

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

Cara mengekspor blok Gutenberg ke WordPress

Mengekspor blok Gutenberg yang dapat digunakan kembali itu mudah, Anda akan melakukannya dalam waktu singkat.

Apa yang harus dilakukan?

Di dalam editor Gutenberg, klik ikon Alat dan opsi lainnya, kemudian kelola semua blok yang dapat digunakan kembali, seperti yang kami soroti di bawah ini:

Kelola blokir blogpascher yang dapat digunakan kembali

Ini membawa Anda ke layar Blok tempat Anda dapat melihat dan mengelola semua blok yang dapat digunakan kembali:

Impor blokir blogpascher yang dapat digunakan kembali

Kami hanya memiliki blok Ucapan terima kasih, tetapi layar di atas akan terisi saat Anda membuat lebih banyak. Untuk mengekspor, arahkan kursor ke judul dan klik link Ekspor ke JSON ditampilkan. Lihat gambar di bawah.

Impor blokir blogpascher yang dapat digunakan kembali 1

Kemudian simpan file JSON ke komputer Anda:

Simpan blokir json blogpascher yang dapat digunakan kembali

Sekarang kita memiliki file JSON di komputer kita, saatnya mengimpor blok tersebut ke situs web kedua kita.

Cara mengimpor blok Gutenberg ke WordPress

Mengimpor blok yang dapat digunakan kembali semudah A, B, C. Pertama, buka editor Gutenberg. Kedua, klik ikon Alat dan opsi lainnya, kemudian kelola semua blok yang dapat digunakan kembali, seperti yang ditunjukkan di bawah ini.

Impor blokir blogpascher yang dapat digunakan kembali 2

Di layar Blok yang mengikuti, klik Impor dari JSON, pilih file yang Anda unduh sebelumnya, lalu tekan tombol. impor dalam urutan ini:

Impor blokir blogpascher yang dapat digunakan kembali 3

Dan itu saja! Sama seperti itu, Anda telah berhasil mengimpor blok Gutenberg yang dapat digunakan kembali ke situs WordPress kedua Anda.

Untuk membaca juga Cara menambahkan keterangan ke gambar di Gutenberg

Bukankah itu mudah? Setelah itu, Anda dapat menggunakan dan menggunakan kembali blok Gutenberg Anda di situs web kedua sebanyak yang Anda inginkan.

Apakah ada plugin WordPress untuk mengekspor blok Gutenberg?

Oh ya, dan saya menemukannya di ThemeIsle, pengembang WordPress terkemuka. Ini adalah plugin gratis yang dikenal sebagai Blok Ekspor Impor. Pada dasarnya, plugin memungkinkan Anda melewati seluruh tutorial ini. Ya itu benar; Anda bahkan tidak perlu membuat blok yang dapat digunakan kembali.

Lihat juga panduan kami di Cara menambahkan blok animasi ke artikel Gutenberg Anda

Instal dan aktifkan plugin, lalu buka editor Gutenberg. Rancang blok Anda sesuai keinginan, lalu klik ikon opsi lainnya. Lalu klik Ekspor sebagai JSON, seperti yang ditunjukkan di bawah ini:

Blokir plugin wordpress blogpascher yang dapat digunakan kembali

Ini mengunduh file JSON ke komputer Anda. Untuk mengimpor file JSON menggunakan plugin, buka editor Gutenberg. Kemudian klik ikon tersebut Tambahkan satu blok, kemudian impor Blok dari JSON di bawah tab widget :

Impor blokir blogpascher yang dapat digunakan kembali 4

Setelah itu klik Pilih File untuk memilih file dari komputer Anda dan tekan tombol. Unggah :

Impor blokir blogpascher yang dapat digunakan kembali 5

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

Temukan juga Bagaimana Anda tahu jika plugin Anda kompatibel dengan Gutenberg?

Sayangnya, saya tidak dapat menemukan plugin lain. Namun, plugin tersebut dapat menghemat banyak waktu jika Anda tidak khawatir tentang menyimpan blok yang dapat digunakan kembali di situs web Anda. 

Blok Gutenberg yang dapat digunakan kembali menyelamatkan nyawa. Mereka memungkinkan Anda mereproduksi model dengan cepat karena Anda tidak memulai dari awal. Jika Anda membuat banyak posting / halaman dan / atau situs web, mempelajari cara mengekspor blok Gutenberg akan berguna.

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Showcase tim

Team Showcase adalah addon yang sempurna, dirancang untuk menampilkan anggota tim Anda dalam grid atau carousel responsif yang indah. Anda akan memiliki kemampuan untuk mengelola anggota Anda dengan mengelompokkan mereka ke dalam tim yang terpisah. Untuk melakukan ini, cukup pilih opsi yang ingin Anda tampilkan, pilih a tema WordPress dan menerapkan warna yang telah ditentukan sebelumnya.

Etalase tim untuk plugin wordpress komposer visual

Tidak ada baris kode yang diperlukan untuk tindakan ini. Fitur-fiturnya antara lain: 10 tema khusus, 10 set warna, 10 opsi tampilan, Efek animasi CSS3, kemungkinan disisipkan di halaman, desain yang sepenuhnya responsif, dll ...

Download | Demo | Hébergement Web

2. ARPrice

Harga AR adalah WordPress Plugin premium paling fleksibel dan lengkap dalam pembuatan kisi-kisi harga. Muncul dengan lebih dari 300 templat kisi harga dan menyediakan semua alat yang Anda butuhkan untuk membuat kisi harga dan tabel perbandingan yang unik dan responsif. Anda juga akan dapat dengan mudah membuat etalase yang indah untuk tim Anda.

Plugin tabel harga wordpress responsif Arprice

Ini adalah WordPress Plugin cantik, intuitif, dan unik, dengan editor visualnya yang mengesankan, menampilkan pratinjau penyesuaian waktu nyata.

Lihat juga Cara mengisi layanan di blog Anda?

Pilih templat, lalu dengan klik sederhana, seret dan lepas alat untuk mempersonalisasi kisi harga Anda, hingga detail terkecil. Anda akan dapat menambahkan jumlah kolom yang tidak terbatas, mengubah warna, font, ikon, dan menambahkan gambar dan pita Anda sendiri untuk mengumumkan diskonMisalnya.

Download Demo | Hébergement Web

3. Paket SEO Premium

Premium SEO Pack adalah plugin WordPress yang mengoptimalkan SEO Anda dan memampatkan CSS untuk meningkatkan kecepatan memuat situs web Anda. Plugin juga dapat mengelola desain situs web Anda dalam beberapa klik.

Paket seo premium - plugin wordpress

Fungsionalitasnya antara lain: kompresi CSS dan JS, integrasi peta situs video dan cuplikan, pemformatan file HTLM dan XML, pengalihan halaman 404 dan 301, berbagi di jejaring sosial, memberikan label ALT, tata letak yang dapat disesuaikan.

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Sini! Itu saja untuk tutorial ini, kami berharap ini memungkinkan Anda mengekspor dan mengimpor blok Gutenberg ke WordPress. Apakah Anda masih memiliki pertanyaan atau saran tentang blok Gutenberg? Beri tahu kami di dalam komentar di bawah ini.

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Jangan sungkan berbagi dengan teman-teman Anda di jejaring sosial favorit Anda

...