15+ Tutorial Modul Blog yang Menakjubkan untuk Divi

Modul blog Divi adalah modul yang kuat untuk membuat semua jenis halaman dengan feed blog. Tampilkan satu posting, banyak posting, posting untuk halaman tertentu, tetapkan halaman ke arsip, dan banyak lagi. Ini adalah modul yang sederhana, tetapi ada beberapa cara untuk menggunakannya. Untungnya, ada banyak tutorial modul blog yang mengajarkan seluk beluk penggunaan modul blog. Pada artikel ini, kita akan melihat lebih dari 15 tutorial modul blog yang luar biasa untuk Divi untuk membantu Anda membuat halaman blog Anda.

1. Cara Membuat Halaman Blog

Tutorial ini menggunakan salah satu dari banyak template halaman blog yang tersedia dalam Divi untuk menunjukkan cara membuat halaman blog. Ini menggunakan modul blog serta banyak modul pendukung. Ini membawa Anda langkah demi langkah melalui setiap pengaturan untuk membuat ulang halaman blog.

Lihat Tutorial

2. 8 Kombinasi Tampilan Elemen Pos

Yang ini memeriksa elemen posting, seperti nama penulis, tanggal penerbitan, dan kategori, yang ditampilkan dalam kartu blog. Ini memberikan 8 contoh dengan berbagai kombinasi tentang bagaimana mereka dapat digunakan bersama dan mencakup wawasan tentang kapan harus menggunakan masing-masing elemen dan kelebihannya.

Lihat Tutorial

3. Membandingkan Tata Letak Grid & Fullwidth Blog Divi

Tutorial ini membahas perbandingan rinci tata letak blog grid dan fullwidth yang tersedia dalam modul blog. Ini memberikan informasi tentang bagaimana mengubah antara dua pilihan. Perbandingan menunjukkan contoh bagaimana mereka digunakan dalam tata letak Divi. Ini juga memberikan pro dan kontra dari setiap opsi dan termasuk tip untuk memilih di antara mereka.

Lihat Tutorial

4. Cara Menata Gaya Kartu Grid Blog Divi Anda

Tutorial ini memandu pembaca melalui penataan kartu grid blog. Ini menunjukkan 4 contoh yang mencakup kotak blog kotak-kotak, efek hover dengan tata letak kotak-kotak, menyesuaikan kartu dengan baris, dan merancang kartu tertentu. Contohnya termasuk tutorial video dan mencakup pengaturan modul blog dasar dan CSS khusus. Ini juga menunjukkan cara menggunakan alat Inspeksi Chrome.

Lihat Tutorial

5. Ubah Modul Blog Anda menjadi Korsel yang Dapat Diseret/Gesek

Tutorial ini menunjukkan cara membuat carousel kartu blog draggable/swipe lanjutan. Ini menempatkan tombol besar di sisi kanan layar untuk desktop dan perangkat seluler. Ini menggunakan beberapa modul dan termasuk CSS khusus dan jQuery. Kartu ini juga tersedia sebagai file JSON yang dapat diunduh sehingga Anda dapat menggunakannya tanpa harus membuatnya sendiri.

Lihat Tutorial

6. Cara Membuat Bagian Daftar Pekerjaan Karir Dinamis

Tutorial ini adalah bagian dari seri membuat daftar pekerjaan. Anda harus membuat posting templat posisi pekerjaan terbuka terlebih dahulu, lalu kembali ke tutorial ini. Yang ini berfokus pada bagaimana menampilkan posisi terbuka secara dinamis pada template itu. Ini termasuk CSS khusus dan juga dapat diunduh sebagai file JSON.

Lihat Tutorial

7. Cara Menambahkan Posting Terkait

Tutorial ini menunjukkan cara menggunakan modul blog untuk menambahkan bagian posting terkait ke bagian bawah template posting blog Anda. Postingan dalam modul blog ini cocok dengan postingan blog terlepas dari kategorinya. Ini juga mencakup apa yang dibutuhkan template posting blog dan bagaimana menggunakan template posting blog dengan Divi Theme Builder. Ini juga termasuk video tutorial.

Lihat Tutorial

8. Berikan Modul Blog Divi Tampilan Baru

Yang ini dari hari ke 3 maraton Divi 100. Ini adalah ekstensi Kartu Artikel Divi yang dapat Anda unduh. Ini termasuk tutorial tentang cara menatanya. Ini termasuk tutorial video. Meskipun dari beberapa tahun yang lalu, itu masih salah satu desain kartu blog terbaik yang tersedia.

Lihat Tutorial

9. Cara Mengaktifkan Kutipan Postingan Blog di Hover

Tutorial ini menunjukkan cara membuat tata letak kotak ringkas yang mengungkapkan kutipan saat pengunjung mengarahkan kursor ke kartu. Anda dapat menampilkan lebih banyak posting di halaman dan pengunjung Anda tidak perlu melihat kutipan untuk posting yang tidak mereka minati. Ini termasuk CSS khusus. Anda dapat mengunduh file JSON, jadi Anda tidak perlu membuatnya dari awal.

Lihat Tutorial

10. Bagaimana Membatasi Panjang Kutipan

