Beralih ke tema blok di WordPress menawarkan pendekatan desain situs yang modern dan mudah digunakan. Dalam panduan ini, Anda akan belajar mengapa tema blok bermanfaat dan langkah apa yang dapat dilakukan untuk memastikan peralihan yang lancar dari tema klasik.
Dalam panduan ini
Ada pertanyaan?
Tanya Asisten AI kamiTema blok, diluncurkan dalam WordPress 5.9, menawarkan upgrade yang signifikan untuk pengalaman tema klasik. Tema blok tidak memerlukan pengodean khusus, perekrutan pengembang, atau pencarian tema baru untuk memenuhi preferensi desain Anda. Tema blok menyederhanakan proses, membuat perubahan desain dapat diakses oleh semua di Editor WordPress.
Sebelum mengubah dari tema klasik ke tema blok, pahami perubahan apa yang akan terjadi. Gaya dan tata letak situs Anda akan berubah, tetapi konten halaman dan pos tidak akan berubah.
Kami memiliki beberapa alat yang tersedia untuk menguji tema baru sebelum mengubah situs aktif Anda:
- Coba dan sesuaikan: pratinjau tema dan lakukan penyesuaian sebelum mengaktifkan tema di situs Anda.
- Buat Situs Staging: paket hosting yang memenuhi syarat mencakup kemampuan untuk membuat replika situs aktif Anda yang akurat.
Alur kerja pengeditan Anda akan berubah, jadi perlu beberapa saat untuk mempelajari cara mengedit tema dan konten sebelum beralih ke tema blok di situs aktif Anda.
Saat membuat perubahan pada tema klasik, Anda akan menggunakan Customizer. Customizer memiliki koleksi penyesuaian yang telah diatur sebelumnya berdasarkan tema yang Anda pilih. Dengan tema blok, desain diubah di Editor Situs yang jauh lebih fleksibel. Editor Situs memberikan kontrol penuh atas cara tema menampilkan konten Anda dan tidak bergantung pada tema tertentu.
Selain itu, pada tema klasik, Anda mengedit konten menggunakan Editor Klasik. Editor Klasik adalah sebuah kolom teks sederhana tempat Anda memasukkan konten halaman/pos. Tema blok menggunakan Editor WordPress, yang berarti Anda dapat menambahkan segala macam elemen konten dan tata letak ke sebuah halaman atau pos.
Sebelum beralih ke tema baru, Anda mungkin ingin mengatur visibilitas situs menjadi privat atau segera hadir sehingga Anda memiliki waktu untuk meninjau desain baru dan melakukan perubahan yang diperlukan sebelum pengunjung melihatnya. Pelajari cara mengubah pengaturan privasi situs Anda.
Terakhir, perhatikan nama tema Anda saat ini dan apakah tema telah dihentikan. Jika tema saat ini tidak dihentikan, Anda dapat beralih kembali ke tema klasik jika memerlukan lebih banyak waktu untuk beralih ke tema blok. Tema yang dihentikan dapat tetap aktif di situs Anda, tetapi tidak mungkin beralih kembali ke tema yang sudah dihentikan jika Anda beralih ke tema yang berbeda.
Jika paket hosting situs mencakup pencadangan situs, Anda akan dapat memulihkan cadangan situs ke titik sebelum mengubah tema.
Setelah menguji situs dengan tema blok, kini saatnya mengubah tema di situs aktif Anda:
- Buka dasbor situs.
- Buka Tampilan → Tema.
- Cari tema yang Anda inginkan.
- Klik thumbnail tema lalu klik tombol “Aktifkan“.
Jika ingin, Anda dapat mempratinjau tema dan melakukan penyesuaian sebelum mengaktifkannya. Setelah puas dengan penyesuaian tema, Anda dapat mengaktifkan tema.
Jika menguji tema menggunakan Situs Staging, Anda dapat memindahkan perubahan tersebut ke situs aktif dengan menyinkronkan staging ke produksi.
Setelah beralih ke tema blok, langkah-langkah berikut akan membantu memastikan transisi yang lancar dan memanfaatkan fitur tema baru Anda sepenuhnya.
Ketika beralih ke tema blok, cara mengedit halaman beranda Anda akan berubah. Berikut beberapa perubahan penting yang perlu dipahami:
- Anda akan menggunakan Editor Situs untuk mendesain konten halaman beranda Anda.
- Jika tema klasik menggunakan halaman beranda statis, halaman akan dipindahkan ke bagian “konsep” pada Halaman di dasbor situs Anda. Anda bisa menyalin konten yang dibutuhkan dari konsep ke template beranda baru di Editor Situs.
- Jika tema klasik menampilkan pos terbaru di halaman beranda, Anda dapat menambahkan blok Pengulangan Kueri ke template beranda atau membuat halaman terpisah untuk pos blog.
Ketika menu yang ada seharusnya berpindah secara otomatis ke tema baru, Anda mungkin ingin menyesuaikan desain dan tata letak menu Anda. Sekarang adalah saat yang tepat untuk memahami cara Anda menyesuaikan menu situs ketika menggunakan tema blok.
Anda tidak perlu lagi menggunakan “Customizer” atau bagian “Menu” terpisah pada Tampilan untuk mengedit menu situs Anda. Anda akan menyunting navigasi melalui Editor Situs.
Tema blok menggunakan template yang dapat disesuaikan sepenuhnya untuk berbagai jenis halaman (halaman beranda, halaman, pos, dll.). Anda memiliki kendali penuh atas posisi kemunculan elemen pada template, serta padding dan margin di sekitar setiap elemen.
- Baca selengkapnya tentang mengedit template.
- Pelajari cara menyesuaikan gaya tema Anda, termasuk font dan warna.
- Pelajari cara menyesuaikan spasi antar blok.
- Jelajahi semua panduan untuk mengedit tema dan template di Editor Situs.
Uji situs Anda di beberapa perangkat dan browser untuk memastikan semuanya berfungsi dengan baik, termasuk:
- Widget: Jika menggunakan widget di situs Anda, pastikan widget tersebut telah dikonversi ke blok untuk menampilkan konten yang diinginkan.
- Plugin: Jika situs Anda menggunakan plugin, periksa untuk memastikan plugin masih berfungsi. Hapus plugin yang sudah tidak diperlukan.
Jika ingin menjadikan situs Anda privat untuk sementara, ingatlah untuk mengubahnya kembali ke publik. Ini juga waktu yang tepat untuk memperbarui pelanggandan pengikut media sosial Anda tentang desain ulang situs.
Karena tema blok tidak lagi menggunakan Customizer, berikut adalah daftar bermanfaat dengan fungsionalitas pengeditan tema dasar yang ada di tema blok:
| Customizer | Editor Situs |
|---|---|
| Identitas Situs (Judul dan Slogan) | Pengaturan → Umum (Judul dan Slogan) |
| Warna & Latar Belakang | Tampilan → Editor → Gaya |
| Font | Tampilan → Editor → Gaya |
| Gambar Header | Tampilan → Editor → Template |
| Menu | Tampilan → Editor → Menu |
| Widget | Tampilan → Editor (Widget telah diganti dengan blok) |
| Pengaturan Beranda | Pengaturan → Membaca |
| CSS Tambahan | Tampilan → Editor → Gaya |