Materi: Bagaimana kita menggunakan elementor yang responsif dan membuat project #2

Untuk Materi sebelumnya, terlebih dahulu dibaca! :

Jika kamu sudah melakukan pembacaan dan praktek pada materi sebelum #2, anda akan melakukan yang namanya melanjutkan bagaimana elementor itu bekerja selayaknya / mempunyai tampilan yang nyaman digunakan.

Untuk itu, pastikan kamu masih mengingat materi dan praktek sebelum-sebelumnya sehingga tidak mengalami ketinggalan project yang baru ini karena kita akan meng-desain ulang penuh website bazma menggunakan elementor.

Langkah 1

Pastikan kita sudah men-download yang dibutuhkan dari materi yang sebelumnya. Karena kita akan membuat dahulu menu, dan tampilan header nya supaya bisa digunakan untuk kesemua tampilan website kita yang menggunakan elementor.

Menu

image.png

Pastikan kita sudah membuat pages / halaman untuk menambahkan menu dan berikan nama menu nya adalah Menu Header, kenapa harus Menu Header ? Karena kita akan membuatnya untuk Header Website.

Lihat pada gambar ini, setelah gambar panah 1 dan 2 sudah selesai maka kita akan melanjutkannya ke panah 3

image.png

Dan lihat gambar dibawah ini, kamu perlu Add New untuk membuat Header maupun Footer.

image.png

image.png Dan jika kamu menemukan popup menu seperti gambar di atas ini, kamu pilih skip karena kita tidak perlu untuk konfigurasinya sehingga kita akan diarahkan kehalaman selanjutnya seperti gambar dibawah ini.

image.png

Pada gambar diatas, kita akan memilih Type Of Template nya yaitu header. Karena kita akan menggunakan header terlebih dahulu untuk membuatnya. Dan lalu dilanjutkan dengan Display On kita akan pilih Entire Website / Semua halaman yang kita akan gunakan.

Jika sudah dirasa sama mengikuti semuanya, maka kita akan Edit With Elementor