Cara Memakai Elementor Di WordPress

Sebelum kita membahas tentang cara menggunakan elementor, kita pengenalan terlebih dahulu.

Beberapa dekade yang lalu, membuat website melibatkan banyak bolak-balik antara pengembang, copywriter, dan manajer proyek. Perlu waktu berbulan-bulan hanya untuk mendapatkan beberapa perubahan sederhana yang diperbarui di website Anda.

Saat ini, mengetahui cara membuat kode tidak diperlukan untuk membangun website yang menarik. Pembuat halaman seperti Elementor digunakan untuk memudahkan non-pembuat kode untuk membuat website WordPress apa pun yang mereka inginkan.

Dalam panduan ini, Anda akan belajar tentang cara menggunakan Elementor dan bagaimana itu dapat membantu Anda membangun website yang amazing dan user-frendly .

Plugin WordPress ini adalah solusi lengkap dan memungkinkan Anda mengontrol setiap bagian desain website Anda dalam satu platform . Anda dapat menyesuaikan website Anda agar sesuai dengan merek Anda dengan efek gerakan, banyak font, dan gambar background yang disempurnakan.

Mengapa Anda Harus Menggunakan Elementor

Elementor bekerja untuk semua jenis profesional di tim Anda . Jika Anda tidak paham teknologi , editor visual memberi Anda fleksibilitas untuk menyeret salah satu dari puluhan lebih ​​widget untuk membuat konten, seperti tombol, peringkat bintang, dan bilah kemajuan. Untuk pengembang, ini masih merupakan platform pilihan teratas dengan pengoptimalan skrip, atribut khusus, dan versi rollback.

Apa Yang Dapat Anda Bangun Dengan Elementor?

Elementor adalah alat yang efektif dan digunakan untuk membangun segala sesuatu mulai dari seluruh website Anda hingga Landing Page tertentu. Anda dapat design halaman penjualan , halaman promosi , dan bahkan formulir khusus. Jika Anda bisa membayangkannya, platform ini dapat membantu Anda mendesain halaman apa pun untuk situs WordPress Anda.

Lihat situs restoran ini yang dibangun dengan Elementor .

Restauran elementor

Sumber: Steak Cattle and Roll

Cara Install Elementor

Seperti plugin WordPress lainnya, menginstal Elementor cepat dan sederhana. Ada dua cara untuk melakukannya.

Menginstal melalui Elementor.com

  • Buka Elementor.com dan klik Unduh Gratis .
  • Masukkan alamat email Anda di kotak teks di jendela pop-up.

Download elementor gratis

  • Kemudian, klik Subscribe & Download .
  • Di dasbor WordPress Anda, buka Plugins > Add New .

Langkah pertama menggunakan elementor

  • Klik Unggah Plugin.
  • Lalu pilih file .zip yang telah Anda unduh untuk Elementor.

Download elementor

  • Klik Install Sekarang , lalu Aktifkan Plugin .

Aktifkan Elementor

Menginstal Di Dasbor WordPress

  • Dari dasbor Anda, klik Plugins > Add New .

Install elementor

  • Di bidang pencarian, masukkan Elementor dan cari Elementor Page Builder .

Mencari plugin elementor

  • Klik Pasang Sekarang . Setelah instalasi, klik Activate .

Aktifkan plugin elementor

Cara Menggunakan Elementor di WordPress

Dengan Elementor, Anda dapat mewujudkan visi desain Anda dan berubah menjadi kenyataan. Pengeditan langsung membuat proses tidak menyakitkan dengan memungkinkan Anda melihat setiap elemen saat Anda mendesainnya. Mari jelajahi editor Elementor .

Tur Cepat Editor Elementor

Elementor menawarkan desain yang intuitif bagi pengguna. Jadi, Anda dapat mempelajari dasar-dasar editor dalam beberapa menit.

Sebagai permulaan, Anda dapat mengakses editor Elementor dari sisi kiri dasbor WordPress Anda.

