Sorotan Plugin Divi: Konten Intens

Divi Builder menyertakan modul blog untuk menampilkan posting berdasarkan kategori baik dalam tata letak lebar penuh atau kisi. Pernahkah Anda ingin lebih mengontrol tata letak blog Anda? Anda mungkin tertarik dengan plugin pihak ketiga yang disebut Content Intense.

Content Intense adalah plugin dari BeSuperfly yang menambahkan fitur tata letak dan gaya baru untuk memberikan tampilan baru pada modul blog Anda. Ini didasarkan pada modul blog standar, sehingga mencakup semua fitur yang sudah dikenal.

(Plugin tersedia dari situs web pengembang.)

Dalam sorotan plugin ini kita akan melihat fitur dan melihat tampilannya di halaman. Saya juga akan memuatnya di Extra (tapi tentu saja itu juga kompatibel dengan Divi).

Memasang Konten Intens

Unggah dan aktifkan Konten Intens sama seperti plugin apa pun. Setelah plugin diaktifkan, Anda akan melihat item menu baru dalam Pengaturan di dasbor yang disebut Aktivasi Plugin Konten Intens. Klik ini dan masukkan Kunci API dan email Anda, dan simpan perubahan.

Modul Intens Konten

Modul baru ditambahkan ke Divi Builder yang disebut Content Intense.

Tab Konten memungkinkan Anda untuk menampilkan posting saja, halaman saja, atau halaman dan posting, nomor yang akan ditampilkan, kategori, dan nomor offset. Tampilkan gambar unggulan, meta (yang memungkinkan Anda memilih pemisah), kutipan, navigasi, dan latar belakang. Seperti yang akan Anda lihat, saya terlalu menyederhanakan jumlah opsi dalam pengaturan.

Salah satu fitur paling unik adalah bahwa kategori WordPress ditambahkan ke halaman. Jika Anda memilih untuk menampilkan halaman, halaman tersebut dipilih saat Anda memilih kategorinya.

Tab Desain memungkinkan Anda memilih salah satu dari 5 tata letak, mengaktifkan overlay, menyesuaikan teks header, teks isi, dan teks meta. Sesuaikan juga batas, tombol, spasi, dan animasi.

Fitur hubungan tombol Lanjutan daripada menyertakan sehingga Anda dapat menentukan nilai atribut rel tautan. Ini bagus untuk membuat bookmark, mengatur tautan ke nofollow, dll.

Pengaturan Default Konten Intens

Pengaturan default menampilkan gambar unggulan dengan Gravatar penulis yang tumpang tindih di bagian bawah gambar. Ini diikuti oleh meta posting, judul, baris, kutipan posting, dan tombol baca lebih lanjut dengan animasi hover. Saya telah menambahkan latar belakang di bagian untuk membuatnya menonjol.

Dalam contoh ini saya telah menambahkan tanda bintang untuk pemisah meta, mengubah jumlah kutipan dari 270 menjadi 100, dan mengganti tombol baca lebih lanjut dengan teks di tengah. Alih-alih tanggal, itu menunjukkan berapa lama posting itu diterbitkan. Saya telah menonaktifkan jumlah komentar.

Yang ini menambahkan beberapa warna ke latar belakang di belakang teks. Saya juga telah memindahkan tombol ke kanan dan mengatur kutipan ke 150.

Ada lima tata letak yang berbeda. Contoh yang telah kita lihat sejauh ini menggunakan Atlas – 3-kolom, tata letak vertikal, dengan avatar. Mari kita lihat setiap tata letak. Saya menggunakan pengaturan default.

Ini adalah Pegunungan Alpen. Ini adalah tata letak bolak-balik horizontal satu kolom. Latar belakang teks cocok dengan warna latar belakang yang saya pilih di bagian. Ini adalah kartu datar dengan efek melayang untuk tombol.

Ini adalah Himalaya, tata letak vertikal 3 kolom yang menggunakan gambar unggulan pos sebagai latar belakang. Ini juga menggunakan animasi tombol. Teks ini lebih sulit dilihat tanpa penyesuaian. Kami akan memperbaikinya nanti dengan overlay.

Ini adalah Rockies – tata letak vertikal 3 kolom dengan efek melayang. Itu juga menempatkan gambar unggulan sebagai latar belakang. Efek hover mengungkapkan kutipan lengkap dan tombol baca lebih lanjut. Kami akan membuat beberapa penyesuaian untuk membuat teks lebih mudah dibaca.

Yang ini Andes – tata letak vertikal 1 kolom dengan avatar. Ini menggunakan versi yang dipotong dari gambar unggulan dan menggunakan garis kecil untuk memisahkan meta dan garis yang lebih besar untuk memisahkan posting.

Di bagian bawah halaman Anda akan melihat tombol navigasi. Anda dapat menonaktifkannya atau menambahkan teks Anda sendiri. Mereka mengambil gaya tombol lainnya, jadi saat Anda mengatur gaya tombol baca lebih lanjut, Anda juga telah menatanya. Anda juga dapat menggunakan teks sebagai ganti tombol.

