Semua yang Perlu Anda Ketahui Tentang Modul Daftar Ikon Divi 5

Salah satu pembaruan Divi 5 terbaru memperkenalkan korsel dan animasi Lottie, serta sesuatu yang dapat digunakan setiap situs: modul daftar ikon baru. Alih -alih poin peluru biasa, Anda dapat membuat daftar gaya dengan ikon bermakna yang menambah kejelasan dan daya tarik visual.

Pikirkan fitur pada halaman produk, langkah -langkah dalam proses, layanan dalam tabel harga, atau bahkan manfaat pada halaman arahan. Modul Daftar Ikon membuat semua ini lebih mudah dirancang dan lebih menarik bagi pengunjung.

Dalam posting ini, kami akan membahas semua yang perlu Anda ketahui tentang Modul Daftar Ikon, dari fitur hingga kasus penggunaan praktis, sehingga Anda dapat meningkatkan daftar Anda dan meningkatkan situs Divi Anda.

Apa itu Modul Daftar Ikon?

Modul Daftar Ikon di Divi 5 dirancang untuk membuat daftar yang menarik dan terstruktur yang meningkatkan desain situs Anda. Dengan memungkinkan Anda memasangkan setiap item daftar dengan ikon yang unik, modul ini mengubah teks biasa menjadi konten yang profesional dan menarik.

Sebelum Divi 5, membuat daftar bergaya di Divi yang diperlukan untuk memformat teks atau modul uraian, yang kurang efisien. Modul Daftar Ikon mengisi celah ini, menawarkan solusi khusus yang ramah pengguna dan sangat dapat disesuaikan.

Fitur utama

Modul Daftar Ikon memiliki fitur yang menjadikannya tambahan yang bagus untuk Divi 5. Berikut adalah fitur utamanya:

Pembuatan daftar yang mudah

Buat daftar dengan cepat dengan menambahkan item dan menetapkan ikon dari perpustakaan ikon yang luas divi atau mengunggah ikon khusus. Antarmuka intuitif modul memungkinkan Anda membuat daftar yang dipoles dalam hitungan menit, menghemat waktu dibandingkan dengan pemformatan manual.

Opsi kustomisasi yang luas

Pilih dari ratusan ikon bawaan, sesuaikan ukuran, warna, dan penempatannya untuk membuat tampilan kohesif yang selaras dengan desain situs Anda.

Leverage pengaturan desain yang kuat divi untuk menyesuaikan font, warna teks, jarak, penyelarasan, dan latar belakang. Anda juga dapat menambahkan efek hover atau animasi untuk membuat daftar Anda lebih interaktif.

Cara menggunakan modul daftar ikon

Memulai dengan modul daftar ikon Divi 5 itu mudah. Buat halaman baru atau buka yang sudah ada. Klik untuk menambahkan modul baru dan pilih Daftar Ikon .

Setelah menambahkan modul, Anda akan melihat tiga item daftar ikon di tab Konten. Mari kita mulai dengan mengklik yang pertama untuk mengeditnya.

Di tab Konten, masukkan judul di bidang teks .

Selanjutnya, perluas tab Dropdown Ikon. Di sini, Anda dapat memilih dari ratusan ikon di Perpustakaan Divi. Anda dapat mencari ikon atau gulir untuk menemukan yang ingin Anda gunakan.

Modul Daftar Ikon memungkinkan Anda untuk menambahkan tautan ke item daftar individual, memudahkan untuk menautkan ke halaman lain, lampiran, dan banyak lagi.

Tab desain adalah tempat Anda dapat menata item daftar ikon Anda. Di menu dropdown ikon, tetapkan warna dan ukuran ikon.

Di tab latar belakang, Anda dapat menetapkan ikon Anda warna latar belakang, menambahkan perbatasan atau bayangan kotak, dan menyesuaikan jarak.

Beberapa opsi lain termasuk teks, di mana Anda mengontrol penyelarasan teks atau menambahkan bayangan teks. Namun, untuk menata teks, pilih menu dropdown Teks Tubuh. Anda dapat menetapkan font, berat, gaya, penyelarasan teks, warna, ukuran, dan banyak lagi di sana.

Seperti semua modul divi lainnya, Anda dapat mengontrol ukuran, jarak, perbatasan, dan bayangan kotak dan menambahkan filter, transisi, atau animasi.

Setelah Anda menata item daftar ikon pertama, Anda dapat dengan mudah menyalinnya, mengubah ikon, dan memperbarui teks.

Menambahkan ruang antar item daftar ikon

