Dewasa ini semakin banyak template website canggih yang memiliki fitur handal.  Salah satunya adalah Divi, sebuah template WordPress berbayar yang juga memiliki fitur page builder untuk memudahkan proses kustom tampilan secara langsung melalui halaman depan.

Nah, pada kesempatan kali ini kami akan memberikan tutorial langkah-langkah mengedit tampilan halaman di website yang menggunakan Divi builder, khususnya pada halaman postingan.

Cara Edit Halaman Post pada Template Divi

Langkah ke-1: Login ke Dashboard Website

Untuk bisa melakukan editing halaman website, maka sebelumnya Anda harus masuk terlebih dahulu ke halaman dashboard website. Caranya dengan mengakses URL https://namadomain/wp-admin kemudian memasukkan username dan password.

Screenshot_57

Setelah itu, pilih menu Pos (Post) atau menu Laman (Pages) untuk menemukan postingan yang ingin di edit teksnya.

Sesuai judul, pada tutorial kali ini kita akan belajar mengedit halaman postingan yang dibuat menggunakan Divi Builder.

Dashboard > Pos > Semua Pos

Cari judul postingan yang ingin di edit, kemudian klik pada tombol Sunting (Edit).

Sebagai informasi, tulisan “Divi” di samping judul sendiri menandakan jika halaman tersebut dibuat menggunakan Divi Builder, sementara untuk halaman biasa tidak ada tulisan Divi di samping judul. Hal ini untuk memudahkan Anda ketika melakukan pengeditan.

Langkah ke-2: Mengedit Konten Halaman dengan Divi Builder

Setelah login ke halaman dashboard website dan menemukan halaman posting yang ingin di edit, Anda bisa langsung melakukan kustomisasi sesuai keinginan dengan cara sebagai berikut ini:

1. Edit Konten Melalui Visual Builder

Berikut merupakan tampilan text editor / halaman postingan yang dibangun menggunakan Divi Builder:

Klik pada menu “Bangun di Bagian Depan” untuk melakukan editing konten website melalui halaman depan.

Cara Mengganti Konten Gambar

Sebagaimana yang bisa Anda lihat pada screenshot di atas, terdapat beberapa modul bar jika Anda mengarahkan kursor ke bagian dalam konten.

Keterangan:

  • Modul berwarna hitam merupakan kontrol untuk bagian konten yang berisi foto.
  • Modul berwarna hijau merupakan kontrol untuk bagian layout.

Pilih tanda gear (setting) di modul berwarna hitam jika Anda ingin mengganti foto kapal dengan foto lain.

Selain itu, Anda juga bisa menggeser, mengcopy, menyimpan, atau menghapus foto tersebut melalui modul di sampingnya.

Setelah di klik, maka akan muncul menu popup pengaturan gambar seperti di bawah ini.

Nah, pada halaman popup ini Anda tinggal klik di bagian foto kapal untuk mengupload gambar baru.

Pastikan file gambar yang Anda gunakan memiliki resolusi besar agar tidak pecah ketika ditampilkan.

Adapun jika Anda belum paham seputar cara upload dan mengelola file gambar, Anda bisa membaca panduan selengkapnya pada tautan berikut ini.

Proses upload, penggantian gambar lama dengan gambar baru.

Proses upload gambar
Proses upload gambar

Setelah proses upload gambar selesai, jangan lupa klik Save.

Selesai.

 

Cara Mengganti Teks

Proses edit tulisan/teks pada dasarnya hampir sama seperti cara mengedit gambar. Untuk konten tulisan, Anda bahkan bisa langsung mengedit dengan cara mengklik pada bagian teks tanpa perlu masuk ke halaman modul.

Langsung klik pada bagian kolom yang ditandai warna merah untuk mengganti konten spesifikasi. Hal ini juga bisa diterapkan pada bagian judul dan elemen lainnya yang menggunakan teks.

Selesai, jangan lupa untuk menyimpan hasil pekerjaan dengan cara memilih menu “Keluar dari Pembangun Visual” yang terletak di bagian menu paling atas.

Pilih saja “Simpan & Keluar” jika muncul menu popup seperti dibawah ini.

Penutup

Demikianlah cara mengedit konten pada halaman postingan yang dibangun menggunakan Divi Builder. Bagaimana menurut Anda, sangat mudah bukan?

Untuk bagian-bagian selain gambar dan teks, sebenarnya cara editnya  hampir sama. Jadi, Anda tinggal melakukan adaptasi sesuai kebutuhan.

Semoga bermanfaat.

Leave a Reply

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