Bikin Website Portfolio Keren Sendiri dengan Elementor (Anti Ribet!)
Hai, Guys! Di era digital ini, portofolio online itu wajib banget lho, apalagi buat kamu yang bergerak di bidang kreatif. Tapi, siapa bilang bikin website harus pakai coding yang bikin pusing?
Kabar baiknya, kita bisa bikin website portfolio super profesional dan elegan cuma modal Elementor! Yuk, kita langsung ke TKP!
Persiapan Dasar (Cuma 5 Menit!)
Sebelum kita mulai, pastikan dapur (WordPress) sudah siap dengan bahan-bahan ini:
WordPress Sudah Online (Domain dan Hosting sudah aktif).
Elementor Plugin (Versi gratis sudah cukup!) sudah terinstal dan aktif.
Theme Ringan (Saya saranin pakai Astra, OceanWP, atau Hello Elementor) juga sudah terpasang.
Siap? Let’s go!
Langkah 1: Bikin Halaman Kosong untuk Portofolio
Anggap saja ini adalah kanvas kosong kita.
Pergi ke Dashboard WordPress > Pages (Halaman) > Add New (Tambah Baru).
Beri nama halaman ini, misalnya: “Karya Saya” atau “Portfolio [Nama Anda]”.
Langsung klik tombol biru “Edit with Elementor” di bagian atas!
✨ Tips Penting: Setelah masuk Editor Elementor, jangan lupa klik ikon gear (Pengaturan) di kiri bawah, lalu ubah Page Layout menjadi “Elementor Full Width” biar halaman kita lebih luas dan rapi.
Langkah 2: Buat Hero Section (Bagian Pintu Masuk)
Hero Section adalah bagian pertama yang dilihat pengunjung. Harus menggoda!
Tambahkan Bagian: Klik ikon (+) besar di tengah halaman, pilih struktur 1 kolom.
Masukkan Judul Utama: Drag & drop widget Heading. Tulis nama besar Anda dan pekerjaan Anda (misalnya: “Desainer Grafis Profesional”).
Tambahkan Deskripsi: Di bawah Judul, drag & drop Text Editor. Tulis tagline singkat yang menjual, misalnya: “Membantu bisnis Anda tampil memukau dengan desain yang out-of-the-box.”
Percantik Latar Belakang: Klik Section (kotak biru terluar) > Tab Style > Background. Kamu bisa pakai warna solid yang keren atau background image yang mewakili style Anda.
Langkah 3: Menampilkan Karya (Inti Portofolio)
Ini dia momen utamanya! Kita akan pakai widget galeri Elementor.
Tambah Section Baru: Buat section baru, pilih struktur 1 kolom lagi.
Masukkan Widget Galeri:
Cari widget bernama Image Gallery (Galeri Gambar) atau Basic Gallery.
Drag widget tersebut ke dalam section baru.
Upload & Atur Gambar:
Klik (+) untuk memilih gambar. Pilih semua thumbnail karya terbaik Anda.
Di bagian Settings, atur Column (Kolom) menjadi 3 atau 4 agar tampilannya padat dan menarik.
Penting! Ubah Link To menjadi Media File (agar saat diklik gambarnya membesar) atau Custom URL (jika kamu mau menautkannya ke case study detail di blog lain).
💡 Kenapa Thumbnail? Gunakan gambar kecil yang menarik sebagai teaser dari setiap proyek. Jangan masukkan gambar resolusi penuh di sini agar loading halaman cepat!
Langkah 4: Bagian “Ayo Kenalan” (About Me & Contact)
Portfolio tidak lengkap tanpa informasi kontak!
Section About Me: Buat section baru (misalnya 2 kolom).
Kolom 1: Masukkan widget Image untuk foto profesional Anda.
Kolom 2: Masukkan Heading (“Tentang Saya”) dan Text Editor berisi ringkasan skill dan pengalaman Anda.
Section Contact (Sederhana):
Buat section di bawahnya. Masukkan widget Icon List (Daftar Ikon).
Ubah ikon dan isi teksnya menjadi Email, Link social media (LinkedIn, Instagram), atau Link ke CV Anda.
Tambahkan widget Button dengan teks “Hire Me Now!” yang menautkan ke alamat email Anda (
mailto:emailanda@domain.com).
Langkah 5: Final Check & Publikasi!
Mode Responsif: Klik ikon desktop di bawah editor Elementor. Cek bagaimana tampilan website Anda di Tablet dan Mobile. Geser-geser ukuran teks atau padding jika ada yang berantakan.
PUBLISH! Jika sudah sempurna, klik tombol hijau PUBLISH atau UPDATE di kiri bawah.
Selamat! Website portfolio keren buatan Anda sendiri kini sudah live dan siap menunjang karir Anda. Good luck! ✨
Tertarik bikin halaman detail untuk setiap proyek Anda? Tulis di kolom komentar ya!



