Sorotan Plugin Divi – Ekstra Blog Divi

Divi menyertakan modul blog untuk menampilkan posting Anda dalam lebar penuh atau tata letak kotak. Ini adalah modul yang bagus dan menyelesaikan pekerjaan. Bagaimana jika Anda menginginkan tata letak dan fitur yang berbeda? Itu dapat dilakukan dengan CSS, tetapi plugin pihak ketiga yang disebut Divi Blog Extras membuat tugas menjadi lebih mudah.

Divi Blog Extras adalah plugin pihak ketiga dari Divi Extended yang menambahkan modul baru ke Divi Builder dengan beberapa fitur baru untuk menampilkan posting blog Anda. Ini mencakup enam desain tata letak yang berbeda dan menambahkan fitur pemuatan AJAX dengan tombol muat lebih banyak. Postingan dimuat saat Anda menggulir dan memuat dengan cepat. Anda dapat mengubah teks untuk tombol baca lebih lanjut dan muat lebih banyak.

Dalam sorotan plugin ini kita akan melihat Divi Blog Extras dan mendapatkan beberapa ide tentang apa yang dapat dilakukan dengan plugin ini. Gambar untuk contoh ini diambil dari Unsplash.com.

Instalasi dan Pengaturan Ekstra Blog Divi

Unggah dan aktifkan seperti biasa. Modul baru bernama Divi Blog Extras akan tersedia di Divi Builder. Untuk menggunakannya cukup letakkan dalam satu baris seperti modul apa pun. Karena opsinya sama dengan modul Divi Builder standar, penggunaan modul ini bersifat intuitif.

Pengaturan Konten mencakup opsi yang sudah dikenal dan memiliki enam pilihan tata letak, panjang kutipan, warna kategori, memuat lebih banyak teks tombol, hamparan gambar unggulan, teks tombol baca lebih lanjut, dan opsi warna teks. Pengaturan Desain termasuk header, meta, dan teks isi, dan gaya batas. Tata letak Block Extended menambahkan posisi gambar dan Classic menambahkan ikon sosial. Mari kita lihat lebih dekat pada masing-masing tata letak.

Grid Diperpanjang

Tata letak default, Grid Extended, menampilkan posting blog dengan gambar dan teks bergantian. Gambar menjadi cerah saat dilayangkan. Nama kategori ditempatkan di dalam kotak. dalam mode responsif gambar ditempatkan di atas.

Dalam contoh ini saya telah menambahkan overlay hover, ikon hover, mengubah teks baca lebih lanjut, membatasi kutipan hingga 100 karakter, dan mengubah teks kategori dan warna latar belakang. Animasi hover ditampilkan saat Anda mengarahkan kursor ke bagian mana pun dari postingan.

Kotak Diperpanjang

Box Extended menempatkan kutipan dalam kotak yang tumpang tindih dengan gambar dan menghapus kotak di sekitar nama kategori. Gambar penulis ditambahkan ke bagian meta. Gambar dan teks bergantian. Ini adalah salah satu tata letak blog yang lebih elegan.

Dalam contoh ini saya telah mengubah font kategori dan warna latar belakang, membatasi panjang kutipan hingga 150 karakter dan mengubah font menjadi biru, dan mengubah teks tombol baca lebih lanjut. Arahan default mencerahkan gambar seperti yang terlihat pada gambar atas di atas.

Lebar Penuh

Full Width menempatkan gambar di sebelah kiri dan kutipan di sebelah kanan, menambahkan tanggal bergaya di paling kiri. Setiap pos dipisahkan oleh garis. Nama kategori ditempatkan di dalam meta.

Contoh ini menonaktifkan info tanggal dan meta. Teks menggunakan warna khusus. Saya telah mengubah baca lebih lanjut dan memuat lebih banyak teks tombol. Kutipan dibatasi hingga 200 karakter.

Semua tata letak responsif. Berikut tampilan responsif Full Width. Ini menunjukkan dua modul berdampingan dalam baris 2 kolom.

Blok Diperpanjang

Block Extended adalah kisi blog yang menambahkan nama kategori di atas gambar dan meta di bagian bawah kartu. Gambar diperbesar saat Anda mengarahkan kursor ke bagian kartu mana pun. Saya suka jenis interaksi mikro ini karena menunjukkan kartu dapat diklik.

Block Extended memiliki tiga opsi untuk menampilkan gambar. Contoh ini menempatkan gambar unggulan di latar belakang dengan teks di hamparan.

