5 Widget Kustom Elementor Teratas yang Dapat Anda Pilih

Diterbitkan: 2020-03-18

Setiap kali Anda berpikir untuk mendesain situs atau halaman WordPress apa pun, pasti Elementor didahulukan. Dan ada beberapa alasan mengapa orang percaya menggunakan plugin ini. Mungkin jawabannya cukup sederhana, untuk fasilitas drag and drop yang mudah, kemampuan kustomisasi dan banyak lagi.

Namun, dalam posting hari ini, kita akan membahas topik yang berbeda. Ya, ini tentang Widget Kustom Elementor. Fitur Elementor ini sangat dihargai oleh pengguna karena fasilitasnya yang unik. Selain itu, ia menawarkan pengguna untuk menavigasi dengan lancar dan melakukan lebih banyak eksperimen tanpa kesulitan.

Apa pun Anda pengguna Elementor biasa atau baru, posting ini pasti akan membantu Anda memahami lebih dalam tentang widget kustom Elementor dan cara kerjanya.?

Bagaimanapun, cukup bicara! mari kita masuk ke dalam diskusi!

5 Widget Kustom Elementor Teratas yang Suka Diandalkan Orang

Elementor Custom Widgets
Widget Elemen Teratas

Tidak diragukan lagi, Elementor semakin populer dari hari ke hari. Terutama, menjadi lebih mudah bagi mereka yang non-teknisi dan tidak ingin menulis kode apa pun. Ya, Elementor dan fitur-fiturnya yang bermanfaat selalu memudahkan pengguna untuk mendesain situs web yang lengkap.

Sekarang, mari kita tahu tentang widget kustom Elementor secara detail?

Widget Global

Menggunakan Widget Global , Anda dapat mengontrol widget tertentu yang ditampilkan di tempat yang berbeda. Itu berarti jika Anda mengeditnya di satu tempat, desain lain pada halaman tertentu akan diperbarui secara otomatis.

Misalkan, Anda telah mendesain widget di halaman tertentu, dan Anda menginginkan desain itu di halaman web lain. Widget Global dapat membantu Anda melakukannya dengan cepat tanpa kerumitan.

Untuk melakukannya, cukup simpan desain Anda sebagai Widget Global, lalu seret widget Anda ke halaman mana pun. Itu dia!

Namun, Anda dapat melihat video berikut untuk mengetahui lebih lanjut tentang 'Global Widget':

Widget HTML

Widget ini bisa sangat berguna bagi pengembang. Tetapi jika Anda bukan orang yang ahli teknologi, jangan khawatir, Anda juga bisa menggunakan widget HTML. Pada dasarnya, widget ini memungkinkan Anda menambahkan kode HTML apa pun langsung ke situs Elementor Anda.

Akibatnya, ini akan memungkinkan Anda untuk melihat output kode Anda langsung ke Elementor saat mengedit halaman. Dan Anda juga dapat menambahkan JavaScript khusus ke tata letak menggunakan widget ini. Untuk melakukannya cukup gunakan <scrip>tag

Tonton tutorial video berikut tentang widget HTML secara detail:

Widget Kode Pendek

Sekilas, Anda mungkin takut mendengar tentang widget ' ShortCode '. Tapi jangan takut! Anda tidak perlu menulis kode apa pun. Yang harus Anda lakukan adalah, cukup salin kode dari sumbernya dan tempel di halaman Elementor.

Umumnya shortcode , adalah tag khusus yang Anda masukkan di halaman situs WordPress, yang secara otomatis diganti dengan konten yang berbeda.

Selanjutnya, Anda bahkan tidak perlu mempublikasikannya untuk melihat pratinjau akhir. Sebaliknya widget ini akan membantu Anda melihat bagaimana kode pendek terlihat tanpa masuk ke mode pratinjau. Itu berarti akan dirender secara otomatis.

Widget Bagian Dalam

Jika Anda adalah pengguna Elementor biasa, Anda harus mengaitkan dengan bagian di Elementor. Jika tidak, maka tidak ada yang perlu dikhawatirkan. Pada dasarnya, Elementor hadir dengan berbagai bagian yang perlu diterapkan dengan sempurna. Kita dapat mengatakan bahwa 'Elementor adalah tentang pembagian'.

Jadi ' Widget bagian dalam ' memungkinkan Anda membagi bagian yang Anda buat dengan Elementor. Anda dapat memeriksa animasi berikut tentang bagaimana ini digunakan untuk membuat bagian yang indah di bawah bagian induk.

addcolumns

Widget Template Pos Tunggal

Jika Anda seorang blogger atau memiliki situs blog, 'Single Post Widget' bisa sangat berguna untuk Anda. Widget ini akan membantu Anda membuat template posting tunggal WordPress Anda sendiri. Saat mengunduh tema gratis apa pun, kami tidak mendapatkan semua fitur berguna di satu tempat.

