Anda Sekarang Dapat Membuat Tema Blok Anda Sendiri di WordPress

WordPress Full Site Editing (FSE) memungkinkan kita untuk mengedit berbagai aspek situs web tanpa memerlukan kode. Ini telah menempatkan bagian tema yang sebelumnya tersembunyi dalam jangkauan non-desainer. Dan mungkin membuat pekerjaan profesional web sedikit lebih mudah dalam prosesnya.

Tapi itu hanya menggores permukaan potensi FSE. Kemampuan yang lebih maju sedang dikembangkan. Diantaranya adalah kemampuan untuk membuat seluruh tema blok di dalam WordPress.

Mari kita pikirkan itu sejenak. Secara historis, ada dua metode utama untuk mengimplementasikan tema. Yang pertama adalah membangun sendiri dari bawah ke atas menggunakan PHP, HTML, JavaScript, dan CSS. Yang lainnya adalah mengunduh tema pihak ketiga dan menyesuaikannya sesuai keinginan Anda.

Berkat plugin Create Block Theme, sekarang ada metode ketiga: membuat tema blok sepenuhnya dari dalam WordPress. Dari sana, Anda dapat mengekspor kreasi Anda untuk digunakan di tempat lain.

Kedengarannya revolusioner dalam hal bagaimana kami membangun situs web dengan WordPress. Bagaimana cara kerjanya? Hari ini, kita akan melihat lebih awal pada Create Block Theme dan menunjukkan kepada Anda apa yang dapat dilakukannya.

Apa yang Dilakukan Plugin Buat Blok Tema

Rilis plugin Create Block Theme datang pada saat FSE masih merupakan teknologi yang baru lahir. Dikembangkan oleh anggota Tim Tema WordPress resmi, ini mungkin akan menemukan jalannya ke perangkat lunak inti suatu hari nanti.

Pada pandangan pertama, ini adalah perangkat lunak yang sangat sederhana – tetapi itu adalah desain. Plugin tidak menambahkan fungsionalitas baru yang radikal ke editor situs. Sebaliknya, ini menyediakan sarana untuk mengekspor pekerjaan yang telah Anda lakukan. Dan ada beberapa barang lainnya juga.

Saat Anda mengunduh Create Block Theme dan mengaktifkannya di situs web Anda (juga disarankan untuk menjalankan versi terbaru dari plugin Gutenberg), Anda akan melihat item menu baru yang terletak di Appearance > Create Block Theme .

Layar ini memberi Anda opsi berikut:

Ekspor Tema Aktif
Jika Anda sudah menggunakan tema blok, seperti Twenty Twenty-Two, dan telah membuat perubahan di editor situs, Anda dapat mengekspor versi tema yang disesuaikan. Ini mungkin berguna jika Anda ingin membuat titik awal khusus untuk proyek lain yang menggunakan tema tersebut.

Buat Anak dari Tema Aktif
Di masa lalu, tema anak telah direkomendasikan untuk memastikan bahwa penyesuaian tidak ditimpa saat Anda mengunduh pembaruan untuk tema Anda. Karena berkaitan dengan blok tema, anak dapat berfungsi sebagai cara untuk mendistribusikan varian tertentu dari induknya. Misalnya, seseorang mungkin berisi tipografi atau skema warna yang berbeda.

Tema Aktif Klon
Opsi ini menyalin tema aktif Anda dan menyertakan perubahan apa pun yang Anda buat di editor situs menggunakan nama baru. Karena ini adalah salinan terpisah, ini memungkinkan Anda untuk mengerjakan tema baru tanpa sengaja merusak aslinya.

Timpa Tema Aktif
Jika Anda telah membuat perubahan pada tema aktif dan ingin mereka menimpa pengaturan defaultnya, opsi ini memungkinkan Anda melakukannya.

Membangun Tema Blok WordPress Kustom

Proses untuk membangun tema blok WordPress kustom melibatkan membuat perubahan yang diinginkan melalui editor situs ( Appearance > Editor ). Ubah header, footer, area konten tema Anda, dan apa pun yang diinginkan hati Anda.

Tetapi sebelum Anda dapat melakukannya, penting untuk memilih tema blok yang tepat. Misalnya, Anda bisa menggunakan sedikit kanvas kosong seperti Blockbase. Ini memungkinkan Anda untuk memulai dari awal dan membuat tampilan yang sepenuhnya disesuaikan. Ini juga berarti tidak perlu merobohkan elemen tema yang sudah ada yang tidak Anda inginkan.

Jika Anda lebih suka sesuatu dengan lebih pas dan selesai, ada beberapa tema blok yang tersedia yang dapat memberikan titik awal yang bagus. Anda akan memiliki tata letak yang mapan dan dapat membuat penyesuaian yang diperlukan agar sesuai dengan kebutuhan Anda.

Terlepas dari bagaimana Anda memulai, Buat Blokir Tema akan memungkinkan Anda untuk mengekspor tema Anda untuk digunakan pada instalasi WordPress lain.

Mengekspor Tema Blok Kustom Anda

Dalam contoh ini, saya telah membuat beberapa penyesuaian dasar untuk Blockbase. Sekarang saatnya mengekspor tema dan menginstalnya di situs WordPress lokal lainnya.

Seperti yang disebutkan sebelumnya, Buat Blokir Tema menyediakan beberapa opsi ekspor. Saya memilih untuk membuat tema anak dan memberinya nama khusus. Ini berarti saya harus memiliki salinan Blockbase yang diinstal di situs web lain tempat saya ingin menggunakan tema anak baru saya.

Mengekspor menghasilkan file ZIP, yang kemudian dapat saya impor ke situs baru saya. Di situs WordPress baru, saya akan menavigasi ke Appearance > Themes , lalu klik tombol “ Add New ”.

Setelah berada di halaman Tambah Tema , saya dapat mengunggah tema blok baru saya dengan mengklik tombol “ Unggah Tema ” dan memilih file .ZIP yang diekspor dari hard drive saya. Akhirnya, saya akan mengaktifkan tema anak.

Hasilnya terlihat bagus. Perubahan yang saya buat selamat dari proses ekspor dan tampaknya berfungsi dengan baik di situs baru. Secara teoritis, ini akan memberikan awal yang solid ketika mengerjakan proyek masa depan.

Apakah Ini Masa Depan Pembangunan Tema WordPress?

Kemampuan untuk membuat tema blok dari dalam WordPress dan kemudian menggunakannya di mana saja bisa menjadi pengubah permainan untuk alur kerja Anda. Ini berpotensi memotong banyak waktu yang dihabiskan untuk berurusan dengan kode dan membuat pengalaman desain visual yang lengkap.

Namun, kenyamanan mungkin tidak berarti banyak jika editor situs tidak menawarkan semua alat yang Anda butuhkan. Cukup mudah untuk membuat tata letak yang berbeda dan menyesuaikan warna, dll. Tetapi kemungkinan akan ada skenario ketika kode diperlukan.

Semuanya bermuara pada bagaimana Anda suka bekerja. Beberapa dari kita dengan senang hati akan tetap dengan proses yang kita miliki – dan tidak apa-apa. Kenyamanan dan stabilitas itu penting – terutama ketika tema FSE dan blok masih dalam tahap awal.

Namun, portabilitas yang ditawarkan oleh Create Block Theme adalah intip ke masa depan. Dan memiliki opsi untuk membangun tema blok WordPress dengan cara ini akan menarik bagi banyak desainer web. Ini adalah perkembangan yang patut diwaspadai karena terus berkembang.