Cara Membuat Website dengan Block Theme Tanpa Coding

Membuat website kini tidak harus rumit. Dengan hadirnya Block Theme dan fitur Full Site Editing (FSE) di WordPress, siapa pun bisa membangun website yang modern dan fungsional tanpa menulis satu baris kode pun. Artikel ini akan memandu kamu langkah demi langkah membangun website dari awal menggunakan Block Theme, hanya dengan klik dan drag.

Langkah 1: Siapkan Hosting dan Install WordPress

Sebelum membangun situs, pastikan kamu sudah memiliki:

• Domain dan hosting (misalnya dari Niagahoster, SiteGround, Hostinger, dll)

• WordPress terinstal (minimal versi 5.9 atau lebih baru)

Langkah 2: Pilih dan Aktifkan Block Theme

1. Buka dashboard WordPress: Appearance > Themes

2. Klik Add New, lalu filter dengan Block Themes

3. Pilih salah satu seperti:

   • Twenty Twenty-Four

   • Ollie

   • Frost

4. Klik Install, lalu Activate

Block Theme secara otomatis mengaktifkan fitur Full Site Editing.

Langkah 3: Mulai Desain dengan Full Site Editing

1. Masuk ke Appearance > Editor (Beta)

2. Di sinilah kamu bisa mendesain:

   • Header dan Footer

   • Template Halaman (misalnya: halaman 404, blog, arsip)

   • Style Global: font, warna, spasi

Semua elemen bisa diklik, drag, dan dikustomisasi layaknya main Lego.

Langkah 4: Buat Halaman Penting

Buat halaman utama situsmu melalui Pages > Add New. Contoh halaman dasar yang sebaiknya dibuat:

• Home

• About

• Services / Produk

• Blog

• Contact

Gunakan editor blok untuk menyusun konten setiap halaman. Kamu bisa:

• Tambahkan gambar dengan Image Block

• Sisipkan teks dengan Paragraph Block

• Buat layout kolom dengan Columns Block

Langkah 5: Atur Homepage dan Menu Navigasi

1. Buka Settings > Reading

   • Pilih A static page sebagai homepage

   • Pilih halaman yang telah kamu buat sebelumnya

2. Lalu, buka Appearance > Editor > Navigation

   • Tambahkan menu dan tautan ke halaman utama kamu

   • Susun ulang dengan drag-and-drop

Langkah 6: Tambahkan Blok-Bok Penting

Gunakan blok-blok canggih seperti:

• Cover Block: untuk membuat banner hero

• Buttons Block: untuk tombol Call to Action

• Spacer & Separator: untuk mengatur jarak antar elemen

Semua ini bisa dikustomisasi langsung dari editor, tidak perlu CSS!

Langkah 7: Preview dan Publikasikan

Setelah semua halaman, navigasi, dan desain selesai:

• Klik Preview untuk melihat hasilnya di desktop & mobile

• Klik Save untuk menyimpan semua perubahan

• Buka situs kamu di browser dan nikmati hasilnya 🎉

Tips Tambahan

• Gunakan plugin “Create Block Theme” jika ingin menyesuaikan tema lebih jauh

• Tambahkan plugin seperti Forminator atau WPForms untuk membuat formulir

• Optimasi SEO dengan plugin Yoast SEO atau RankMath

Kesimpulan

Membangun website kini semudah menyusun puzzle. Block Theme dan Full Site Editing di WordPress memungkinkan siapa saja membuat situs profesional tanpa coding. Kamu hanya perlu ide, kreativitas, dan waktu luang untuk mulai mewujudkannya.

Jangan takut mencoba! WordPress telah membuat desain web jauh lebih mudah bagi semua orang.