[BARU] Lingkaran Interaktif Dalam Desain Web: Cara Membuat Satu Di Elementor Tanpa Coding

Situs web yang padat teks mungkin tidak menarik untuk dilihat. Jika situs web Anda terdiri dari terlalu banyak teks dan lebih sedikit komponen visual, Anda dapat menggunakan lingkaran interaktif oleh Essential Addons dan menampilkan konten Anda dalam pola melingkar yang menarik. Mari selami untuk mempelajari cara menampilkan banyak konten dalam ruang minimal menggunakan widget luar biasa ini.

Mengapa Anda Membutuhkan Widget Lingkaran Interaktif Di Situs Web Anda?

Untuk desainer web, menjadi tantangan untuk membuat situs web lebih interaktif dan pada saat yang sama nyaman dari ujung pengguna. Jika situs web berisi banyak konten berbasis teks, menjadi lebih sulit untuk menyajikannya dengan cara yang benar.

Penelitian mengatakan bahwa hampir 38% orang berhenti terlibat dengan situs web apa pun yang memiliki tata letak desain yang tidak menarik. Dalam hal ini, lalu lintas situs web Anda juga tergantung pada desain situs web Anda. Mari jelajahi semua manfaat yang akan Anda dapatkan untuk mendesain konten berbasis teks secara efektif menggunakan widget lingkaran interaktif oleh Essential Addons di situs WordPress Anda.

Presentasi Animasi Konten Situs Web Anda

Meskipun situs web Anda menyertakan banyak konten berbasis teks, Anda dapat menyajikannya dengan cara yang menarik untuk menarik pengunjung dan memudahkan mereka untuk memeriksanya. Pola yang berbeda umum untuk menyajikan materi situs web Anda, jadi sedikit gerakan dapat membantu Anda menarik minat pengunjung Anda. Menggunakan widget Lingkaran Interaktif oleh Addons Penting, Anda dapat menampilkan konten berbasis teks Anda dengan pola animasi dan membuat bagian terlihat lebih menarik.

Desain Interaktif & Responsif Untuk Situs Web Anda

Mungkin sulit bagi pengguna untuk menemukan situs web Anda di mesin telusur, membaca konten, atau menavigasi situs web Anda jika tidak memiliki desain yang responsif. Ini bisa jadi karena kesalahan tata letak, gambar yang buruk, teks yang terlalu kecil, atau terlalu banyak infografis yang membuat situs web Anda terlihat berantakan. Jika Anda menggunakan komputer desktop atau laptop, Anda dapat mengubah ukuran jendela ini dengan mengeklik dan menyeret sudutnya.

Membuat desain dinamis untuk situs web Anda dapat lebih mudah menggunakan widget lingkaran interaktif oleh add-on Essential. Apa pun jenis perangkat yang mungkin digunakan pengunjung situs web Anda untuk mengakses situs web Anda, desain Anda tidak akan rusak jika Anda menggunakan widget ini untuk menyajikan konten berbasis teks Anda.

Widget Lingkaran Interaktif Untuk Membuat Situs Web Yang Indah

Anda dapat menampilkan konten berbasis teks Anda dalam gerakan melingkar yang menarik dengan widget ini, menarik perhatian pengguna situs web Anda. Jika Anda ingin menyediakan menu konten Anda, misalnya, Anda dapat menggunakan lingkaran interaktif untuk menyajikan konten sekaligus menghemat ruang. Konten berbasis teks sederhana akan tampak lebih menarik dan memikat dengan cara ini. Mari cari tahu betapa mudahnya Anda memulai widget Lingkaran Interaktif dengan plugin Essential Addons.

Hal-hal yang Perlu Anda Gunakan Lingkaran Interaktif Dengan Addons Penting

Elementor : Untuk menggunakan Widget Lingkaran Interaktif, Anda harus menginstal dan mengaktifkan Elementor terlebih dahulu, setelah itu Anda siap untuk memulai.

Addons Esensial Untuk Elementor : Anda harus menginstal dan mengaktifkan Addons Esensial untuk Elementor di situs web Anda untuk menggunakan widget 'Lingkaran Interaktif'.

Langkah 1: Aktifkan Widget Lingkaran Interaktif Addons Penting

Mari buat situs web Anda lebih interaktif dan menarik dengan menggunakan widget ' Lingkaran Interaktif ' dari Essential Addons. Yang perlu Anda lakukan adalah, pastikan Anda menggunakan versi terbaru dari plugin ini.

Widget Lingkaran Interaktif harus diaktifkan di Elementor. Masuk ke Essential Addons Elements di dashboard WordPress Anda dan pastikan widget ' Interactive Circle ' diaktifkan. Untuk memastikan bahwa perubahan Anda disimpan, klik tombol ' Simpan Pengaturan '.

