Mengelola Tampilan Halaman Utama : Mengelola Section

Halaman depan website terdiri dari tiga bagian, yaitu slideshow, footer dan section. Section adalah seluruh bagian di halaman depan website selain slideshow dan footer. Satu section dapat terdiri dari satu atau beberapa komponen. Satu section maksimal berisi empat komponen.

section.png

Contoh Section pada Halaman Depan Website

  • Section 1 berisi satu komponen, yaitu testimonial
  • Section 2 berisi dua komponen, yaitu promo terbaru dan peta letak kantor
  • Section 3 berisi empat komponen, yaitu informasi kantor, informasi, sosial media, dan newsletter

 

1. Menambah Section pada Halaman Depan Web

Pilih Menu Pengaturan Web pada Sistem Administrasi > Klik Tampilan Halaman Utama > Klik Ikon "Tambah Section" ikon plus.png

tambahsection.png

Pengaturan Penambahan Section

 

Maka akan tampil form pengisian data section sebagai berikut :

tambahsection2.png

Form Pengisian Data Section

  • Judul Section, isikan nama yang dijadikan sebagai judul section (Misal judul : Testimonial, 
  • Warna Teks Judul, pilih warna untuk judul section
  • Jumlah Komponen, pilih jumlah komponen yang akan mengisi section 
  • Posisi Komponen, pilih "Di Dalam Container" bila komponen section dibatasi oleh kotak / box, pilih "Tanpa Container" bila komponen section tidak dibatasi oleh kotak / box
  • Urutan Section, masukkan angka sebagai penempatan section pada halaman depan web
  • CSS Selector ID, masukkan CSS Selector ID bila diperlukan
  • CSS Selector Class, masukkan CSS Selector Class bila diperlukan

Klik "Simpan Section" apabila data section telah benar

 

2. Mengubah / Mengedit Section Yang Telah Ditambahkan

Untuk mengubah section yang telah ditambahkan ke halaman depan web, pilih Menu Pengaturan Web > klik Tampilan Halaman Utama > Pilih Section yang akan Anda ubah 

section2.png

Pengubahan Pengaturan Section

  • Ubah CSS, untuk mengubah CSS pada section, klik ikon CSS.png
  • Ubah Background Sectionuntuk menambahkan background section, klik ikon ikon galeri.PNG 
  • Ubah Section, untuk mengubah data section seperti judul, warna teks judul, jumlah komponen dalam section, dan lain-lain, klik ikon setting.png
  • Hapus Section, untuk menghapus section yang sebelumnya pernah ditambahkan, klik tombol hapus data.png

 

Untuk melihat panduan mengeola section pada halaman utama website dalam bentuk video tutorial, dapat Anda akses pada laman berikut ini : Mengelola Section

Ditulis pada : 01 Juli 2022, 08:23:58, diperbarui pada : 01 Juli 2022, 08:23:58
Twit Terbaru
Facebook Erahajj
messenger icon
messenger icon Chat Dengan Kami