Sorotan Plugin Divi: Divi FilterGrid

Divi FilterGrid adalah plugin pihak ketiga yang menambahkan modul filterable baru ke Divi Builder. Itu dapat menampilkan posting dari semua jenis posting khusus dan membuat filter khusus untuk menampilkannya sesuai dengan taksonomi apa pun yang Anda pilih. Tampilkan posting blog, proyek, produk, buat galeri, dan banyak lagi.

Dalam sorotan plugin ini, kita akan melihat Divi FilterGrid, melihat apa yang dapat dilakukannya, dan melihat betapa mudahnya menggunakannya. Anda dapat membeli plugin dari situs web pengembang.

Modul Divi FilterGrid

Modul Divi FilterGrid ditambahkan ke Divi Builder. Ikon berwarna dan menonjol dari yang lain.

Tab Konten Divi FilterGrid

Tab Konten menambahkan banyak fitur. Mereka termasuk elemen posting, opsi kueri, opsi filter, opsi pagination, dan latar belakang untuk menyesuaikan semua warna latar belakang. Ini juga termasuk tautan standar dan opsi label admin.

Elemen Posting

Opsi Post Elements memungkinkan Anda menampilkan atau menyembunyikan gambar unggulan dan kemudian menentukan tindakan thumbnail. Anda dapat menautkan ke postingan, menampilkan gambar di lightbox, di galeri lightbox, menampilkan postingan di popup, atau membuka galeri lightbox khusus. Untuk contoh ini, saya menampilkan postingan dalam popup.

Yang ini membuka gambar di galeri lightbox. Pembaca dapat memilih panah untuk melihat gambar unggulan dari semua posting. Mengklik judul posting masih membuka posting di tab yang sama.

Anda juga dapat mengubah warna overlay, ikon, dan warna ikon. Saya telah menyesuaikan masing-masing pada gambar di atas. Anda juga dapat menampilkan judul, menambahkan tautan ke judul, menambahkan kutipan, membatasi jumlah karakter kutipan, menampilkan tombol baca lebih lanjut, menambahkan bidang khusus, dan banyak lagi. Saya telah menambahkan kutipan dan menonaktifkan meta pos.

Opsi Kueri

Opsi Kueri memungkinkan Anda memilih jenis kueri dari Dasar, Lanjutan, dan Kustom. Pilih kategori, nomor pos, nomor offset, dan urutkan berdasarkan opsi. Saya telah memilih satu kategori dalam contoh ini.

Opsi Lanjutan memberi Anda beberapa fitur baru. Pilih jenis posting tertentu, taksonomi, istilah, dan kecualikan istilah dan taksonomi. Anda juga dapat menampilkan pos pribadi dan pos tempel. Dalam contoh di atas, saya mengatur taksonomi. Ini memungkinkan saya memilih kategori atau tag tertentu yang ingin saya gunakan dan kemudian menentukan hubungannya dengan istilah pencarian. Istilah anak bekerja dengan cara yang sama. Ini memungkinkan Anda untuk mendapatkan detail ekstra dan tidak hanya menampilkan posting berdasarkan kategori atau tag. Anda juga dapat mengatur nomor pos dan opsi pesanan untuk taksonomi.

Jenis kueri khusus memungkinkan Anda menggunakan konten khusus. Ini menyediakan tautan ke dokumentasi tempat Anda dapat mempelajari cara mengaturnya. Kueri kustom dilakukan dengan kode di file functions.php. Dokumentasi mencakup beberapa contoh untuk memandu Anda melewatinya.

Opsi Filter

Opsi Filter memungkinkan Anda memfilter kisi menurut istilah pencarian. Pilih filter default dan Anda akan melihat modal di mana Anda dapat memilih kategori dan tag untuk posting dan proyek. Anda juga dapat mengatur urutan dan memfilter berdasarkan ID, nama, atau pesanan khusus. Untuk pesanan khusus, Anda akan melihat kotak tempat Anda dapat memasukkan nilai yang dipisahkan dengan koma.