Konfigurasi elementor

Atau Anda dapat mengklik Edit dengan Elementor saat membuat halaman atau postingan baru.

Buat postingan baru elementor

Fitur drag-and-drop terletak di sisi kiri editor. Anda dapat mencari widget tertentu untuk menyesuaikan halaman Anda. Pilih dari elemen dasar, seperti judul atau galeri gambar, atau jelajahi elemen yang lebih canggih, seperti judul animasi dan carousel testimonial.

Sesuaikan halaman elementor

Di menu Konfigurasi Gaya & Pengaturan, Anda dapat mengatur warna dan font default untuk halaman Anda. Anda juga dapat konfigurasi setting global untuk seluruh Website Anda di Elementor.

cara menggunakan menu gaya Elementor

Sumber: Elementor

Elementor dilengkapi dengan bagian Riwayat Revisi bawaan. Di bawah tab Tindakan, Anda dapat melacak perubahan Anda, bergerak bolak-balik di antara setiap tindakan. Di bawah tab Revisi, Anda dapat beralih di antara revisi dan kembali ke versi sebelumnya.

History elementor

Cara Membangun Halaman Pertama Anda di Elementor

Elementor menonjol dari para pesaingnya karena kemudahan penggunaannya. Cobalah sendiri dengan membangun halaman pertama Anda di platform — tidak perlu keahlian coding .

  • Buka dasbor WordPress Anda.
  • Klik Halaman , lalu Tambahkan Baru .
  • Klik Edit dengan Elementor untuk masuk ke pembuat halaman.

Membuat halaman baru elementor

  • Elementor akan dimuat agar terlihat seperti ini:

Memuat elementor

Editor Elementor terdiri dari tiga blok bangunan utama: Bagian, Kolom, dan Widget. Bagian adalah blok bangunan terbesar. Di dalam Bagian, Anda dapat menambahkan grup Kolom, dan Widget ditempatkan di dalam Kolom.

Anda mengontrol Bagian, Kolom, dan Widget menggunakan pegangan biru. Cukup klik kanan pegangan untuk mengedit blok.

Mengontrol dan mengatur elementor

Template adalah Halaman dan Blok yang telah dirancang sebelumnya untuk membantu Anda mendesain situs WordPress Anda. Halaman adalah tata letak konten lengkap, sedangkan Blok adalah bagian dengan widget yang dibuat sebelumnya, seperti footer, header, dan FAQ.

Elementor memberi Anda lisensi penuh untuk menggunakan salah satu template untuk bisnis Anda. Ada bidang untuk mencari template tertentu menurut jenis halaman, nama template, atau tag. Plus, semua template responsif seluler. Anda dapat memasukkannya ke halaman manapun hanya dengan satu klik.

  • Dari layar pengeditan utama, klik ikon folder putih.
  • Untuk mempratinjau template, klik ikon kaca pembesar.

Pratinjau Tema elementor

 

  • Klik tombol Sisipkan berwarna hijau di pojok kanan atas untuk memilih template yang Anda inginkan.

Saat Anda selesai mendesain halaman Anda, Anda bisa mempratinjau dan kemudian menerbitkannya.

  • Pergi ke panel bawah di sisi kanan editor Elementor.
  • Untuk melihat pratinjau halaman Anda, klik ikon mata.
  • Untuk mempublikasikan, klik tombol Publikasikan hijau .
Pratinjau elementor dengan elegant

Cara Menggunakan Fitur Lanjutan di Elementor

Versi pro Elementor menawarkan fitur-fitur canggih untuk membawa situs WordPress Anda ke level berikutnya. Anda mendapatkan akses ke lebih banyak widget, pembuat tema, pembuat pop-up, dan kemampuan bidang khusus.

Cara Membuat Popup di Elementor

