Daftar Isi

1. Pengantar WordPress & Elementor
2. Persiapan Awal
3. Instalasi WordPress & Elementor
4. Mengenal Dashboard WordPress
5. Membuat Halaman dengan Elementor
6. Customisasi Desain & Layout
7. Plugin Penting untuk Situs Web
8. Optimasi SEO Dasar
9. Publikasi & Maintenance Situs
10. Sumber Belajar & Source Code

1. Pengantar WordPress & Elementor

WordPress adalah platform CMS (Content Management System) paling populer di dunia yang memungkinkan Anda membuat situs web dengan mudah tanpa perlu coding rumit. Elementor adalah plugin page builder yang powerful untuk WordPress, memungkinkan Anda membuat desain halaman web secara visual dengan drag & drop.

Dengan menguasai WordPress dan Elementor, Anda dapat membangun situs web profesional, menarik, dan responsif tanpa harus menjadi developer.

2. Persiapan Awal

Sebelum mulai membangun situs, pastikan Anda sudah menyiapkan:

• Domain (contoh: namasitusanda.com)
• Hosting yang mendukung WordPress (misal: cPanel, VPS, atau layanan managed WordPress)
• Akses ke panel hosting dan FTP
• Text editor seperti VSCode atau Notepad++ (opsional untuk editing file)

Jika Anda belum memiliki domain dan hosting, Anda bisa membeli dari penyedia populer seperti Niagahoster, Hostinger, atau Domainesia.

3. Instalasi WordPress & Elementor

Ikuti langkah berikut untuk menginstal WordPress dan plugin Elementor:

1. Login ke cPanel hosting Anda.
2. Cari menu "Softaculous Apps Installer" atau "WordPress Installer".
3. Ikuti wizard instalasi WordPress dengan mengisi nama situs, username admin, dan password.
4. Setelah instalasi selesai, login ke dashboard WordPress Anda di namadomainanda.com/wp-admin.
5. Di dashboard, buka menu Plugins > Add New .
6. Cari plugin Elementor Page Builder , lalu klik Install Now dan Activate .

Elementor juga memiliki versi Pro dengan fitur lebih lengkap, tapi versi gratis sudah sangat powerful untuk pemula.

4. Mengenal Dashboard WordPress

Dashboard WordPress adalah pusat kontrol situs Anda. Berikut bagian penting yang harus Anda ketahui:

• Posts: Tempat membuat dan mengelola artikel blog.
• Pages: Membuat halaman statis seperti About, Contact.
• Appearance: Mengatur tema, widget, dan menu navigasi.
• Plugins: Menambah atau mengelola plugin.
• Settings: Pengaturan umum situs.

Biasakan eksplorasi dashboard agar Anda semakin familiar dengan fitur-fitur WordPress.

5. Membuat Halaman dengan Elementor

Berikut langkah membuat halaman web menggunakan Elementor:

1. Di dashboard WordPress, buka Pages > Add New .
2. Berikan judul halaman, misal "Beranda".
3. Klik tombol Edit with Elementor .
4. Anda akan masuk ke editor Elementor dengan tampilan drag & drop.
5. Tambahkan elemen seperti Heading, Text Editor, Image, Button dari panel kiri.
6. Atur layout, warna, dan ukuran sesuai keinginan.
7. Setelah selesai, klik Publish .

Elementor memudahkan Anda membuat halaman profesional tanpa coding.

6. Customisasi Desain & Layout

Untuk membuat situs Anda unik dan menarik, lakukan customisasi berikut:

• Theme Customizer: Di Appearance > Customize , ubah warna, font, dan layout dasar.
• Header & Footer: Gunakan plugin atau Elementor Pro untuk membuat header/footer custom.
• Template Elementor: Simpan dan gunakan template halaman untuk efisiensi.
• Responsive Design: Pastikan tampilan bagus di desktop, tablet, dan smartphone dengan fitur responsive Elementor.

Eksplorasi berbagai opsi desain agar situs Anda tampil profesional dan sesuai brand.

7. Plugin Penting untuk Situs Web

Plugin menambah fungsi situs WordPress Anda. Berikut beberapa plugin penting:

• Yoast SEO: Membantu optimasi SEO situs.
• WPForms: Membuat form kontak dengan mudah.
• WooCommerce: Untuk membuat toko online.
• Smush: Optimasi gambar agar loading cepat.
• UpdraftPlus: Backup dan restore situs.

Pilih plugin sesuai kebutuhan agar situs Anda optimal dan aman.

8. Optimasi SEO Dasar

SEO (Search Engine Optimization) penting agar situs Anda mudah ditemukan di Google. Tips dasar:

• Gunakan plugin Yoast SEO untuk mengatur meta title dan description.
• Buat konten berkualitas dan relevan dengan kata kunci yang tepat.
• Optimasi gambar dengan alt text deskriptif.
• Gunakan permalink yang bersih dan mudah dibaca.
• Pastikan situs cepat dan mobile friendly.

SEO adalah proses berkelanjutan, jadi terus pelajari dan perbaiki situs Anda.

9. Publikasi & Maintenance Situs

Setelah situs siap, lakukan langkah berikut:

1. Periksa semua halaman dan link berfungsi dengan baik.
2. Backup situs secara rutin menggunakan plugin backup.
3. Update WordPress, tema, dan plugin secara berkala untuk keamanan.
4. Monitor performa situs dengan Google Analytics dan Search Console.
5. Promosikan situs melalui media sosial dan email marketing.

Maintenance rutin menjaga situs Anda tetap aman, cepat, dan relevan.

10. Sumber Belajar & Source Code

Berikut beberapa sumber belajar dan contoh source code untuk memperdalam kemampuan WordPress & Elementor:

• WordPress Official First Steps Guide
• Elementor Official Documentation
• WordPress Source Code di GitHub
• Elementor Source Code di GitHub
• Channel YouTube WPCrafter - Tutorial WordPress
• Channel YouTube Elementor Official

Contoh source code sederhana untuk menambahkan shortcode di WordPress:

<?php
// Fungsi shortcode untuk menampilkan pesan selamat datang
function welcome_message_shortcode() {
  return '<div style="padding:20px; background:#e0f2fe; border-radius:8px; font-weight:bold;">Selamat datang di situs WordPress Anda!</div>';
}
add_shortcode('welcome_message', 'welcome_message_shortcode');
?>
      

Tambahkan kode ini di file functions.php tema anak (child theme) Anda, lalu gunakan shortcode [welcome_message] di halaman atau postingan untuk menampilkan pesan.