Contoh ini mengganti gambar latar belakang di antara dua pilihan pertama.

Latar Belakang Lebar Penuh

Full Width Background menampilkan versi gambar yang dipotong dengan lebar penuh dan menempatkan kutipan dengan meta dalam overlay di atas gambar. Penempatan kutipan bergantian. Meta dipisahkan dari kutipan dengan garis.

Contoh ini menggunakan overlay gelap di atas gambar untuk menunjukkan bahwa overlay kutipan tidak menggunakan overlay yang sama saat mengarahkan kursor. Latar belakang bagian berwarna merah untuk contoh ini. Perhatikan pertunjukan merah saat melayang. Saya juga telah menambahkan teks tombol baca lebih lanjut saya sendiri dan batas 2 piksel.

Klasik

Tata letak Klasik menampilkan posting blog dengan gambar ukuran penuh dan kutipan lebar penuh di bawah gambar. Kategori dan tanggal diletakkan di atas judul. Judul menyertakan pemisah garis pendek untuk membuatnya menonjol dari gambar. Di bawah kutipan adalah nama penulis dan jumlah komentar yang dipisahkan oleh sebuah bar. Pemisah garis yang lebih tipis dan lebih lebar memisahkan pos satu sama lain.

Tata letak ini memiliki opsi untuk menampilkan ikon sosial. Mengklik Muat Lebih Banyak (atau seperti yang saya beri label – Lihat Artikel Lainnya) menampilkan kumpulan posting berikutnya, yang sama dengan jumlah posting yang saya pilih untuk ditampilkan. Dalam contoh ini saya menampilkan dua posting. Load More memuat 2 posting berikutnya.

Membuat Tata Letak Unik dengan Divi Blog Extras

Beberapa modul dapat digunakan bersama untuk membuat tata letak majalah. Tata letak sederhana ini mencakup empat modul yang menampilkan tata letak Gird Extended. Setiap modul menampilkan kategori yang berbeda. Dua di tengah menampilkan dua posting masing-masing.

Ini menciptakan tata letak majalah dengan kategori berbeda untuk berbagai bagian. Contoh ini menunjukkan bagaimana Extended Grid terlihat responsif.

Ini adalah tata letak Divi Builder yang sama tetapi menggunakan Latar Belakang Lebar Penuh. Hamparan menutupi gambar hampir sepenuhnya saat dalam mode responsif.

Contoh ini menggunakan tata letak Klasik untuk modul teratas dan Grid Extended untuk dua modul berikutnya. Masing-masing modul menampilkan kategori yang berbeda dan memiliki gaya sendiri untuk teks kategori. Modul atas tidak menampilkan kutipan.

Ini menciptakan tata letak majalah yang menarik. Saya juga mengatur baris untuk menampilkan lebar penuh. Anda dapat mencampur dan mencocokkan tata letak untuk mendapatkan desain yang unik. Saya telah membuat tata letak dengan kategori berbeda untuk setiap modul. Dalam pembaruan di masa mendatang, modul akan memiliki fitur offset sehingga Anda dapat menggunakan beberapa modul dalam kategori yang sama.

Lisensi

Satu situs adalah $15. Lisensi yang diperpanjang adalah $30 dan dapat digunakan di situs tak terbatas untuk Anda dan klien Anda. Ini termasuk pembaruan seumur hidup.

Plugin ini tidak bekerja dengan Extra.

• Anda dapat membeli plugin ini di situs web Divi Extended.

Pikiran Akhir

Divi Blog Extras menambahkan beberapa fitur gaya dan desain yang bagus untuk memberikan beberapa pizazz pada modul blog Anda. Itu juga menambahkan kemampuan untuk menata latar belakang dan teks kategori. Ini menggunakan AJAX untuk memuat dan menyertakan tombol muat baru. Anda bahkan dapat menambahkan teks Anda sendiri untuk memuat lebih banyak dan membaca lebih banyak tombol. Masing-masing desain ini bagus untuk memberikan tampilan unik pada blog Anda dari blog standar. Jika Anda menginginkan desain blog yang melampaui modul blog Divi Builder standar, Divi Blog Extras mungkin merupakan modul yang Anda cari.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Divi Blog Extras? Beri tahu kami tentang pengalaman Anda di komentar di bawah.

Gambar Unggulan melalui pulsar011 / shutterstock.com