Opsi Paginasi

Opsi Pagination memungkinkan Anda untuk memilih jenis pagination. Pilih dari halaman, tombol muat lebih banyak, atau untuk memuat lebih banyak di gulir. Untuk opsi halaman Anda dapat memilih panah, teks, dan jumlah halaman yang ditampilkan di tautan. Saya telah menambahkan teks dan mengubah panah dalam contoh ini.

Latar belakang

Pengaturan Latar Belakang memungkinkan Anda menyesuaikan latar belakang kisi, filter, filter aktif, pagination, dan pagination aktif. Ini juga mencakup opsi latar belakang standar yang Anda harapkan dalam modul Divi. Pada contoh di atas, saya telah menyesuaikan warna latar belakang untuk filter, grid, dan pagination.

Tab Desain Divi FilterGrid

Tab Desain menyediakan penyesuaian untuk opsi tata letak, teks judul posting, teks meta data posting, teks konten posting, teks filter, teks pagination, tombol baca lebih lanjut, tombol muat lebih banyak, dan semua opsi modul Divi standar.

Opsi Tata Letak

Opsi Tata Letak memungkinkan Anda memilih tata letak, kulit, mengatur lebar item, ukuran talang kolom dan baris, dan ukuran font kisi. Saya telah mengurangi lebar item, menghapus talang, dan memilih Midnight untuk skin. Saya juga telah mengurangi ukuran font.

Ini adalah Filter Vertikal Kiri. Ini menempatkan filter dalam tumpukan vertikal ke sisi kiri. Saya telah meningkatkan lebar item sehingga gambarnya lebih besar.

Ini adalah Item dalam Hamparan. Pos lebih pendek dalam opsi ini.

Zoom Gambar menunjukkan setiap gambar dengan overlay dan judul di tengah. Gambar diperbesar saat melayang.

Perpustakaan menunjukkan kartu dengan batas dan menempatkan judul di atas gambar.

Ini adalah tata letak Daftar menggunakan kulit default.

Ini adalah Lebar Penuh. Itu menempatkan judul, meta, dan kutipan di bagian bawah gambar.

Tab Tingkat Lanjut Modul Divi FilterGrid

Tab Lanjutan menambahkan 15 bidang CSS Khusus untuk hampir setiap elemen dalam modul. Pengguna CSS tidak akan kesulitan menargetkan elemen tertentu untuk disesuaikan.

Penataan Modul Divi FilterGrid

Opsi tata letak dapat membuat beberapa desain menarik. Dalam contoh ini, saya telah mengurangi lebarnya sehingga ditampilkan dalam satu baris. Saya juga telah menghapus meta dan kutipan.

Untuk yang ini, saya menambah lebar item. Ini menciptakan desain galeri mosaik yang bagus.

Di sini, saya telah menambahkan judul, semua meta, kutipan, dan tombol baca lebih lanjut. Saya telah mengubah warna judul, membuat huruf besar semua, memperbesar ukurannya, memusatkannya, dan menambah jarak karakter. Saya juga telah mengurangi ukuran tombol baca lebih lanjut dan menata teks menjadi putih.

Ada banyak opsi gaya untuk tombol baca lebih lanjut. Untuk yang ini, saya telah kembali ke ukuran default tetapi membuat teks menjadi ringan. Saya telah membulatkan tepinya dan memberinya gradien latar belakang.

Itu tidak ditampilkan dalam mode editor, tetapi Anda juga dapat menambahkan gambar ke tombol. Anda dapat menambahkan gambar itu sendiri, dengan hamparan padat, atau dengan hamparan gradien. Dalam contoh ini, saya telah menambahkan gambar di belakang gradien hijau saya.

Teks data meta pos menyesuaikan semua meta pos bersama-sama. Saya telah mengubah warna dan spasi baris.

Teks filter memungkinkan Anda menata font untuk filter. Saya telah meningkatkan ukuran font, mengubah warna, dan menambahkan efek bayangan. Gaya filter default memiliki warna berbeda untuk filter yang dipilih. Anda dapat menyesuaikannya secara terpisah di opsi latar belakang di tab Konten.

Dalam contoh ini, saya menyesuaikan teks pagination. Saya telah mengubah warna, menambah ukuran, menambahkan beberapa spasi karakter, dan menambahkan bayangan. Saya juga telah menyesuaikan kekuatan blur.

Tombol muat lebih banyak juga menyertakan opsi gaya dasar. Saya menggunakan teks default (dapat diubah di tab konten). Saya juga telah mengatur teks menjadi putih (secara default berwarna hijau).

Saya telah meningkatkan ukuran font, menambahkan spasi karakter, menyesuaikan batas, menambahkan gradien, dan menonaktifkan hanya menampilkan ikon saat melayang.

Divi FilterGrid dan Jenis Posting Kustom

Saya merasa mudah digunakan dengan jenis posting khusus. Dalam opsi kueri, klik Pilih Jenis Postingan, lalu pilih jenis posting dari modal.

Itu masih menunjukkan filter asli, tetapi Anda dapat membuatnya sendiri atau menonaktifkannya. Dalam opsi filter, klik filter taksonomi dan pilih taksonomi Anda dari daftar. Klik Tetapkan Nilai .

Saya sekarang memiliki filter khusus untuk produk WooCommerce saya.

Saya sekarang memiliki modul produk WooCommerce yang dapat saya gaya sesuka hati.

Contoh Blog Divi FilterGrid

Untuk contoh ini saya telah mengganti modul blog dari halaman blog tata letak Dog Walker. Saya menatanya agar sesuai dengan warna, gaya font, dan sudut membulat untuk posting. Saya kemudian menambahkan produk WooCommerce untuk muncul dalam daftar blog. Ini adalah cara yang bagus untuk menambahkan berbagai jenis konten dalam aliran blog Anda.

Hasilnya terlihat luar biasa. Itu membuat blog yang dapat difilter, atau Anda dapat menonaktifkan filter dan hanya menampilkan konten.

Dokumentasi dan harga Modul Divi FilterGrid

Dokumentasi tersedia di situs web pengembang. Klik tombol untuk melihat informasi spesifik tentang fitur lanjutan. Anda dapat mengunjungi halaman FAQ atau mengirimkan tiket dukungan dari sini. Anda juga dapat mengklik tanda tanya untuk setiap fitur dalam modul untuk melihat penjelasan cara menggunakannya.

Ada empat opsi untuk membeli Divi FilterGrid:

• Situs Tunggal – $19
• 5 situs – $39
• Situs Tidak Terbatas – $59
• Situs Seumur Hidup Tidak Terbatas – $129

Anda dapat membeli plugin dari situs web pengembang.

Mengakhiri Pikiran

Divi FilterGrid adalah plugin yang menarik. Ini adalah modul yang sangat baik untuk menampilkan berbagai jenis konten. Anda dapat menampilkan hampir semua jenis posting dan menampilkan beberapa jenis posting secara bersamaan. Opsi pemfilteran bisa serumit yang Anda inginkan.

Saya suka memiliki opsi penyesuaian warna untuk latar belakang. Memiliki opsi warna di tab Konten berarti opsi warna berada di dua lokasi berbeda. Saya pikir itu akan menjadi sentuhan yang lebih intuitif jika penyesuaian warna tersebut dipindahkan ke tab Desain. Namun, bagus untuk dapat menyesuaikan warna secara mandiri.

Saya merasa itu sangat intuitif. Saya merekomendasikan menjelajahi untuk melihat semua opsi. Jika Anda tertarik untuk menambahkan kisi filter yang kuat untuk menampilkan jenis posting Anda, Divi FilterGrid adalah plugin yang mudah untuk direkomendasikan.

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

Gambar Unggulan melalui Thepanyo / shutterstock.com