Sorotan Plugin Divi – Modul Blog Kustom Divi

Diterbitkan: 2017-05-29

Modul blog Divi memungkinkan untuk semua jenis penyesuaian. Selain penyesuaian standarnya, seperti tata letak, gaya font, batas, overlay, konten, dll., Anda dapat menyesuaikannya lebih jauh dengan CSS. Bagaimana jika Anda ingin mengubah tampilan dan menambahkan beberapa fitur tanpa harus membuat kode sendiri? Plugin pihak ketiga bernama Divi Custom Blog Module mungkin yang Anda butuhkan.

Divi Custom Blog Module (sekarang disebut DTS Blog Module Pro) menambahkan modul baru ke Divi Builder yang menyediakan gaya dan fitur baru termasuk tag media sosial, warna latar belakang untuk meta dan kategori, dan banyak lagi. Ia bekerja di kedua lebar penuh dan tata letak grid. Tambahkan CSS Anda sendiri untuk menyesuaikannya lebih jauh. Ini menambahkan 12 opsi penyesuai baru sehingga Anda dapat menyesuaikan warna secara real time. Ini juga mencakup tiga widget baru untuk ditempatkan di sidebar Anda.

Pada artikel ini kita melihat plugin Divi Custom Blog Module dan melihat apa yang dapat dilakukannya. Saya telah membuat beberapa contoh posting blog sehingga kita dapat melihat cara kerjanya. Gambar untuk posting blog berasal dari Unsplash.com.

Instalasi dan Pengaturan

Unggah dan aktifkan plugin sama seperti plugin premium lainnya. Setelah diaktifkan, Anda akan menemukan item menu baru di dasbor Anda yang disebut Divi Custom Modules.

Menu ini memungkinkan Anda memilih item tambahan yang dapat ditambahkan ke cuplikan blog.

Opsi DCM memungkinkan Anda untuk mengaktifkan atau menonaktifkan media sosial dan ikon email yang ditampilkan di cuplikan blog.

Opsi DCM - Meta Kustom memungkinkan Anda untuk mengaktifkan atau menonaktifkan bidang meta khusus untuk penulis, tanggal, dan komentar.

Saya telah menyertakan semua opsi ini dalam contoh saya.

Membuat Tata Letak Blog

Saya membuat halaman untuk menampilkan contoh posting blog saya dan menempatkan modul. Perhatikan sekarang ada dua modul blog – modul Divi asli (disebut Blog) dan modul baru bernama Custom – Blog. Pilih Kustom – Blog.

Semua fitur blog yang biasa Anda gunakan ada di sini termasuk tata letak, nomor posting, kategori, meta, pagination, offset, gambar unggulan, hamparan gambar, gaya font, batas, ikon, dll. Anda dapat mengatur tata letak blog dan rancang dengan cara yang sama seperti yang Anda lakukan pada modul blog Divi standar dengan tingkat kontrol yang sama.

Untuk membantu kami melihat fitur tambahan, pertama-tama saya ingin menunjukkan modul blog standar. Saya telah memilih tata letak kotak dan membiarkan yang lainnya secara default. Ini termasuk gambar unggulan, nama penulis, tanggal, kategori, jumlah komentar, dan potongan artikel. Ini bersih dan tampak hebat.

Berikut layout blog menggunakan Divi Custom Blog Module dengan pengaturan yang sama. Ini memindahkan nama kategori ke sudut kiri atas, memusatkan nama posting dan menempatkannya di dalam kotak berwarna, menambahkan tombol berbagi sosial yang saya pilih di menu dasbor, dan memindahkan informasi meta di bawah cuplikan posting.

Berikut tampilan lebih dekat. Mengarahkan kursor ke atas ikon sosial akan menukar warna ikon dan warna latar belakangnya – jadi ikon tersebut sekarang berwarna putih sedangkan warna latar belakangnya adalah warna merek jaringan sosial. Dalam contoh ini saya mengarahkan kursor ke ikon Google+. Mengklik tombol akan membawa Anda ke jejaring sosial tempat Anda dapat berbagi artikel (sama seperti tombol berbagi sosial lainnya).

Inilah beranda biasa (tidak menggunakan Divi Builder) yang hanya menampilkan posting terbaru. Ini menggunakan navigasi vertikal dengan gambar di latar belakang, posting WordPress standar, dan widget WordPress biasa di sidebar. Saya ingin menunjukkan ini untuk perbandingan.

