Cara Membuat Kustom Layout WordPress Dengan Elementor

By | Januari 29, 2020

Cara Membuat Kustom Layout WordPress Dengan Elementor. Ingin membuat tata letak halaman khusus di WordPress? Elementor adalah pembangun halaman WordPress drag & drop yang memungkinkan sobat untuk dengan mudah membuat tata letak WordPress kustom indah tanpa memiliki pengetahuan pengkodean.

Pada artikel ini, kami akan menunjukkan kepada sobat bagaimana Cara Membuat Kustom Layout WordPress dengan Elementor hanya dengan beberapa klik.

Mengapa dan Kapan Anda Membutuhkan Layout WordPress Kustom?

Banyak tema gratis WordPress dan premium hadir dengan beberapa pilihan tata letak untuk berbagai jenis halaman. Namun, terkadang tidak ada tata letak yang kita inginkan.

Jika sobat tahu cara membuat kode dalam PHP, HTML, dan CSS, maka sobat dapat membuat template halaman sobat sendiri atau bahkan membangun tema anak untuk situs sobat. Namun, sebagian besar pengguna WordPress bukan pengembang, jadi pilihan ini tidak berfungsi untuk mereka.

Bukankah lebih bagus jika sobat bisa membuat tata letak halaman menggunakan antarmuka drag and drop?

Inilah yang dilakukan Elementor. Ini adalah drag and drop plugin pembangun halaman WordPress yang memungkinkan sobat untuk dengan mudah membuat Custom Layout WordPress sobat sendiri tanpa keterampilan coding.

Ini memiliki antarmuka pengguna yang intuitif yang memungkinkan sobat membangun tata letak khusus dengan pratinjau langsung. Muncul dengan banyak modul siap pakai untuk semua jenis elemen desain web.

Ada beberapa template yang dirancang secara profesional yang dapat sobat muat dan gunakan secara instan sebagai titik awal. Ia bekerja dengan semua tema WordPress standar yang sesuai dan kompatibel dengan semua plugin WordPress populer.

Karena itu, mari kita lihat cara membuat tata letak khusus tema WordPress dengan Elementor.

Memulai dengan Elementor

Pertama, sobat harus membeli plugin Elementor Pro. Ini adalah versi berbayar dari plugin Elementor gratis dan memberi sobat akses ke fitur tambahan dan dukungan 1 tahun.

Selanjutnya, sobat harus menginstal dan mengaktifkan plugin Elementor. Untuk detail lebih lanjut, lihat panduan langkah demi langkah tentang cara memasang plugin WordPress.

Setelah aktivasi, sobat harus mengunjungi halaman Elementor » Settings untuk mengonfigurasi pengaturan plugin.

Di sini sobat dapat mengaktifkan Elementor untuk berbagai jenis postingan. Secara default, ini diaktifkan untuk posting dan halaman WordPress sobat. Jika sobat memiliki jenis posting khusus di situs sobat, maka itu juga akan muncul di sini, dan sobat dapat mengaktifkannya juga.

Sobat bisa mengecualikan atau memasukkan peran pengguna yang bisa menggunakan Elementor saat menulis posting atau halaman. Secara default, ini diaktifkan hanya untuk administrator.

Jangan lupa mengklik tombol ‘Save Changes’ untuk menyimpan pengaturan sobat.

Membuat Kustom Layout WordPress dengan Elementor

Pertama, sobat perlu membuat halaman baru (atau posting) di situs WordPress sobat. Pada layar edit posting, sobat akan melihat tombol ‘Edit with Elementor’ yang baru.

Mengkliknya akan meluncurkan antarmuka pengguna Elementor di mana sobat dapat mengedit halaman sobat menggunakan pembangun seret dan lepas Elementor.

Sekarang sobat dapat menambahkan bagian dan membangun halaman sobat dari awal, atau sobat dapat menambahkan template.

