Materi: Bagaimana kita menggunakan elementor yang responsif dan membuat project #1
Kenapa harus ada yang namanya responsive? Terkadang terpikir-kan bagaimana kita harus membuat responsive terhadap device. Tentu untuk membuat pengunjung itu nyaman saat menggunakan website yang kita miliki sedangkan jika tidak menggunakan metode responsive pengunjung akan merasa aneh karena tidak sesuai apa yang sudah diharapkan ketika dibuka di device resolusi dibawah 700px.
Maka disini kita akan memberikan materi yang bisa digunakan untuk membantu kita saat kita akan membuat elementor free tetapi responsive sehingga kita bisa membuatnya menjadi 3 version yang sudah sesuai.
Langkah 1
Pastikan kita sudah men-download apa yang harus dibutuhkan, terutama adalah wordpress itu sendiri yang bisa didownload dihalaman website resminya.
Buat terlebih dahulu database dan wordpress sehingga sudah berada didalam dashboard wordpress kalian masing-masing.
Instalasi Wordpress
// <- comment line / pemberitahuan disetiap line
1. Database Name = nama_database // ini nama database yang kalian buat sendiri disetiap database pada pc / laptop masing-masing.
2. Username = Root // kenapa root? karena default yang kita gunakan adalah root.
3. Password = (kosongkan) // kenapa harus dikosongkan? karena default password yang digunakan saat login adalah username root dan tidak memakai password
Untuk sisa selain itu biarkan dia seperti itu / defaultnya.
4. Submit
Selanjutnya:
Klik Run the installation, dan kita akan ditunjukan ke halaman berikut:
Langkahnya seperti gambar diatas dan anda bisa mengikuti arahan panah dengan angka 1,2,3,4.
Dan anda sudah bisa mengakses halaman login dari gambar-gambar diatas.
Langkah 2
Pada halaman dashboard yang anda miliki saat ini. Kita akan menambahkan plugin-plugin / theme yang akan kita gunakan untuk membuat design pada halaman wordpress .
Plugin
Kenapa harus menggunakan plugin, jika anda tidak menggunakan plugin maka website akan bertampilan hanya default yang telah disediakan oleh wordpress dan kini anda harus menambahkannya untuk bisa merubah apa yang mau dibutuhkan dan dikerjakan.
Pertama anda harus menambahkan plugin-plugin seperti ini:
Gambar diatas kita akan menambahkannya dengan klik Add New
Elementor
Cari dengan kata kunci elementor dan akan menemukan paling atas dari hasil pencarian yang sudah di-ketikan.
Lalu klik Install now dan Active
Elementor Header & Footer Builder
Cari dengan kata kunci Elementor Header & Footer Builder
Lalu klik Install now dan Active
Tema / Theme
Pada tema yang akan digunakan, menggunakan tema SMK TI BAZMA untuk khusus kita mendesign sehingga tema yang digunakan itu sangat ringan untuk digunakan.
Langkah Upload Theme
Pada langkah ini, kita akan menggunakant tema yang dibuat yaitu smk-ti-bazma, langkah ini bisa dilihat dari gambar:
Klik Add New pada gambar diatas.
Klik Upload Theme pada gambar diatas.
Lalu Klik Choose File untuk mencari folder zip pada direktori laptop / pc masing-masing.
Untuk download-nya, berikut zip yang diberikan: DOWNLOAD ZIP SMK TI BAZMA
Jika sudah choose file, lalu lanjutkan dengan klik Install Now sehingga diarahkan kehalaman ini jika tidak terjadi-nya masalah pada instalasi melalui ZIP File.
]
Dan klik Active pada gambar diatas.
Maka akan ditunjukkan dan diarahkan kehalaman ini, sehingga nampak tema kita.
Dan dilanjutkan dengan membuat Menu yang dibutuhkan untuk kita meng-desain ulang tampilan WEB SMK TI BAZMA dengan cara kamu sendiri.
Lanjutan Materi: