Sorotan Plugin Divi: WP dan Ikon Divi

WP dan Divi Icons adalah plugin pihak ketiga untuk WordPress yang bekerja dengan tema WordPress apa pun dan terintegrasi ke dalam Divi Builder. Untuk digunakan dengan Divi, ini mencakup tata letak eksklusif yang dapat Anda gunakan dalam proyek Anda. Ikon tersedia di editor WordPress dan di modul Divi apa pun yang memungkinkan Anda memilih ikon. Pada artikel ini, kita akan melihat WP dan Ikon Divi dan melihat apa yang membuatnya berbeda dari yang lain.

WP dan Divi Icons menambahkan lebih dari 2500 ikon ke WordPress. Ini termasuk Ikon Font Awesome, Ikon Material, dan 450 ikon yang dirancang khusus termasuk 48 ikon multi-warna. Ini tersedia dalam edisi gratis dan pro. Saya sedang menguji edisi pro.

Memasang Ikon WP dan Divi

Unggah dan aktifkan plugin seperti biasa. Saya menggunakan versi 1.1.0 dengan Divi versi 3.17 dan WordPress 4.9.8.

Selanjutnya, Anda harus mengaktifkan lisensi Anda. Anda dapat menavigasi ke layar aktivasi atau mengklik pesan yang muncul di bagian atas layar. Akan tetapi, mengetahui cara menavigasi ke sana tetap membantu, karena halaman ini akan menjadi layar opsi setelah Anda memasukkan kunci lisensi.

Untuk membuka layar apa pun tema yang Anda gunakan, klik tautan Petunjuk di deskripsi plugin di daftar plugin. Jika Anda menggunakan Divi, item menu baru ditambahkan ke menu Divi di dasbor yang disebut WP dan Divi Icons. Klik ini dan masukkan kunci lisensi Anda.

Menyesuaikan Ikon Multi-Warna

Setelah memasukkan kunci lisensi Anda, itu akan membuka layar dengan instruksi, daftar 48 ikon multi-warna, dan alat untuk membuat skema warna Anda sendiri untuk ikon-ikon itu.

Anda memiliki kendali atas tiga warna. Sesuaikan kontrol warna dan tunggu beberapa detik untuk melihat hasilnya. Mengklik Hapus akan menghapus skema warna. Warna menambahkan sedikit efek bayangan, yang menciptakan versi yang lebih gelap dari setiap warna dan terlihat menakjubkan.

Mengklik Tambahkan Skema Warna akan membuat kumpulan ikon multi-warna baru yang dapat Anda sesuaikan.

Tambahkan skema warna sebanyak yang Anda inginkan. Ini sangat memperluas apa yang dapat Anda lakukan dengan ikon. Kontrolnya intuitif. Ternyata, saya menemukan ini menjadi sedikit adiktif.

Menggunakan WP dan Ikon Divi di WordPress dengan Tema Apa Saja

Untuk menggunakan ikon dengan tema apa pun, pilih ikon baru yang ditambahkan ke editor WordPress.

Tindakan ini akan membuka editor tempat Anda dapat memilih ikon, mengedit warna dengan mengetiknya di bidang warna atau menggunakan pemilih warna, mengubah ukuran dengan memasukkan angka dalam piksel atau menggunakan penggeser, menambahkan judul, dan menambahkan kelas. Anda juga dapat mencari ikon.

Setiap perubahan yang Anda buat akan ditampilkan secara langsung. Dalam contoh ini, saya telah memasukkan warna yang saya inginkan, mengubah ukurannya menjadi 106 piksel, dan mengubah namanya menjadi Green Leaf.

Mengklik OK menambahkan ikon ke konten Anda.

Klik dua kali ikon untuk membuka editor dan membuat perubahan.

Klik OK dan perubahan akan terlihat pada ikon di dalam konten Anda.

Editor ini tidak mengedit ikon multi-warna. Anda harus mengeditnya di layar pengaturan utama yang saya tunjukkan di atas. Anda masih dapat memilihnya dari editor ini, mengubah ukurannya, menambahkan judul, menambahkan kelas, dan memasukkannya ke dalam konten Anda dari sini.

Ikon tampak hebat di dalam konten.

Menggunakan WP dan Ikon Divi dengan Divi Builder

Banyak ikon baru ditambahkan ke Divi Builder yang dapat diakses dari modul apa pun yang memungkinkan Anda memilih ikon. Fitur pencarian baru ditambahkan dan ikonnya jauh lebih besar, membuatnya lebih mudah dilihat (yang menunjukkan bahwa plugin ini mungkin dirancang oleh orang tua seperti saya. Saya dapat memahami dan menghargai fitur ini).

Saya ingin melihat filter ditambahkan sehingga saya dapat memilih antara Font Awesome, Material, atau ikon kustom. Dengan cara ini saya dapat dengan mudah melihat ikon kustom dan mengabaikan ikon Font Awesome dan Material jika saya menginginkan sesuatu yang berbeda dari orang lain, atau membangun hanya dengan Font Awesome atau Ikon Material, atau memadukan ikon saya secara selektif.

Ini mencakup ikon tunggal dan multi-warna.

Cari dan ubah ikon langsung dari frontend.

Mereka dapat disesuaikan seperti ikon Divi lainnya.

Anda juga dapat menambahkan ikon multi-warna dari pembuat frontend. Anda tidak dapat menyesuaikan warna ikon di sini (yang dilakukan di editor ikon multi-warna), tetapi Anda dapat menambahkan lingkaran, menambahkan batas, menyesuaikan warnanya, dan menyesuaikan ukuran ikon dari pengaturan modul.

Dalam contoh ini, saya telah menambahkan lingkaran dengan batas.

Anda dapat menggunakannya dari frontend dan backend.

Editor ikon WordPress juga tersedia di modul teks Divi. Editor ini bekerja persis sama dengan tema WordPress apa pun.

Layout Ikon WP dan Divi

Plugin ini berfungsi dengan tema apa pun, tetapi memiliki fitur khusus hanya untuk Divi. Salah satu keuntungan terbesar menggunakannya dengan Divi adalah tata letak khusus yang eksklusif. Mereka dirancang khusus menggunakan WP dan Ikon Divi dan tautan unduhan hanya tersedia di dalam plugin. Mereka tersedia untuk diunduh kepada siapa saja yang memiliki plugin dan dapat digunakan pada proyek apa pun. Mereka adalah tata letak penuh dengan banyak modul bergaya.

Sudah ada beberapa yang tersedia dan beberapa lagi di jalan. Berikut adalah tampilan masing-masing dengan fokus pada bagaimana mereka menggunakan ikon. Anda dapat melihatnya di halaman demo pengembang.

Tata Letak eCommerce

Tata letak ini mencakup tajuk bergaya dengan gelembung untuk menunjukkan jenis gateway pembayaran dan mitra pengiriman yang digunakan perusahaan. Ikon multi-warna menunjukkan layanan yang ditawarkan. Cara kerjanya ditampilkan di tab. Ini juga termasuk tabel harga, testimonial, pendaftaran buletin FAQ, dan footer.

Tata Letak Agensi Kreatif

Yang ini mencakup tajuk bergaya, area tentang jenis layanan yang Anda tawarkan, portofolio, bilah geser yang mencakup cara Anda bekerja dan langkah-langkah yang Anda ambil, testimonial, penghargaan, tentang tim Anda, kontak, dan catatan kaki. Ini menggunakan banyak sudut miring dan efek bayangan yang dalam. Ikon multi-warna menunjukkan layanan.

Tata Letak Bisnis Gelap

Yang ini memiliki header dua kolom dengan gambar di satu sisi dan teks di sisi lain. Bagian yang menunjukkan layanan yang Anda tawarkan menggunakan ikon multi-warna dan menampilkan gambar dan teks bergantian di bawah halaman. Bagian lain menggunakan teks latar belakang besar dan memperlihatkan sejarah perusahaan, anggota tim dengan ikon multi-warna di hamparan, formulir kontak, informasi kontak, dan footer.

Lampu Tata Letak Bisnis

Ini adalah tata letak yang sama dengan Tata Letak Bisnis Gelap, tetapi dengan warna terang.

Tata Letak Nirlaba

Yang ini menampilkan penggeser gambar layar penuh dengan menu vertikal di sebelah kanan dan menggunakan ikon untuk tombol ikuti sosial. Bagian tipis di bawah ini menunjukkan CTA donasi. Ini juga mencakup bagian tentang, penyebab yang Anda dukung, bagian acara, proyek, uraian singkat dengan ikon, sponsor, dan catatan kaki.

Lisensi dan Dokumentasi

Harga berkisar dari gratis untuk edisi terbatas, $39 untuk satu situs, $59 untuk 3 situs, dan $79 untuk situs tak terbatas. Anda dapat membeli plugin di situs web pengembang.

Ini termasuk dukungan premium dan pembaruan 3 tahun. Dokumentasi disediakan di situs web pengembang.

Mengakhiri Pikiran

Ikon WP dan Divi mudah digunakan. Perlu beberapa detik ekstra untuk memuat ikon ketika saya mengkliknya di modul Divi. Saya yakin ini sebagian besar disebabkan oleh koneksi Internet "selamat datang-ke-kehidupan-negara" saya yang lambat. Saya ingin melihat filter ditambahkan ke modul Divi. Fitur pencarian berguna untuk menemukan ikon berdasarkan kata kunci.

Saya suka itu menambahkan Font Awesome dan Ikon Material, tetapi favorit saya adalah ikon khusus - dan terutama ikon multi-warna. Editornya sederhana menyenangkan untuk digunakan. Saya pikir ini adalah plugin yang bagus bahkan tanpa Divi, tetapi lebih baik lagi dengan Divi karena tata letak yang gratis.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Ikon WP dan Divi? Beri tahu kami pendapat Anda tentang hal itu di komentar.

Gambar Unggulan melalui VectorsMarket / shutterstock.com