Dalam hal ini, ' Single Post Widget ' dapat membantu Anda merancang posting blog namun konten dengan mudah. Hal lain adalah Anda tidak perlu memperoleh pengetahuan pengkodean untuk menerapkan ini.

Untuk kenyamanan Anda, baca artikel tentang cara menggunakan widget Single post atau Anda dapat melihat tutorial video berikut:

Cara Membuat Widget Kustom Elementor (Untuk Pengembang)

Bagian ini khusus untuk pengembang yang ingin menyesuaikan widget Elementor secara manual. Jadi jika Anda ingin menerapkan sesuatu yang luar biasa di Elementor, Anda dapat melakukannya dengan mudah.

Mari kita lihat langkah-langkah membuat widget elemen kustom secara sekilas.

  • Struktur Widget,
  • Kelas
  • Data
  • Kontrol
  • Rendering
  • Seluruh Kode
  • Dan Aplikasi Terakhir

Mengikuti langkah-langkah ini, Anda dapat mengembangkan widget apa pun untuk situs Elementor Anda.

Artikel terkait untuk keseluruhan Tutorial: Cara Membuat Widget Elementor Kustom. Atau Anda dapat melihat video tutorial untuk mengetahui lebih dalam.

Bagaimana Anda Dapat Menggunakan Happy Addons Untuk Membuat Widget Kustom Elementor

Elementor Custom Widgets

Nah, pada postingan sebelumnya kita sudah beberapa kali membahas tentang Happy Addons, dan juga membahas apa itu Happy Addons sebenarnya. Jadi di bagian ini, kami tidak akan memperpanjang kata-kata kami tentang hal itu. Sebaliknya kami akan mewakili beberapa fitur bermanfaat yang 100% mampu mendesain widget Elementor kustom dengan mudah.

Tab Lanjutan

Jika Anda menginginkan desain yang canggih pada widget Anda, fitur Happy Addons ini bisa sangat membantu. Dan juga dapat digunakan sebagai widget Elementor kustom. Selanjutnya, dengan fitur ini, Anda dapat membuat bagian konten tab yang menakjubkan dalam beberapa detik.

Bagian Bersarang Tidak Terbatas

Di bagian Elementor yang sudah dibuat sebelumnya, Anda dapat mengedit atau menyesuaikannya sesuai dengan desain Anda. Akibatnya, sulit untuk menyesuaikan bagian secara manual.

Tetapi dengan menggunakan 'Sarang Bagian Tidak Terbatas' Anda dapat dengan cepat membuat desain yang sebelumnya tidak mungkin dilakukan dengan bagian dan kolom Elementor stok dengan membuat bagian bersarang tanpa batas:

Widget Bagan Batang

Seperti fitur Happy Addons lainnya, widget 'Bar Chart' adalah salah satu widget yang paling menguntungkan. Dengan menggunakan widget yang disesuaikan ini, Anda dapat dengan sukses membuat beberapa bagan yang menakjubkan di situs web Anda.

Anda akan mendapatkan dua jenis grafik di sini, satu adalah ' Pie Chart ' yang lain adalah ' Dough Chart '. Anda dapat menggunakan kedua fitur ini dengan mudah dan membuat situs web Anda menyenangkan.

Menggulir Gambar

Ada banyak cara untuk mendemonstrasikan produk, gambar atau foto menggunakan slider, carousel, dan sebagainya. Tapi pernahkah Anda berpikir, Anda bisa menampilkan elemen Anda dengan cara yang beranimasi? Ya, dengan menggunakan widget 'Gambar Bergulir', Anda dapat dengan mudah menampilkan produk, logo, proyek Anda dalam gaya animasi vertikal dan horizontal.

Scrolling Image Widget
Widget Gambar Bergulir

Jadi ini adalah beberapa fitur berguna yang dapat Anda terapkan di situs web Elementor Anda. Dan juga ini sangat fungsional untuk menyesuaikan widget Elementor.

Artikel Terkait: 'Happy Addons: An Ultimate Elementor Addon'.?

Pikiran Akhir

Nah, setelah membahas secara mendalam, Anda mungkin mengerti cara kerja widget kustom Elementor dan juga cara yang tepat untuk membuatnya secara manual. Tujuan utama dari posting ini adalah untuk membuat Anda khawatir tentang widget Elementor kustom.

Jelas, Elementor adalah pembuat halaman terkemuka. Tapi Anda bisa berbuat lebih banyak dengan Elementor jika Anda bisa memanfaatkan Happy Addons dengan sempurna. Sumber daya Elementor yang tersedia dan kolaborasi Happy Addons dapat menjadi duo yang luar biasa untuk situs web Anda.

Jadi, tanpa menunda lagi, dapatkan Happy Addons sekarang !!!?

Dapatkan Happy Addons Sekarang