Formulir pop-up membantu Anda menangkap alamat email dari prospek. Elementor membuat pembuatan formulir ini lebih mudah dengan pembuat pop-upnya. Ikuti petunjuk ini untuk membuat munculan Anda sendiri.

  • Di dasbor WordPress Anda, buka Template> Popup> Tambahkan Baru .
  • Beri nama template Anda dan klik Buat Template .
  • Pilih template dari Perpustakaan atau buat desain Anda sendiri.
  • Klik Publikasikan , lalu Simpan dan Tutup .
  • Buka halaman baru di Elementor (CTRL + E untuk pengguna PC; Command + E untuk pengguna Mac).
  • Seret widget tombol.
  • Di bawah Tata Letak , pilih Tautan> Dinamis> Tindakan> Popup .
  • Pergi ke Popup> Buka Popup dan pilih popup yang Anda buat.
  • Buka halaman langsung.
  • Kemudian, klik tombol dan lihat popup muncul.
  • Berikut tampilannya:

cara menggunakan pembuat popup Elementor

Sumber: Elementor

Cara Menyesuaikan Halaman Produk WooCommerce di Elementor

WooCommerce adalah platform e-commerce populer untuk membantu Anda membangun toko online untuk bisnis Anda. Bersama dengan Elementor, Anda membuat halaman produk khusus untuk meningkatkan penjualan Anda.

Sebelum Anda dapat menyesuaikan halaman produk Anda, Anda harus menginstal dan mengaktifkan WooCommerce dan Elementor ke dashboard WordPress Anda. Anda juga ingin menambahkan beberapa produk ke situs web Anda. Anda dapat mempelajari tentang penyiapan WooCommerce di sini .

Setelah penyetelan, Anda sekarang dapat mendesain halaman produk Anda. Ikuti langkah ini.

  • Di dasbor WordPress Anda, buka Elementor> Template Saya .
  • Klik pada tombol Add New .
  • Pilih Produk Tunggal sebagai jenis template Anda dan klik Buat Template .
  • Library Elementor akan dimuat.
  • Selanjutnya, pilih template halaman produk yang telah dirancang sebelumnya, atau buat dari awal.

Pilih template elementor

 

Sumber: Elementor

  • Di template, tambahkan widget produk yang berbeda untuk menyesuaikan halaman Anda. Anda dapat menemukan daftar lengkapnya di sini .

Penyesuaian halaman elementor

Sumber: Elementor
  • Saat Anda siap untuk melihat pratinjau halaman Anda, klik ikon mata di panel kiri bawah.
  • Klik Pengaturan , lalu pilih produk yang ingin Anda tampilkan.
  • Ini mungkin terlihat seperti ini:

Tampilan elementor

Sumber: Elementor

  • Untuk mempublikasikan halaman Anda, klik tombol Publikasikan hijau di panel kiri bawah.

Pertanyaan Yang Sering Diajukan Tentang Elementor

Masih ada pertanyaan tentang Elementor? Tidak masalah. Berikut adalah beberapa pertanyaan umum tentang plugin beserta jawabannya.

  • Berapa biaya Elementor?

Elementor adalah plugin gratis untuk pengguna WordPress. Jika Anda ingin membuka fitur tambahan, Anda bisa mendapatkan versi pro. Anda dapat menemukan harganya di sini .

  • Apakah Elementor berfungsi dengan semua tema?

Ya, ini berfungsi dengan semua tema yang mengikuti standar pengkodean WordPress.

  • Apakah Elementor memperlambat situs web Anda?

Elementor adalah salah satu pembuat halaman tercepat. Namun, beberapa situs web dapat menyebabkan waktu pemuatan yang lambat. Berikut cara umum untuk memperbaiki masalah kecepatan website.

Elementor adalah plugin WordPress yang dibuat khusus untuk membantu Anda mendesain situs khusus untuk bisnis Anda. Antarmuka yang ramah pengguna menjadikannya platform yang efektif untuk non-pembuat kode.

Advertisements

Achyar

Panduan Blog

Leave a Reply