Template adalah cara praktis untuk memulai dengan cepat. Elementor hadir dengan beberapa template yang dirancang secara profesional yang dapat sobat sesuaikan sebanyak yang sobat inginkan.

Mari kita mulai dengan template dengan mengklik tombol ‘Add Template’.

Ini akan memunculkan popup di mana sobat akan dapat melihat berbagai template tersedia. Sobat harus mencari template yang mirip dengan yang ada dalam pikiran sobat untuk tata letak halaman sobat.

Sekarang klik untuk memilih template yang sobat sukai dan kemudian klik tombol ‘Insert’ untuk menambahkannya ke halaman sobat.

Elementor sekarang akan memuat template untuk sobat.

Sobat sekarang dapat mulai mengedit template agar sesuai dengan kebutuhan sobat. Cukup arahkan dan klik pada elemen apa saja untuk memilihnya, dan Elementor akan menunjukkan kepada sobat pengaturannya di kolom kiri.

Sekarang mari kita bicara tentang cara kerja tata letak Elementor.

Layout elemen dibangun menggunakan bagian, kolom, dan widget. Bagian seperti baris atau blok yang sobat tempatkan di halaman sobat.

Setiap bagian dapat memiliki beberapa kolom dan setiap bagian (Section) dan kolom (Column) dapat memiliki gaya, warna, konten, dll.

Sobat bisa menambahkan apa pun di Column dan Section sobat menggunakan widget Elementor.

Widget ini adalah berbagai jenis blok konten yang dapat sobat tempatkan di bagian Elementor sobat.

Cukup pilih widget dan letakkan di bagian atau kolom sobat. Ada serangkaian luas widget yang tersedia yang mencakup semua elemen desain web populer yang dapat sobat pikirkan.

Sobat dapat menambahkan gambar, teks, pos, galeri gambar, video, peta, ikon, testimonial, slider, komidi putar, dan banyak lagi.

Sobat juga dapat menambahkan widget WordPress default dan bahkan widget yang dibuat oleh plugin WordPress lain di situs sobat.

Setelah selesai mengedit, sobat dapat mengklik tombol Save untuk menyimpan perubahan sobat.

Catatan: Menyimpan tata letak tidak akan menerbitkan halaman di situs WordPress sobat. Itu hanya akan menyimpan tata letak halaman sobat saja.

Sobat sekarang dapat melihat pratinjau halaman atau pergi ke dashboard WordPress.

Ini akan membawa sobat kembali ke editor posting WordPress. Sobat sekarang dapat menyimpan halaman WordPress atau menerbitkannya di situs web sobat.

Membuat Template Sendiri di Elementor

Elementor memungkinkan sobat untuk menyimpan layout kustom sobat sendiri sebagai template. Dengan cara ini sobat dapat menggunakan kembali template sobat sendiri untuk membuat halaman baru lebih cepat di masa yang akan datang.

Cukup edit halaman yang ingin sobat simpan sebagai template dengan Elementor.

Di antarmuka Elementor builder, klik ikon folder di sebelah tombol simpan dan kemudian pilih ‘Save template’.

Ini akan memunculkan popup di mana sobat perlu memberikan nama untuk template sobat dan klik tombol simpan.

Lain kali saat sobat membuat tata letak halaman khusus, sobat akan dapat memilihnya dari tab ‘My Templates’.

Sobat juga dapat mengekspor template ini dan menggunakannya di situs WordPress lain menggunakan Elementor.

Sobat harus mengunjungi halaman Elementor » Library untuk melihat template tersimpan sobat. Arahkan mouse sobat ke nama template sobat dan kemudian klik tautan ‘Export template’.

Setelah mengunduh file templatenya, sobat dapat pergi ke halaman library di situs WordPress lain menggunakan Elementor dan kemudian mengimpor template sobat.

Itu saja untuk saat ini.

Kami harap artikel ini membantu sobat belajar Cara Membuat Kustom Layout WordPress Dengan Elementor.

Semoga bermanfaat.