HelpDesk Malakatech
Login
Helpdesk Malakatech

Membuat Halaman Portofolio dengan Elementor

ELEMENTOR 1 menit baca Menengah 10 views 20 May 2026

Pilihan Membuat Portofolio di Elementor

Ada beberapa cara membuat halaman portofolio dengan Elementor, dari yang paling sederhana hingga yang lebih advanced.

Cara 1: Image Gallery Widget (Paling Mudah)

  1. Drag widget Image Gallery ke canvas
  2. Upload gambar-gambar portofolio
  3. Pilih layout: Grid, Justified, atau Masonry
  4. Aktifkan Lightbox agar gambar bisa dilihat full-screen
  5. Tambahkan filter kategori jika diperlukan

Cara 2: Image Carousel

  1. Drag widget Image Carousel
  2. Upload gambar portofolio
  3. Atur jumlah slide yang tampil, autoplay, dan navigasi
  4. Cocok untuk portofolio yang ingin ditampilkan dalam slider

Cara 3: Manual Grid dengan Card

Untuk portofolio dengan deskripsi detail per project:

  1. Buat section dengan 3 kolom
  2. Di tiap kolom: Image + Heading (nama project) + Text (deskripsi) + Button (link)
  3. Atur background kolom dengan warna hover untuk efek interaktif
  4. Duplikat baris untuk menambah project baru

Cara 4: Custom Post Type (Advanced)

Untuk portofolio yang bisa dikelola dari admin WordPress:

  1. Install plugin CPT UI untuk membuat post type “Portfolio”
  2. Install Advanced Custom Fields untuk field khusus (URL project, teknologi, tahun)
  3. Gunakan Elementor Pro Posts widget untuk menampilkan portfolio secara dinamis

Tips Portofolio yang Menarik Klien

  • Tampilkan before-after jika relevan
  • Sertakan testimonial klien di setiap project card
  • Tambahkan filter/kategori untuk memudahkan navigasi
  • Optimalkan ukuran gambar agar tidak memperlambat halaman
Fazal Hamdan
Ditulis oleh
Fazal Hamdan

Penulis dan praktisi di bidang teknologi serta digital marketing yang aktif membagikan wawasan tentang transformasi digital, pengembangan website, dan strategi pemasaran berbasis data