Berikut adalah tampilan tata letak posting WordPress normal dengan Divi Custom Modules aktif. Meskipun halaman ini tidak dibuat dengan Divi Builder, halaman ini tetap menampilkan posting menggunakan Modul Blog Kustom Divi dalam tata letak lebar penuh dengan semua konten tambahan yang sama.

Postingan ditumpuk secara vertikal dengan gambar di sebelah kiri, judul tanpa latar belakang bergaya, tombol ikuti sosial, dan cuplikan. Kategori ada di pojok kiri atas dan informasi meta di bagian bawah seperti menggunakan modul.

Tiga Widget Baru

Plugin ini juga menambahkan tiga widget baru:

DCM-Tentang – nama, gelar, posisi, gambar, deskripsi, dan jejaring sosial.

Postingan Terbaru Divichild – judul, jumlah postingan, kategori.

Postingan Populer Divichild – judul, jumlah postingan, kategori.

Seperti Modul Blog Kustom Divi, widget dapat ditata dengan Penyesuai Tema.

Berikut adalah tampilan widget ketika ditempatkan di beranda WordPress standar. Widget terbungkus dengan warna modul. Widget Tentang menggunakan desain tata letak yang serupa dengan modul saat dilihat dalam kisi.

Penyesuai Tema

Tentu saja font dan warna dapat dimodifikasi sesuka hati dan Anda dapat menambahkan overlay dengan ikon seperti modul blog standar. Kami dapat melakukan lebih banyak penyesuaian menggunakan Penyesuai Tema.

Kustomisasi baru ditambahkan ke Penyesuai Tema yang disebut Tata Letak Blog Kustom Divi. Di sini Anda dapat menyesuaikan warna tag, latar belakang, font, ikon, dan tautan untuk modul dan widget. Anda dapat menyesuaikan widget satu per satu atau semuanya bersama-sama.

Dalam contoh ini saya telah menyesuaikan latar belakang, ikon, dan warna font. Anda dapat melihat semua penyesuaian secara real time.

Berikut adalah tampilan modul blog dengan lebar penuh dengan semua penyesuaian yang saya buat di Penyesuai Tema. Yang ini menggunakan tata letak lebar penuh. Penyesuaian termasuk warna tag kategori, latar belakang modul meta dan warna font, latar belakang judul posting, Tentang latar belakang widget dan warna ikon sosial, dan semua warna judul widget.

Yang ini menggunakan tata letak grid. Kedua gaya kartu blog tampak hebat.

Lisensi

Lisensi memungkinkan plugin untuk digunakan di situs web tanpa batas untuk Anda dan klien Anda selama yang Anda suka. Modul Blog Kustom Divi sangat mudah digunakan dan tidak memerlukan dokumentasi. Jika Anda dapat menggunakan modul Divi dan Penyesuai Tema, Anda dapat menggunakan plugin pihak ketiga ini.

  • Ini adalah plugin premium. Ikuti tautan ini untuk membeli: Modul Blog Kustom Divi

Pikiran Akhir

Semua elemen tambahan memberikan cuplikan postingan tampilan baru, tetapi ini bukan hanya visual. Penambahan itu sebenarnya bermanfaat. Dan tentu saja Anda dapat menyesuaikan warna dan font agar sesuai dengan merek atau topik Anda.

Saya terutama menyukai tombol berbagi sosial yang ditambahkan ke setiap posting dan widget Tentang dengan tombol ikuti sosial. Widget Postingan Terbaru dan Postingan Populer menambahkan lebih banyak suar, memungkinkan Anda untuk mencocokkan gaya atau menatanya satu per satu.

Modul Blog Kustom Divi sederhana, tetapi antara modul dan widget itu menambahkan sedikit penyesuaian untuk membuat blog apa pun tampak hebat. Jika Anda ingin menambahkan beberapa fitur baru ke halaman atau sidebar blog Anda, plugin ini layak untuk dilihat.

Kami ingin mendengar dari Anda! Sudahkah Anda mencoba Modul Blog Kustom Divi? Beri tahu kami tentang pengalaman Anda di komentar.

Gambar Unggulan melalui hanss / shutterstock.com