Deprecated: Hook custom_css_loaded is deprecated since version jetpack-13.5! Use WordPress Custom CSS instead. Jetpack no longer supports Custom CSS. Read the WordPress.org documentation to learn how to apply custom styles to your site: https://wordpress.org/documentation/article/styles-overview/#applying-custom-css in /home/u7916838/public_html/domain/fajarrealty.com/wp-includes/functions.php on line 6085
Cara Membuat Landing Page di Wordpress Elementor - Fajar Realty
Close

Cara Membuat Landing Page di WordPress Elementor

Cara Membuat Landing Page Di WordPress Elementor

Elementor adalah plugin WordPress yang berfungsi untuk mendesain dan mengedit website menggunakan sistem Drag and Drop. Plugin ini memungkinkan pengguna untuk membuat website WordPress dengan mudah dan cepat, tanpa memerlukan pengetahuan CSS atau HTML tingkat lanjut. Berikut adalah cara pembuatan Landing Page di WordPress Elementor.

1.Login WordPress 

Langkah pertama adalah login WordPress. Untuk login bisa mengakses namadomain.com/wp-admin/, kemudian masukkan username dan password.

2.Memilih Plugins Elementor Page Builder

Setelah berhasil login, pergi ke menu plugins kemudian klik add new. Lalu pada kotak pencarian, tuliskan ‘elementor’ lalu akan muncul pilihan plugin. Silahkan pilih Elementor Website Builder dan klik Install Now. Setelah proses install selesai, jangan lupa klik Activate untuk mengaktifkan plugin Elementor.

3.Membuat Landing Page dengan Elementor

Jika belom membuat pages bisa membuat pages bisa langsung ke menu Pages >> Add New. Atau jika sudah membuat pages sebelumnya, bisa ke menu Pages >> All Pages. Pada panduan ini kita akan membuat pages baru dari awal.

  • Pada halaman yang di buat, silahkan klik Edit With Elementor, dan tunggu sampai masuk ke halaman WordPress Elementor
  • Jika sudah, lihat disisi kiri terdapat banyak sekali element dari plugin Elementor Page Builder. Elemen-elemen tersebut bisa kamu drag and drop langsung ke halaman website. Kamu hanya perlu klik, Tarik lalu letakkan ke kolom yang di inginkan.

Pertama-tama, Silahkan klik tombol “+” Untuk memilih kolom yang di inginkan untuk tampilan website.

4.Memilih Elemen Untuk Landing Page

Setelah memilih kolom, sekarang saatnya membuat landing page yang kamu inginkan. Pastikan kamu sudah mendesain Landing Page terlebih dahulu yaa, agar tidak bingung.

Kamu bisa memasukkan Heading, image, carousel, Google maps, Icon, Image Box, Icon Box, Image Gallery, Image Carousel, Progress Bar, Testimonial, text editor dan sebagainya. Tinggal bagaimana kreativitas mu saja!

Sebagai contoh, pada panduan ini saya akan membuat landing page yang bertema Penjualan Baju.

  1. Membuat Background, Logo Perusahaan dan  Judul. pertama-tama Klik “+” lalu pilih kolom sesuai apa yang kamu mau, lalu jika sudah,  Klik ‘image’ lalu tarik ke kolom yang sudah kamu buat tadi, Lalu masuk ke bagian style yang ada di sisi kiri, lalu klik background, Lalu untuk memasukkan foto Klik “choose image pilih gambar dari Laptop/PC” yang berukuran 1440×960 pixel untuk sebuah background. Lalu jika sudah, lihat disisi kiri klik “image size” lalu pilih “full”, lalu di bagian “content” tambahkan foto Logo Perusahaan. Lalu jika sudah Klik Menu yang berada di sisi kiri, lalu Klik “Heading” lalu tarik bawah image yang berada di kolom. Lalu ganti menjadi judul yang di inginkan, Lalu edit di bagian “content” lalu edit menjadi “Heading 1”
  2. jika sudah, bikin lagi kolom selanjutnya untuk membuat menu lainnya seperti about, menu penjualan, galery, lokasi, contact us. Semua elemen sudah ada di WordPress elementor.
  3. jika ingin mengedit Menu, Klik “Appearance” lalu kemudian Klik “Menus” lalu buatlah menu sesuai dengan tujuan mu membuat elementor untuk apa. seperti contoh: Home, About, Menu/Penjualan, Gallery, Lokasi, Contact . Jika menu-menu itu tidak ada di plugin nya, maka buat saja dengan cara Klik “Custom Link”, lalu ketik nama link nya Home/About/Menu/Gallery/Lokasi/Contact. Untuk URL nya cukup kalian tambahkan ( # ) di awal kata, seperti contoh: #home/#about/#menu/dan lain sebagainya.
  4. jika ingin menggangati logo website, klik “Appearance” yang berada di menu WordPress, lalu setelah itu Klik “Costumize” jika sudah, lalu Klik “Site Identity” lalu isi “Site Tittle dan Tagline” Lalu tambahkan foto Logo Perusahaan di “Site Icon” dengan cara Klik “Change Image” lalu pilih foto Logo Perushaanmu.
  5. jika sudah semuanya, jangan lupa di preview kembali agar tidak salah. dan jika sudah berarti Website anda telah selesai di buat.

Sudah Tau Kan Caranyaa?

Elementor adalah plugin WordPress yang berfungsi untuk mendesain dan mengedit website menggunakan sistem Drag and Drop. Plugin ini memungkinkan pengguna untuk membuat website WordPress dengan mudah dan cepat, tanpa memerlukan pengetahuan CSS atau HTML tingkat lanjut.

Follow Us on:

www.fajarrealty.com
https://www.linkedin.com/in/fajar-realty-57a18923b/
https://www.facebook.com/profile.php?id=61560586652004
https://www.instagram.com/fajarrealtywebdev/

#website #teknologiweb #developer #javascript #lfl
#webdev #desainwebsite #desainweb #seo
#websitedevelopment #mengenalwebsite #websitedesign
#websiteservices #jeniswebsite #manfaatseo #output

Related Posts

Leave a Reply