Pembuatan Tema Blok WordPress dan Pengeditan Tumpukan Penuh

Jika Anda telah mengikuti forum dan berita WordPress akhir-akhir ini, Anda pasti pernah mendengar tentang pengeditan situs lengkap (FSE), atau setidaknya melihat referensi untuk itu, seperti pembuatan tema blok. Bahkan jika Anda tidak mengetahui apa itu, Anda mungkin pernah mendengar pembicaraan tentangnya dan bahkan mungkin bertanya-tanya apa artinya bagi Anda.

Apakah Anda sering menggunakan WordPress atau seorang pengembang, ada kabar baik untuk Anda. Penendang sebenarnya adalah Anda tidak perlu takut akan hal itu dan semuanya akan berjalan dengan baik untuk Anda, memudahkan proses untuk Anda.

Atas dasar apa kita mengklaim itu? Pertama datang lebih dulu. Pertama-tama mari kita pahami sedikit tentang pengeditan situs WordPress lengkap sebelum kita langsung mempelajari apa yang kita bahas dalam judul.

WordPress Full-Site Editing (FSE) Apakah…?

Intinya, pengeditan situs penuh menghindari gagasan pemblokiran. Sebelumnya, blok dapat digunakan untuk mengedit area konten situs web. Setiap bagian situs Anda sekarang akan dianggap sebagai blok saat Anda menggunakan pengeditan situs penuh.

Pengguna sekarang dapat berinteraksi dengan halaman dan elemen global pada satu platform berkat peningkatan yang signifikan ini. Selain itu, ia telah menambahkan file konfigurasi tema baru dan alat pengembangan.

Setelah memperbarui WordPress ke versi terbaru, Anda harus mengaktifkan tema FSE, seperti Twenty Twenty-Two. Setelah itu, Anda hanya dapat menggunakan blok Gutenberg untuk membangun seluruh situs web.

Bagaimana FSE Dapat Membantu Anda?

Membangun dan mengembangkan situs web WordPress sekarang lebih mudah dari sebelumnya, berkat pengeditan situs lengkap. Elemen global dan pembaruan halaman apa pun dapat dibuat menggunakan editor yang sama.

Dan elemen global, apakah itu? Saat dialokasikan, elemen global, penampung, dan kolom dapat digunakan di seluruh situs web Anda.

Teknik inovatif ini memungkinkan Anda untuk mengedit halaman web atau halaman tertentu, yang menghemat waktu. Anda tidak perlu beralih antar editor untuk mengetahui apa yang terjadi karena Anda dapat melihat semuanya secara real time saat mengedit. Hasil? Desain situs web Anda meningkat saat Anda beroperasi secara bersamaan pada halaman dan tingkat global.

Rilis WordPress 6.0 tidak mengaktifkan FSE secara default. Oleh karena itu, untuk memanfaatkan kemampuan pengeditan situs penuh saat menggunakan edisi WordPress yang lebih lama dari 6.0, Anda harus terlebih dahulu memperbarui WordPress sebelum mengaktifkan tema FSE. Dasbor situs Anda adalah tempat Anda menangani semua itu.

Lingkungan WordPress Berkembang Sekali Lagi

Jenis perubahan di WordPress ini telah terjadi pada periode sebelumnya. Kami semua mengenal Gutenberg sekitar tiga tahun yang lalu (sulit untuk diingat karena fakta bahwa satu, jika tidak lebih, dari tahun-tahun terakhir ini tiba-tiba menghilang). Anda sekarang dapat menyebutnya sebagai editor blok.

Namun, ketika awalnya dimasukkan ke dalam inti WordPress, diberi nama kode Gutenberg. Perubahan itu sulit. Jadi, kebanyakan orang bereaksi dengan beberapa kepanikan. Yah, hampir semua orang. Gutenberg hari ini, beberapa tahun kemudian, dianggap cukup membantu, sering kali menyenangkan untuk digunakan, dan terus berkembang. Karena itu, kami yakin pergeseran ini akan berhasil. Namun perubahannya lebih signifikan dari sebelumnya.

