Secure Email Services

Dalam mengembangkan website milik client kita, ada bagian yang kita disain dan kita mendisain menggunakan Divi Builder. Kemudian ada halaman-halaman yang akan dientry oleh client kita menggunakan Classic Editor yang mudah digunakan karena lebih sederhana. Pada entry content menggunakan Classic Editor mungkin user menginginkan content yang responsif di mana tampilan mobile akan menyesuaikan sesuai ukuran layarnya.

Melakukan entry content pada Classic Editor yang responsif pada tampilan  mobile adalah seperti penjelasan berikut ini

  1. Menginstall plugin Genesis Column Advanced

    Silahkan menambahkan dan mengaktifkan plugin Genesis Column Advanced seperti gambar di atas.
  2. Menambahkan halaman

    Kita akan menambahkan halaman, kemudian untuk bagian yang kita anggap penting kita berikan header 3 seperti gambar di atas.
  3. Entry content dua kolom responsif

    Silahkan Insert columns dengan 2 Columns seperti gambar di atas.


    Di atas adalah hasil dari kita insert dua kolom.


    Untuk memudahkan kita melakukan entry membuat pola seperti gambar di atas. Kita melakukan rata kanan kiri pada paragraf.


    Kita juga dapat melihat source code HTML yang dihasilkan seperti gambar di atas.


    Kita melanjutkan entry content seperti gambar di atas.


    Gambar di atas adalah ukuran image yang kita gunakan.
  4. Hasil

    Gambar di atas adalah hasil pada tampilan di desktop atau di laptop


    Gambar di atas adalah hasil tampilan pada perangkat mobile.

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

Entry Content Responsive pada Classic Editor
Tagged on:     
× Ada yang dapat saya bantu ?