Yang ini menunjukkan cara menyesuaikan panjang kutipan untuk modul blog Anda. Ini juga menunjukkan cara menyembunyikan kutipan jika Anda tidak ingin menampilkannya dan cara menata kutipan agar cocok dengan template Anda. Ini juga membahas mengapa Anda ingin memasukkan atau mengecualikan kutipan posting.

Lihat Tutorial

11. Cara Menggunakan Post Offset untuk Membangun Halaman Blog yang Serbaguna

Tutorial ini menunjukkan bagaimana membangun halaman blog dengan beberapa modul blog dan menggunakan post offset untuk mengontrolnya. Contoh menunjukkan bagaimana membangun halaman blog menggunakan 3 modul blog dan 2 modul slider posting dalam kombinasi yang berbeda untuk membuat halaman serbaguna. Ini menunjukkan bagaimana mencegah mereka menampilkan posting yang sama, dan bagaimana membuat mereka secara strategis menampilkan beberapa posting yang sama.

Lihat Tutorial

12. Cara Menggunakan Modul Blog di dalam Halaman Kategori atau Arsip

Tutorial ini mencakup cara menggunakan modul blog di dalam halaman kategori dan halaman arsip, sehingga mereka menampilkan posting untuk kategori dan arsip tersebut. Ini menunjukkan pengaturan modul blog serta tugas template. Ini juga menjelaskan apa kategori dan halaman arsip dan membahas perbedaan di antara mereka.

Lihat Tutorial

13. Cara Menampilkan Postingan Blog per Kategori

Tutorial ini menunjukkan cara menggunakan fitur kategori dalam modul blog untuk menampilkan posting untuk kategori tertentu. Ini membahas mengapa Anda ingin menampilkan kategori tertentu dan mencakup beberapa contoh bagaimana itu dapat digunakan. Ini menunjukkan cara menetapkan template ke halaman kategori tertentu dalam kombinasi dengan pengaturan modul blog, dan cara menata modul agar sesuai dengan template Anda.

Lihat Tutorial

14. Cara Menyesuaikan Tombol “Baca Selengkapnya”

Tutorial ini membahas secara mendalam tentang tautan Baca Selengkapnya yang muncul di bawah kutipan posting di kartu blog. Ini mencakup opsi perataan, cara membuat tombol lebar penuh, membuat tombol khusus dengan efek hover, dan cara mengubah teks yang ditampilkan. Ini termasuk CSS khusus, jQuery, dan tata letak JSON yang dapat diunduh.

Lihat Tutorial

15. Cara Mengubah Jumlah Kolom

Tutorial ini menunjukkan cara mengontrol jumlah kolom blog menggunakan CSS Grid. Biasanya, tata letak kisi menampilkan maksimal 3 kolom. Dengan CSS Grid, Anda dapat membuat grid blog responsif dengan 5 kolom. Ini juga membahas mengapa Anda ingin menggunakan CSS Grid dan bagaimana kolom CSS bekerja. CSS khusus, tutorial video, file JSON yang dapat diunduh, dan tip tambahan disertakan.

Lihat Tutorial

16. Bagaimana Mendesain Kartu Mengambang

Yang ini menunjukkan cara membuat kartu blog Anda mengapung di halaman sehingga selalu terlihat dengan gulir pengguna. Anda dapat menampilkan postingan populer dan menggesernya dari sisi layar saat pengguna mengarahkan kursor ke postingan tersebut. Efeknya dicapai hanya dengan pengaturan bawaan Divi. Ini termasuk file JSON yang dapat diunduh dan tutorial video.

Lihat Tutorial

17. Bagaimana Menambahkan Pagination

Tutorial ini berfokus pada pagination dalam modul blog. Ini menunjukkan bagaimana pagination digunakan dan bagaimana mengaktifkan atau menonaktifkannya untuk halaman dengan beberapa modul blog. Ini juga menunjukkan cara menatanya. Contoh template menggunakan 4 modul blog untuk menunjukkan kapan harus menggunakannya dan kapan tidak. Itu juga membandingkannya dengan navigasi posting untuk menunjukkan perbedaannya. Sebuah video tutorial juga disertakan.

Lihat Tutorial

18. Memahami Opsi “Postingan untuk Halaman Saat Ini”

Tutorial ini membahas secara mendalam opsi "Postingan untuk Halaman Saat Ini" di dalam modul blog. Ini membahas apa yang dilakukan opsi dan bagaimana perbedaannya dari kategori. Ini menunjukkan contoh menggunakan template blog dan penetapan template di Divi Theme Builder. Contohnya termasuk tugas untuk kategori dan tag untuk membuat halaman arsip dan banyak lagi.

Lihat Tutorial

Mengakhiri Pikiran tentang 15+ Tutorial Modul Blog yang Menakjubkan untuk Divi

Itulah tampilan kami di 15+ tutorial modul blog yang luar biasa untuk Divi. Tutorial ini memiliki berbagai keterampilan dan kegunaan, dan banyak di antaranya menyertakan kode khusus dan unduhan. Mengikuti tutorial ini adalah cara yang bagus untuk mempelajari cara menggunakan modul blog, membuat halaman blog, dan menetapkannya di Divi Theme Builder. Anda bahkan akan belajar beberapa CSS di sepanjang jalan.

Kami ingin mendengar dari Anda. Sudahkah Anda menggunakan salah satu dari tutorial modul blog ini untuk Divi? Beri tahu kami mana favorit Anda di komentar.