Panduan DHH Columns Pro (Manual Responsive)

Plugin DHH Columns Pro digunakan untuk membuat layout kolom responsif tanpa page builder.
Anda dapat mengatur jumlah kolom secara manual untuk Desktop, Tablet, dan Mobile.

📌 Struktur Dasar

  
Kolom 1
  
Kolom 2

Hasil:

📱 Kontrol Responsif

Gunakan atribut berikut:

• columns = Desktop
• tablet = Tablet
• mobile = HP

  
A
  
B
  
C

Penjelasan:

• Desktop: 3 kolom
• Tablet: 2 kolom
• HP: 1 kolom

🎨 Kolom dengan Styling

  

    Konten kiri
  
  

    Konten kanan
  

Hasil:

🖼️ Gambar

Hasil:

🔘 Tombol

Klik Saya

Hasil:

🎯 Contoh Nyata

  

    
  
  

    <h3&gt>Judul</h3>
    <p>Deskripsi singkat</p>
    Baca Selengkapnya
  

Hasil:

Judul

Deskripsi singkat

Baca Selengkapnya

⚠️ Tips Penting

• Gunakan Classic Editor → mode TEXT
• Hindari terlalu banyak baris kosong
• Struktur wajib: row → col → konten
• Jika layout rusak, gunakan format satu baris

📋 Daftar Shortcode

• → container grid
• → kolom
• → gambar
• Klik → tombol