Panduan untuk Blok Gutenberg Kustom
Diterbitkan: 2022-11-08Jika Anda terlambat ke pesta WordPress, blok ada di .
WordPress terus berevolusi dan meningkatkan pengalaman Gutenberg, yang membuat banyak pengembang bertanya apakah mereka harus membuat Blok Gutenberg khusus.
Dalam posting ini, kami melihat cara kerja blok khusus, kapan menggunakannya, opsi alternatif untuk membangun situs web Anda, dan cara membuat blok Gutenberg.
Apa itu Blok Gutenberg Kustom?
Blok adalah unit dasar untuk membangun halaman dan posting di WordPress. WordPress memperkenalkan blok dengan pengalaman pengeditan Gutenberg pada tahun 2018. WordPress menyertakan banyak blok tipe konten default, termasuk judul posting, gambar, dan galeri. Selain itu, plugin juga menambahkan blok mereka sendiri ke pengalaman pengeditan Anda. Misalnya, beberapa rilis WooCommerce terbaru memperkenalkan blok baru untuk mempermudah penambahan produk dan fungsionalitas eCommerce ke halaman atau postingan mana pun di WordPress.
Membuat blok Gutenberg khusus memungkinkan Anda memanfaatkan blok itu di halaman atau pos mana pun di situs Anda. Misalnya, Anda dapat membuat blok yang menarik dan menampilkan testimonial pelanggan.
Jika Anda enggan untuk sepenuhnya merangkul blok, Anda kehilangan. Semua fitur WordPress terbaru berfokus pada peningkatan pengalaman editor blok. Anda harus menggunakan blok untuk memanfaatkan banyak fitur WordPress terbaru dan yang akan datang .
Unduh e-book kami tentang memulai Pengeditan Situs Lengkap untuk mempelajari lebih lanjut tentang bagaimana Anda dapat menggunakan blok untuk membangun dan mengedit seluruh situs Anda.
Kapan Menggunakan Blok Gutenberg Khusus
Anda dapat membuat blok Gutenberg khusus ketika opsi blok yang ada tidak sesuai dengan kebutuhan Anda dan Anda tidak dapat menemukan alternatif yang layak dengan plugin atau tema Anda.
Membuat blok Gutenberg khusus biasanya bukan proyek yang ramah bagi pemula. Dua alasan paling umum untuk membuat kode blok Gutenberg kustom Anda sendiri adalah saat Anda mengembangkan plugin atau membuat tema Anda sendiri.
Membangun blok bukanlah proyek yang dilakukan kebanyakan orang untuk satu situs web kecuali jika itu adalah proyek tingkat perusahaan dengan pengembang atau tim pengembangan khusus. Kami membagikan beberapa metode alternatif yang mungkin berfungsi lebih baik jika Anda memerlukan pemblokiran khusus hanya untuk satu situs.
Alternatif untuk Menggunakan Blok Gutenberg Khusus
Sebelum Anda melakukan semua pekerjaan untuk mencari tahu blok khusus, pertimbangkan apakah salah satu dari alternatif ini mungkin cocok untuk Anda.
Pola Blok atau Blok yang Dapat Digunakan Kembali
Jika Anda tidak perlu menarik konten dinamis dan benar-benar hanya ingin blok mereplikasi tata letak, gunakan fitur Pola Blok baru atau Blok yang Dapat Digunakan Kembali. Opsi ini ramah-pemula dan dapat dicapai dengan sedikit atau tanpa penulisan kode.
Pola seperti template mini yang dapat Anda gunakan di mana saja di situs Anda. Anda dapat menyisipkannya ke halaman dan kemudian mengeditnya. Blok yang dapat digunakan kembali bekerja dengan cara yang sama. Perbedaan besar adalah bagaimana mereka diperlakukan setelah Anda menggunakannya pada halaman atau posting.
Pola adalah titik awal. Setelah ada di halaman, modifikasi apa pun yang Anda buat bersifat unik untuk halaman itu. Jika Anda mengubah pola nanti, itu tidak akan mengubah tempat yang sudah digunakan.
Blok yang dapat digunakan kembali tetap terhubung satu sama lain. Jika Anda memperbarui blok, perubahan akan diterapkan ke setiap tempat Anda menggunakan blok itu.
Blok Kode
Gunakan blok kode untuk menyisipkan kode khusus pada halaman. Pengembang tema dan plugin membuat blok khusus untuk digunakan di beberapa situs. Jika Anda bekerja di satu situs, Anda mungkin dapat mencapai tujuan yang sama dalam waktu yang lebih singkat dengan menambahkan cuplikan kode khusus. Kedua opsi membutuhkan tingkat keahlian teknis yang sama.
Satu kasus di mana mungkin layak untuk mempertimbangkan membangun blok kustom Anda sendiri adalah jika Anda seorang pengembang yang ingin mengubah situs menjadi klien. Klien mungkin dapat bekerja dengan blok khusus Anda menggunakan editor Gutenberg tetapi akan benar-benar tersesat saat mencoba mengedit kode Anda.
Cara Membuat Blok Gutenberg Kustom
Anda memiliki dua opsi untuk membuat blok Gutenberg khusus. Anda dapat mengkodekannya sendiri atau menggunakan plugin pembuat blok. Kedua opsi memerlukan beberapa pengkodean. Anda akan ingin memoles dasar-dasar pengembangan web sebelum mencobanya.
Mengkodekan Sendiri
Membangun blok khusus membutuhkan pengalaman pengembangan. Jika Anda ingin tetap menggunakan editor WYSIWIG dan jantung Anda berdebar kencang setiap kali Anda secara tidak sengaja mengeklik opsi kode acara, ini bukan untuk Anda.
Membuat blok khusus membutuhkan pengetahuan menengah tentang HTML, CSS, JavaScript, dan React.
Mulailah dengan menyiapkan lingkungan dan alat pengembangan Anda. Anda memerlukan lingkungan WordPress, Node, NPM, dan editor kode. Setelah itu, ikuti tutorial ini tentang membuat blok pertama Anda dari buku pegangan editor blok WordPress resmi.
Menggunakan Plugin
Jika Anda merasa nyaman dengan HTML, CSS, dan JavaScript tetapi tidak siap untuk mengkode semuanya dari awal, pertimbangkan pendekatan plugin. Menggunakan plugin untuk membuat blok khusus adalah opsi yang bagus ketika Anda membutuhkan blok khusus untuk digunakan di satu situs web.
Plugin Genesis Custom Blocks adalah plugin paling populer untuk membuat blok khusus. Anda akan membuat bidang blok menggunakan antarmuka WordPress yang sudah dikenal. Setelah menyiapkan bidang, Anda harus menyediakan template HTML, CSS, JavaScript, dan PHP agar blok berfungsi.
Meskipun lebih mudah, masih membutuhkan beberapa pengkodean. Perbedaannya adalah Anda dapat melakukan semuanya dari admin WordPress Anda tanpa menyiapkan lingkungan pengembang lokal. Plugin ini juga mempermudah pengujian dan pratinjau blok untuk memastikannya berfungsi dengan baik.
Apapun Yang Anda Bangun, Kami Bisa Membantu
Tidak peduli bagaimana Anda membangun situs Anda, dengan blok khusus, atau jika Anda masih menggunakan editor klasik, Anda memerlukan host yang andal. Pressable bangga menjadi tempat di mana WordPress bekerja paling baik untuk semua orang mulai dari solopreneur hingga tim pengembang tingkat lanjut.
Pressable menawarkan antarmuka yang mudah digunakan, keamanan terbaik, dan kecepatan yang sangat cepat. Dengan hosting Pressable, situs Anda akan mudah diperbarui dan mudah ditemukan dan digunakan oleh pelanggan Anda.
Daftar sekarang dan mulailah membangun situs Anda atau pelajari lebih lanjut tentang mentransfer situs yang ada. Kami senang membantu Anda memigrasikan situs Anda!
