Skip to content

Membuat Kolom di WordPress

Tahap 3 cara membuat blok kolom layanan kami

Membuat blok kolom di wordpress untuk isi layanan kami yang mana pada setiap kolom bisa mengarah ke halaman tertentu. Blok layanan kami ini untuk memberikan informasi kepada pengunjung terutama layanan yang paling di unggulkan.

Sebelum melanjutkan silahkan baca artikel utama tentang Tutorial Desain WordPress yang mengulas persiapan dan poin langkah tutorial :

  1. Persiapan.
  2. Membuat gambar slider / bergerak ukuran besar. Menempatkan teks dan tombol WhatsApp serta nomor Tlp pada slider.
  3. Membuat blok Layanan Kami.
  4. Menempatkan produk secara otomatis dari sistem toko online.
  5. Membuat blok kenapa memilih kami dengan cara menempatkan konten dari halaman lain.
  1. Membuat blok testimoni.
  2. Membuat blok untuk menyimpan Video.
  3. Membuat galeri gambar.
  4. Menampilkan kumpulan artikel terbaru.
  5. Membuat map dan form kontak.
  6. Mengisi bagian footer.
  7. Membuat popup pemberitahuan.

Pada kolom blok ini bisa ditambahkan icon, gambar, video, deskripsi maupun animasi dengan berbagai layout yang beragam.

Blok layanan kami
Cara membuat blok kolom di wordpress dan menambahkan konten.

Silahkan edit page dan tambahkan sections baru kemudian tambah satu kolom untuk membuat judul Layanan Kami.

Buat sections baru
Tambah satu kolom

Drag widget Heading dan tempatkan pada kolom yang sudah dibuat.

Seret widget Title Heading

Buat tulisan kemudian atur tata letak dan style tulisan. Di bawah tulisan tempatkan divider dan dalam contoh menggunakan divider berbentuk wavy (gelombang)

Desain tulisan yang sudah dibuat
  • Tab konten sebelah kiri untuk isi tulisan dan mengatur rata kiri, tengah dan kanan tulisan.
  • Tab Style untuk mengatur jenis tulisan, warna, ketebalan huruf.
  • Tab Advance untuk mengatur jarak tulisan, menambahkan background, border pada sections tulisan, kenampakan responsive dll.

Setelah tulisan Layanan Kami dibuat selanjutnya membuat tiga kolom untuk isi konten yang akan diarahkan ke halaman lain.

Tambah tiga kolom

Tambahkan konten. Dalam contoh yaitu Produk Fashion, Jasa Ekspedisi dan Produk Makanan Minuman.

Tambah isi konten

Dalam gambar diatas terdiri dari empat unsur yaitu Icon, Title di bawah icon, divider dibawah title dan deskripsi di bawah divider.

Pada masing-masing unsur style nya bisa diatur melalui tab konten, style dan advance di sidebar sebelah kiri.

Anda tidak perlu mengikuti sama persis seperti contoh, silahkan berimajinasi sendiri dalam membuat konten.

Pada akhirnya untuk membuat sebuah desain website tidak hanya ditentukan oleh teknis namun juga tergantung jiwa seni pembuatanya. Namun dapat dipastikan jika Anda sering berlatih maka akan semakin dapat mendalami desain terbaik mengikuti tren terbaru.

Untuk detail tentang cara membuat blok kolom di WordPress dan diisi seperti konten contoh yaitu Layanan kami silahkan lihat video di bawah ini :

Selanjutnya Tahap 4 Menampilkan Produk WooCommerce

Leave a Reply

Your email address will not be published. Required fields are marked *