Di bagian sebelumnya, kami mendemonstrasikan cara menambahkan item daftar ikon. Di bagian ini, kami akan meninjau cara menyesuaikan properti tata letak menggunakan sistem tata letak Flexbox Divi 5. Seperti yang Anda lihat, kami dapat menggunakan sedikit ruang di antara masing -masing item daftar ikon kami.

Di pengaturan Modul Daftar Ikon Utama, klik pada tab Desain. Temukan menu dropdown tata letak dan perluas untuk mengungkapkan pengaturan.

Secara default, Flex dipilih di bawah gaya tata letak. Ini memungkinkan Anda untuk menggunakan pengaturan Flexbox Divi 5 untuk mengontrol jarak, arah tata letak, dan penyelarasan. Untuk menambahkan jarak antara setiap item daftar ikon, cukup sesuaikan celah vertikal. Ini menambah ruang bernafas antara setiap item, memberikan daftar kami lebih banyak daya tarik visual.

Pengaturan Desain Universal Untuk Semua Item Daftar Ikon

Selain menata item daftar ikon secara individual, Anda dapat menggunakan pengaturan desain modul utama untuk menambahkan gaya ke setiap item daftar ikon sekaligus. Misalnya, jika Anda ingin semua ikon Anda memiliki warna, teks, atau gaya latar yang sama, Anda dapat melakukannya di level modul.

Apakah Anda ingin menata daftar item secara individual atau secara keseluruhan, modul Daftar Ikon di Divi 5 memberikan cara yang bagus untuk menampilkan informasi dengan cara yang lebih ramah pengguna.

Contoh Praktis Menggunakan Modul Daftar Ikon

Modul Daftar Ikon serbaguna dan dapat meningkatkan berbagai area situs web Anda. Berikut adalah beberapa contoh praktis untuk menginspirasi desain Anda.

Blog perjalanan

Modul Daftar Ikon menawarkan cara yang bagus untuk membuat konten yang menarik di blog perjalanan Anda. Anda dapat menggunakannya untuk menyoroti kategori di blog Anda, rencana perjalanan, tips pengemasan, atau sorotan tujuan. Selain itu, Anda dapat menggabungkan efek hover dan menggunakan ikon yang berbeda untuk setiap item daftar untuk menyajikan informasi dengan cara yang jelas dan penuh gaya.

Fitur di situs bisnis

Gunakan Modul Daftar Ikon untuk menampilkan layanan bisnis Anda. Tetapkan ikon yang relevan dan sesuaikan warna agar sesuai dengan merek Anda. Anda juga dapat menambahkan tautan ke halaman layanan untuk navigasi yang mudah.

Panduan proses langkah demi langkah

Buat daftar yang menguraikan langkah -langkah proses, seperti "cara mendaftar". Gunakan tanda -tanda untuk memandu pengguna secara visual melalui setiap langkah, membuat informasi kompleks lebih mudah dicerna.

Halaman toko e-commerce

Untuk situs e-commerce, gunakan modul Daftar Ikon untuk menyorot fitur toko Anda. Pasangkan dengan modul WOO Divi 5 untuk membuat halaman kategori produk yang kohesif.

Unduh file

Unduh secara gratis

Bergabunglah dengan The Divi Newsletter dan kami akan mengirimi Anda email salinan paket tata letak halaman pendaratan Ultimate Divi, ditambah banyak sumber daya divi yang luar biasa dan gratis, tips, dan trik. Ikuti bersama dan Anda akan menjadi master Divi dalam waktu singkat. Jika Anda sudah berlangganan cukup ketik alamat email Anda di bawah ini dan klik unduh untuk mengakses paket tata letak.

Unduh

Anda telah berhasil berlangganan. Silakan periksa alamat email Anda untuk mengonfirmasi langganan Anda dan mendapatkan akses ke paket tata letak divi mingguan gratis!

Gunakan Modul Daftar Ikon di Divi 5

Modul Daftar Ikon di Divi 5 menawarkan cara yang bagus untuk membuat daftar fungsional yang penuh gaya dengan sedikit usaha. Kemudahan penggunaannya, opsi kustomisasi yang kuat, dan integrasi tanpa batas dengan fitur-fitur baru Divi 5 menjadikannya wajib bagi pengguna Divi. Baik Anda menyoroti layanan, membimbing pengguna melalui suatu proses, atau menampilkan fitur produk, modul ini membantu Anda memberikan hasil profesional yang melibatkan audiens Anda.

Siap mencobanya? Unduh Divi 5 Public Alpha terbaru hari ini dan jelajahi sendiri Modul Daftar Ikon. Nantikan lebih banyak pembaruan Divi 5 saat kami meluncurkan fitur baru.