Contoh – Pegunungan Alpen dengan Atlas

Saya membuat layout blog ini menggunakan 2 modul Content Intense. Yang pertama menggunakan tata letak Alpen tanpa navigasi. Modul kedua menggunakan Atlas. Saya telah mengatur offsetnya ke 1 sehingga tidak menampilkan gambar yang sama dengan modul pertama. Saya telah menyesuaikan warna font ke Arimo (favorit saya). Tombol menggunakan gradien. Saat mengarahkan kursor ke warna solid dan menambah spasi huruf. Tombol navigasi cocok.

Contoh – Pegunungan Alpen

Saya seorang pengisap untuk tata letak bergantian. Saya menyukai tampilan Pegunungan Alpen tanpa perubahan apa pun, jadi saya hanya membuat beberapa penyesuaian kecil. Saya menambahkan batas merah, hamparan merah, dan mengubah warna tombol dan header. Saya juga mengubah font menjadi Dosis dan membuatnya tebal. Ini menunjukkan overlay pada hover.

Saya sebenarnya lebih suka tanpa batas. Yang ini menunjukkan tombol di hover.

Contoh – Andes

Contoh ini menggunakan 6 modul Content Intense yang berbeda – semuanya menggunakan Andes dan masing-masing diimbangi oleh 1 lebih banyak dari modul sebelumnya. Saya telah menambahkan latar belakang ke bagian dengan overlay. Font header adalah Comfortaa. Modul terakhir menggunakan navigasi. Saya telah mengubah tombol menjadi teks.

Berikut adalah tampilan desain kolom tunggal normal. Saya juga telah menambahkan overlay hover. Segala sesuatu yang lain adalah default.

Contoh – Himalaya

Yang ini menggunakan Himalaya dengan overlay di belakang teks. Saya telah menonaktifkan meta, mengubah teks menjadi terang, mengubah gaya tombol menjadi putih dan mengurangi font tombol menjadi 12 poin. Teks header adalah Bitter. Satu-satunya animasi yang saya sertakan adalah untuk tombol melayang. Ini akan menjadi CTA yang bagus atau tautan ke halaman yang menggambarkan layanan Anda.

Contoh – Rockies

Saya suka tampilan Rockies. Ini memiliki efek bayangan yang bagus dengan animasi hover yang menampilkan teks dan tombol baca lebih lanjut. Saya dapat menempatkan hamparan teks tetapi saya tidak ingin menutupi gambar. Sebagai gantinya, saya mengubah teks menjadi terang. Saya juga mengubah warna meta dan tombol, dan mengubah pemisah menjadi tanda hubung.

Tentu saja overlay memang terlihat bagus. Saya telah menambahkan overlay hitam dan mengubah opacity sehingga sedikit gambar terlihat. Tanggal di sudut kiri atas juga menggunakan overlay. Saya mengubah tombol menjadi teks dan memindahkannya ke kanan. Saya suka tiga titik dan garis di bagian bawah kartu. Ini adalah detail kecil yang menambahkan sentuhan suar visual.

Contoh – Ekstra

Konten Intens bekerja sangat baik dengan Extra. Saya hanya perlu melakukan beberapa penyesuaian kecil di mana saya menggunakan Andes. Dalam contoh saya, saya telah menempatkan latar belakang putih untuk area teks. Karena saya menggunakan teks putih, saya cukup mengubahnya menjadi gelap. Contoh di atas adalah Rockies. Satu-satunya perbedaan adalah warna teks untuk tautan baca lebih lanjut.

Gaya yang Dapat Diunduh

Animasi dapat ditambahkan melalui CSS. Situs web pengembang menunjukkan beberapa animasi yang mereka buat seperti yang di atas yang memindahkan teks saat melayang. Ini dan gaya lainnya dapat diunduh darinya dalam file JSON.

Lisensi dan Dokumentasi

Pilih dari dua lisensi (tidak memungkinkan untuk dijual kembali):

• Lisensi Standar: untuk digunakan pada satu situs web. Ini termasuk 1 untuk Proyek Pengembangan dan 1 untuk Proyek Langsung.
• Lisensi Tidak Terbatas: dapat digunakan di situs web tanpa batas untuk penggunaan pribadi dan klien.

Pembaruan dilakukan secara otomatis. Konten Intens tersedia dari situs web pengembang.

Dokumentasi dibuktikan di situs web pengembang. Ini membawa Anda melalui penyesuaian dan memberikan demo di sepanjang jalan.

Pikiran Akhir

Content Intense memiliki beberapa fitur tata letak yang bagus, dan lebih banyak lagi tata letak akan ditambahkan di masa mendatang, jadi ini baru permulaan. Setiap tata letak dapat ditata dengan penyesuaian modul dan disesuaikan lebih jauh dengan CSS. Ini intuitif untuk digunakan. Jika Anda tertarik untuk memberikan tampilan yang berbeda pada blog Anda, Content Intense mungkin merupakan plugin yang Anda cari.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Konten Intens? Beri tahu kami tentang pengalaman Anda dengannya di komentar di bawah.

Gambar Unggulan melalui LanKoga / shutterstock.com