Pergeseran Fokus: Dari Pengguna ke Pembuat

Ketika editor blok seperti itu pertama kali diperkenalkan, pengembang mengubah cara mereka menghasilkan materi. Bagi mereka yang memproduksi posting blog, itu tidak mengganggu seperti bagi mereka yang membuat situs web dan mengembangkan halaman web. Peralihan ke blok menguntungkan bagi pengguna, dan banyak kemampuan menarik yang mengikuti, seperti kemampuan untuk menentukan blok materi dan kemudian menempatkannya secara dinamis di mana pun (dan di mana pun) di situs. Siapa pun dan semua orang sekarang dapat melakukan ini tanpa menggunakan kode apa pun.

Tapi perubahan ini sedikit berbeda. Bukan hanya bagaimana Anda memodifikasi situs Anda yang telah berubah dengan pengeditan situs penuh. Ini ada hubungannya dengan kerangka dasar situs web Anda. Tidak hanya header atau footer Anda yang didefinisikan di sini. Ini menyangkut komponen tema. Dengan kata lain, FSE pada akhirnya akan menguntungkan pengguna, tetapi untuk saat ini, rasanya lebih seperti penekanan pada peningkatan hal-hal untuk pembangun — baik mereka yang membuat halaman web maupun mereka yang membuat tema.

Apakah Anda menggunakan pembuat halaman, yaitu, menyelesaikan proyek peluncuran situs dengan platform yang mudah digunakan di antara pembuat situs web keanggotaan terbaik atau membangunnya, banyak dari Anda menjadi terbiasa dengan fase kehidupan ini. Halaman Anda dapat dirancang sesuka Anda. Tetapi kemudian, Anda menjadi sadar akan masalah kinerja. Google mengurangi peringkat Anda dan menyatakan bahwa DOM Anda terlalu besar (apa pun itu). Karena kita semua sadar bahwa kinerja adalah raja, sekarang adalah saat yang tepat untuk mempelajari lebih lanjut tentang FSE dan bagaimana hal itu dapat mengubah situs web yang Anda buat.

Lalu Mengapa Membangun Tema Situs Lengkap Itu Penting?

Beaver Builder datang sebelum Elementor, ingat? Banyak dari Anda menggunakannya sendiri atau di perusahaan tempat Anda bekerja untuk membuat situs web substansial untuk klien bisnis. Namun, mereka membutuhkan produk lain, Beaver Themer. Jika tidak, Anda harus memberi mereka bantuan dengan tema yang mendukung header dan footer khusus (dan dinamis) ketika mereka perlu memodifikasi header dan footer halaman web (atau posting).

Sangat menyenangkan ketika tema-tema seperti Blocksy, Kadence, dan Astra mulai mengembangkan fitur-fitur tersebut. Tapi itu juga menyebabkan beberapa penguncian. Dan Anda mengetahui apa yang terjadi selanjutnya: setelah pelanggan memasang plugin di situs web mereka, mereka mengetahui bahwa plugin tersebut tidak kompatibel dengan tema atau pembuat halaman.

Tiba-tiba, semua orang menunjuk jari mereka. Perusahaan tema mengklaim itu bukan mereka. Menurut pembuat halaman, itu juga bukan mereka. Tebak apa? Pemain baru dalam game, perusahaan hosting, mengklaim bahwa itu bukan mereka. Pembangun (kontraktor dan agen) yang awalnya membangun situs akhirnya disalahkan.

Hal yang sama terjadi ketika pengguna mulai mengeluh tentang seberapa lambat halaman ini dimuat, berkat kode yang dibuat oleh pembuat halaman yang sama. Agensi dan pekerja lepas menerima kritik.

Larutan

Perubahan untuk memblokir tema ini, yang mendukung penyesuaian situs penuh, menunjukkan perubahan mendasar dalam cara situs web dibuat. Dengan perubahan ini, setiap elemen di halaman dan di seluruh situs web menjadi satu blok: konten, menu, bilah sisi, header, dan footer. Setiap blok. Oleh karena itu, tema dapat menjadi lebih ringan sebagai hasilnya.

