Membuat Template WordPress dengan Elementor Pro

elementor

Bagi pengguna wordpress pastinya akan sangat dimudahkan untuk mengcustomize template halaman website mereka . Karena wordpress sendiri menyediakan ribuan plugin yang bisa membantu customize halaman . Salah satu plugin yang sangat populer untuk mendapatkan fitur page builder yaitu Elementor Pro .

Elementor adalah plugin page builder wordpress dapat membantu anda mendesain setiap halaman pada website anda . Elementor sendiri bisa dinikmati secara gratis dan berbayar ( elementor pro ) dengan fitur tambahan yang sangat lengkap untuk mengcustomize website anda. Pada dasarnya elementor bisa membuat seluruh halaman web , tetapi juga dapat membuat bagian terpisah seperti footer , header serta widget yang dapat anda gunakan langsung pada website anda seperti video dibawah ini.

Berikut beberapa hal yang bisa anda terapkan dengan elementor plugin :

  • Membuat Landing Page
  • Membuat Pop up
  • Membuat Footer
  • Membuat Header
  • Membuat Widget

Untuk plugin elementor free kamu bisa menggunakan widget basic dari elementor seperti inner section , heading , button, star rating, testimonial , tabs, progress bar, sound cloud dan lainnya yang bisa anda lihat di gambar dibawah ini .

elementor basic widget
elementor basic widget

Kelebihan Elementor Pro

Untuk bagi anda yang membeli elementor pro , anda akan mendapatkan berbagai feature yang bisa anda manfaatkan untuk membangun halaman website anda sedinamis mungkin. berikut fitur yang bisa didapatkan dari elementor pro :

  • Mendapatkan 50+ Advanced Widgets
  • Mendapatkan Template Industry Leading Theme Builder
  • Dapat menggunakan fitur Popup Builder
  • Dapat membuat form builder
  • Support dengan WooCommerce Builder + Over 15 Shop Widgets
  • Fitur tambahan Dynamic Content & Custom Fields Capabilities
  • Fitur tambahan Motion Effects Inc. Parallax & Mouse Effects

Bagi anda yang membeli Elementor Pro ,anda bisa mendapatkan 50 lebih advancced widget seperti pro element berisi call to action, navigasi menu, login, testimonial carausel, price list slider , review, form, dan lainnya.

elementor pro widget
elementor pro widget

Dan untuk theme element yang bisa untuk membuat theme sendiri seperti bagian post title, post ecerpt, post content, author box, post comment, site logo, search form dan lainnya.

theme elementor
theme elementor

Dan bagi anda yang menggunakan woocommerce bisa menggunakan fitur tambahan woocommerce element seperti product tittle , menu cart, product stoct , product price dan lainnya yang bisa anda customize.

woocommerce elementor
woocommerce elementor

Anda juga bisa membuat template tersendiri yang siap anda simpan dan dipasang pada halaman yang anda ingin rubah . Anda bisa membuat template page, section, popup, header, footer, single, dan archive.

template elementor
template elementor

Tutorial Desain Halaman dengan Elementor

Lalu bagaimana cara membuat desain halaman sesuai keinginan kita menggunakan elementor pro ? berikut tutorialnya :

Lalu bagaimana cara membuat desain halaman sesuai keinginan kita menggunakan elementor pro ? berikut tutorialnya :

  1. Install Plugin Elementor

    Pertama pastikan sudah menginstall plugin elementor dan mengaktifkannya
    elementor plugin

  2. Buat Laman (Page) Baru

    Kemudian buatlah laman / page baru
    add page

  3. Klik Edit with Elementor

    Kemudian klik edit with elementor maka akan muncul halaman edit dengan elementor

  4. Pilih Page Layout

    Kemudian klik Setting dan pilih page layout yang kamu inginkan .
    Default – hanya mengedit pada bagian kolom post saja .
    Full Width – akan menghilangkan slide dan widget bawaan dan akan menyisakan header dan footer bawaan.
    Elementor Canvas – halaman akan menjadi blank page.elementor setting

  5. Drag and Drop Widget yang diinginkan

    Kemudian Drag and Drop Widget yang diinginkan. seperti gambar dibawah ini.

  6. Lanjutan penambahan efek

    Jika ingin lebih terlihat keren, anda bisa menambahkan efek motion.

Anda bisa melihat contoh hasilnya seperti berikut ini.

Nekopencil Homepage
Nekopencil Homepage

Elementor Rock Your Work

elementor

Baca Juga :
Motion Effect Elementor

Leave A Reply

Your email address will not be published.