Cari widget ' Lingkaran Interaktif ' di tab 'Elemen' di Elementor. Seret dan lepas elemen di mana pun Anda ingin menampilkan konten berbasis teks.

Langkah 2: Mulai Sesuaikan Pengaturan Konten Anda

Widget ini memungkinkan Anda menyesuaikan konten default dan menambahkan konten Anda sendiri. Dari tab Umum, Anda dapat mengatur tata letak apa pun dari opsi. Widget Lingkaran Interaktif hadir dengan 4 tata letak siap pakai . Bermain-main dengan tata letak dan lihat mana yang paling sesuai dengan konten berbasis teks Anda.

Anda juga dapat memilih apakah tombol di widget EA Interactive Circle Anda harus menampilkan ikon atau teks. Untuk menyembunyikan atau menampilkan ikon dan teks, alihkan opsi ' Tampilkan Ikon ' dan ' Tampilkan Teks' di bawah pengaturan 'Tombol' . Widget ini sangat berguna untuk banyak penyesuaian. Anda dapat memilih dari opsi dan membuat menu melingkar Anda sendiri sesuai preferensi Anda.

Bagian terpenting dari menggunakan widget ini adalah, Anda dapat memberikan konten Anda sendiri dan menambahkan lebih banyak opsi melingkar sesuai kebutuhan. Anda dapat menambahkan jumlah item yang ingin Anda tampilkan dengan widget Lingkaran Interaktif EA Anda di bawah pengaturan 'Konten' . Cukup klik tombol ' + Add Item ' untuk menambahkan item baru. Dengan cara yang sama, Anda dapat menghapus atau menyalin item dari pengaturan. Namun, demi desain, Anda hanya dapat menambahkan hingga 8 opsi sekaligus; jika tidak, urutannya akan rusak.

Ada tiga tab: 'Tombol ,' 'Konten ,' dan 'Gaya .' Anda dapat menambahkan ikon untuk item dan mengedit judul dari kolom input ' Judul Singkat ' pada tab 'Tombol'. Demikian pula, Anda dapat menambahkan konten ke item Anda dari tab 'Konten' , dan Anda dapat menambahkan warna latar belakang ke item Anda dari tab 'Gaya' .

Anda dapat menerima opsi pengaturan tambahan dari opsi ' Pengaturan Tambahan ' untuk membantu Anda membuat widget Lingkaran Interaktif EA Anda lebih dinamis. Anda dapat memilih antara interaksi 'Klik' dan 'Arahkan kursor' di opsi ' Acara Mouse '. Anda juga dapat menggunakan opsi ' Pengaturan Tambahan ' untuk menambahkan animasi yang bergaya dan menarik. Seperti yang diilustrasikan di bawah ini, ada tiga gaya animasi yang berbeda untuk dipilih.

Langkah 3: Gaya Konten Berbasis Teks Interaktif Anda

Widget EA Interactive Circle hadir dengan banyak pilihan gaya. Opsi ini dapat membuat perbedaan besar dalam hal lingkaran interaktif siapa pun. Dengan mengubah warna latar belakang, pola atau warna teks, lebar lingkaran, dan padding atau penggabungan, Anda dapat mengubah tampilannya.

Anda dapat mengubah tipografi untuk setiap item di EA Interactive Circle Anda dari pengaturan ' Item '. Lebar setiap item dan ukuran ikon juga dapat disesuaikan. Anda juga dapat mengubah warna latar belakang, warna teks, warna ikon, dan banyak hal lainnya.

Jika Anda puas dengan tampilan lingkaran interaktif Anda, sekarang Anda dapat memublikasikan halaman Anda. Intip lingkaran interaktif Elementor yang kami buat untuk topik ini.

Seperti yang Anda lihat, Essential Addons for Elementor memungkinkan pembuatan Lingkaran Interaktif yang luar biasa dan mengubah halaman web Anda menjadi cara yang lebih menarik dengan sangat sederhana.

Akhirnya, kami sangat percaya pada nilai perbaikan berkelanjutan. Dengan mengingat hal ini, kami bekerja keras untuk menawarkan pembaruan Essential Addons untuk Elementor baru yang fantastis sehingga Anda dapat memiliki pengalaman desain situs web yang lebih baik dengan Elementor.

Jadi, apa yang Anda harus kehilangan? Perbarui ke Essential Addons 5.0 sesegera mungkin untuk memanfaatkan semua widget dan ekstensi canggih baru termasuk widget Lingkaran Interaktif.

Cobalah sendiri, dan jika Anda memiliki pertanyaan, silakan hubungi tim dukungan kami . Berlangganan ke blog kami atau bergabunglah dengan komunitas Facebook kami yang ramah untuk informasi lebih lanjut tentang add-on Elementor terbaru, tutorial desain web, tip dan trik, dan banyak lagi.