Pendahuluan

Saat ini membuat website tidak lagi harus menguasai coding karena dengan bantuan tema dan page builder seperti Astra Theme dan Elementor, siapa pun bahkan pemula dapat membuat website profesional dengan mudah. Astra adalah tema WordPress yang ringan dan cepat, sedangkan Elementor adalah plugin visual builder yang memungkinkan desain halaman dengan metode drag and drop. Menggunakan Astra dan Elementor memberikan berbagai manfaat, antara lain tidak perlu coding, proses pembuatan website lebih cepat, banyak template siap pakai, tampilan profesional dan modern, serta mudah dikustomisasi sesuai kebutuhan. Artikel ini akan memandu Anda langkah demi langkah membuat website dari nol hingga siap online.

Persiapan Sebelum Membuat Website

Sebelum mulai, pastikan Anda sudah menyiapkan beberapa hal berikut agar proses berjalan lancar:

• Website berbasis WordPress yang sudah terpasang dan aktif
• Akses ke dashboard admin WordPress (username dan password)
• Koneksi internet yang stabil untuk menghindari gangguan saat instalasi dan konfigurasi

Mengenal Tema Astra

Astra Theme adalah salah satu tema WordPress paling populer karena:

• Ringan dan cepat
• SEO friendly
• Kompatibel dengan Elementor
• Banyak pilihan template starter

Astra cocok untuk berbagai jenis website:

• Company profile
• Blog
• Toko online
• Portfolio

Mengenal Elementor Page Builder

Elementor adalah plugin yang memudahkan Anda mendesain halaman website secara visual.
Fitur utama Elementor:

• Drag & drop editor
• Banyak widget (teks, gambar, tombol, dll)
• Live preview (langsung terlihat hasilnya)
• Template siap pakai

Dengan Elementor, Anda tidak perlu menyentuh kode sama sekali.

Install dan Aktivasi Tema Astra

1. Login ke dashboard WordPress
   
   
   
   
2. Masuk ke menu Appearance > Themes
   
   
   
   
3. Klik Add Theme
   
   
   
   
4. Cari tema Astra
   
   
   
   
5. Klik Install
   
   
   
   
6. Lalu klik Activate
   
   
   
   
7. Setelah tema aktif, website Anda akan langsung menggunakan tampilan Astra.
   
   

Install dan Aktivasi Plugin Elementor

Untuk panduan instalasi Elementor, bisa melihat artikel lengkapnya di sini.

Import Starter Template Astra

1. Install plugin Starter Templates
   
   
   
   
2. Masuk ke menu Appearance > Starter Templates
   
   
   
   
3. Pilih Build With Templates
   
   
   
   
4. Pilih builder: Elementor
   
   
   
   
5. Pilih template yang diinginkan
   
   
   
   
6. Ikuti panduan instalasi tema yang ditampilkan pada layar
   
   
7. Klik Finish Setup
   
   
   
   

Mengatur Tampilan Website dengan Elementor

1. Buka halaman (Pages > All Pages)
   
   
   
   
2. Pilih halaman yang ingin diedit
   
   
   
   
3. Klik Edit with Elementor
   
   
   
   

Customisasi Header dan Footer

Header dan footer bisa diatur dengan beberapa cara:

1. Masuk ke Appearance > Customize
   
   
   
   
2. Atur footer atau header yang ingin dikustomisasi
   
   
   
   

Membuat Halaman Website

1. Masuk ke Pages > Add New
   
   
   
   
2. Isi judul halaman
   
   
   
   
3. Klik Edit with Elementor
   
   
   
   
4. Desain halaman sesuai kebutuhan
   
   
   
   
5. Klik Publish
   
   
   
   

Optimasi Website

Beberapa cara agar website WordPress menjadi cepat:

• Gunakan plugin cache (misalnya LiteSpeed Cache)
  
  
  
  
• Kompres gambar sebelum diunggah
• Hapus plugin yang tidak digunakan
  
  

Mobile Responsiveness

Untuk mengatur tampilan mobile, bisa disesuaikan saat mengedit di dalam Elementor:

1. Masuk ke halaman yang ingin diedit, kemudian klik Edit with Elementor
   
   
   
   
2. Klik ikon Responsive Mode, lalu pilih ikon berikut untuk tampilan mobile
   
   
   
   

Keamanan dan Maintenance

Beberapa langkah penting:

• Update WordPress, tema, dan plugin secara rutin
• Gunakan plugin keamanan
• Backup website secara berkala
• Gunakan password yang kuat
• Keamanan sangat penting untuk menghindari hack atau kehilangan data.

Masalah Umum dan Solusinya

Beberapa masalah yang sering terjadi pada website WordPress dan solusinya:

1. Website lambat
   Solusi: Gunakan plugin cache (misalnya LiteSpeed Cache) dan optimasi gambar sebelum diunggah.
2. Elementor tidak bisa loading
   Solusi: Cek konflik plugin dan pastikan plugin serta WordPress selalu diperbarui ke versi terbaru.
3. Tampilan berantakan di mobile
   Solusi: Gunakan fitur Responsive Mode di Elementor untuk menyesuaikan tampilan pada perangkat mobile.
4. Template gagal diimport
   Solusi: Pastikan koneksi internet stabil dan gunakan hosting yang mendukung import template.

Penutup

Membuat website dengan Astra dan Elementor adalah solusi terbaik untuk pemula yang ingin hasil profesional tanpa coding, karena kombinasi tema ringan dan builder visual membuat proses pembuatan website jauh lebih cepat dan mudah; mulai dari instalasi hingga publishing, semua bisa dilakukan hanya dalam beberapa langkah sederhana, dan setelah website jadi, Anda bisa terus mengembangkan fitur, konten, dan performanya, jadi jika Anda baru mulai, cobalah membuat satu halaman dulu lalu kembangkan secara bertahap, sehingga dengan latihan, Anda akan semakin mahir dalam membangun website sendiri.

Artikel Lain

• Cara Reset Password Administrator WordPress Melalui cPanel
• Cara Install WordPress di Plesk Panel
• Bagaimana Cara Membuat Multiple WordPress Sites dengan WordOps
• Cara Mudah Install WordPress di VPS Ubuntu 24.04 dengan WordOps
• Panduan Optimalisasi WordPress di Cyberpanel dengan OpenLiteSpeed
• Instal WordPress dengan LEMP (Linux, Nginx, MySQL, dan PHP-FPM) di Almalinux 9
• Elementor : Pro vs Free mana yang cocok untuk Website-mu?
• Cara Instalasi dan Konfigurasi Plugin Elementor di Wordpress
• Konfigurasi Nginx FastCGI Cache untuk Mempercepat WordPress di VPS
• Cara Install WordPress dengan Docker Compose di Ubuntu Server