Tema masih harus menyelesaikan beberapa tugas, seperti menyatukan gaya universal untuk blok di seluruh situs atau memperbaiki kesalahan tipografi. Pengembang dapat mengonfigurasi semuanya di file themes.json baru. Tapi itu tidak hanya digunakan untuk menetapkan parameter. Ini juga merupakan cara bagi pengembang untuk mengubah cara pelanggan menggunakan editor.

Selain itu, tidak banyak elemen UI dalam tema. Sangat mudah untuk membayangkan bahwa iterasi berikutnya dari apa yang telah Anda terbiasa – menggunakan pembuat kustom – akan didorong oleh konfigurator JSON seperti yang ada sekarang.

Singkatnya, ini adalah generasi tema masa depan dan sarana di mana Anda pada akhirnya akan dapat membatasi apa yang dapat dicapai pengguna dengan tema baru tersebut.

Bagaimana Memahami Logis dari Semuanya?

Sekalipun kelihatannya menarik, kesulitan yang lebih besar adalah menentukan bagaimana Anda semua akan menyelesaikan ini. Tak seorang pun ingin mengembangkan konsep baru yang ternyata cukup sederhana. Tidak ada yang ingin mengembangkan tema baru yang mengganggu pengguna.

Anda menginginkan kenyamanan yang 'mencoba dan benar dengan kekuatan yang 'baru'. Dan ada lebih banyak pertanyaan daripada solusi…

Anda Sedang Mencari Kursus Pengembang untuk Mengintegrasikan dan Membangun Tema Blok

Bayangkan mengambil kursus yang menjelaskan semua yang harus Anda pahami secara detail tentang membangun Tema Blok dan FSE. Kami mengacu pada 14 item berikut, selain yang lain:

• Pelajari tentang pengeditan situs lengkap untuk melihat pengaruhnya terhadap pengembangan tema.
• Buat Template Indeks tanpa tulang, lalu gunakan blok untuk mengambil posting dari database.
• Tanpa mengkode satu baris pun, terapkan seluruh template beranda blog.
• Header dan footer untuk tema harus ditambahkan.
• Pahami bagaimana pengeditan situs lengkap memperlakukan menu navigasi.
• Pelajari cara mengatur sebelumnya preferensi editor blok menggunakan file theme.json.
• Temukan cara menggunakan kontrol pola bawaan untuk membuat tata letak serbaguna.
• Menggunakan theme.json, terapkan tipografi universal dan skema warna.
• Kelola padding dan margin dengan menggunakan kontrol spasi.
• Pelajari cara mengatur editor blok agar pengaturannya sesuai dengan tema.
• Tambahkan pemilihan font, gradien, palet warna, dan opsi penyesuaian lainnya.
• Untuk membatasi seberapa jauh klien Anda dapat bervariasi dari desain dasar, pelajari cara menghilangkan pilihan penyesuaian yang tidak diinginkan dari blok.
• Pelajari cara menggunakan pola untuk membantu Anda dan klien Anda membuat halaman lebih cepat.
• Gunakan elemen template untuk mencegah penggunaan komponen blok lagi di template yang berbeda.

Itu adalah daftar pelajaran yang mengesankan untuk dipelajari. Dan kabar baiknya adalah bahwa bukan pelatihan yang hanya berfokus pada penyampaian pengetahuan. Anda dianjurkan untuk mengotori jari dan kuku Anda dalam pelatihan ini. Latihan membuatnya sempurna.

Dan hei, Anda tidak perlu membayangkannya, yang merupakan berita bagus. Program dibuat. Ini semua sudah diatur. Meskipun itu bukan topik yang dimaksudkan untuk postingan tersebut, kami akan mengungkapkannya karena kami mengalaminya saat mengumpulkan informasi untuk artikel tersebut. Frank Klein, seorang pengembang yang terkenal dan dihormati oleh para profesional WordPress, membuat kursus.

Jadi guys, semoga berhasil dalam membangun tema blok dan melakukan FSE!