Jurnal Blog Kit untuk Tinjauan dan Tinjauan Divi

Journal Blog Kit untuk Divi adalah tata letak pihak ketiga oleh Divi Soup dengan fitur seperti tema anak. Tata letak itu sendiri dibuat dengan bangunan Divi dan mencakup penggeser, kategori, dan umpan blog dengan efek hover untuk membuat halaman blog yang elegan. Ini juga menampilkan bilah sisi bergaya dan desain posting blog kustom default yang Anda tambahkan ke tema anak Anda. Fitur baru ditambahkan ke tema anak Anda dengan mengimpornya atau dengan salin dan tempel sederhana.

Kit blog mencakup tiga tata letak halaman blog dan arsip yang berbeda. Anda dapat mengubah tata letak antara lebar penuh, kisi, atau sebaris dengan menempelkan CSS yang disertakan ke dalam opsi tema atau editor CSS tema anak. Halaman arsip, kategori, tag, penulis, dan hasil pencarian mengikuti tata letak yang sama dengan halaman blog. Ini juga termasuk integrasi Font Awesome.

Kit blog dilengkapi dengan semua file dan instruksi tentang cara menggunakannya. Pada artikel ini, saya akan menginstal Journal Blog Kit dan melihat betapa mudahnya menggunakannya dan melihat fitur-fiturnya.

Memasang Journal Blog Kit untuk Divi

Buka zip file yang diunduh. Di dalam, Anda akan menemukan beberapa file termasuk file JSON untuk tata letak halaman blog dan pengaturan penyesuai, file baca saya, CSS, PHP, JS, dan file widget (ini adalah jenis file yang akan Anda temukan di tema anak) .

Saya sarankan mengikuti petunjuk untuk melihat cara menginstal file karena akan dilakukan secara manual. Untungnya, instruksinya ditulis dengan baik dan prosesnya tidak sulit. Anda harus menggunakan tema anak (meskipun kosong). File PHP akan ditimpa saat tema diperbarui jika Anda menambahkannya ke tema induk.

Keuntungan dari ini menjadi tata letak dan menginstal file secara manual adalah bahwa ia bekerja dengan tema anak Anda saat ini. Anda tidak perlu mengganti tema anak Anda untuk menambahkan fitur baru ini.

Kit Blog Jurnal untuk Dokumentasi Divi

Tautan ke dokumentasi disediakan dalam file unduhan. Mengklik file akan membawa Anda ke halaman dukungan kit blog di mana Anda akan menemukan fitur pencarian, petunjuk penginstalan, petunjuk penyesuaian, dan tautan untuk dukungan. Instruksi penyesuaian menunjukkan cara mengubah warna, jumlah kolom dalam tata letak, dan panjang kutipan.

Klik petunjuk penginstalan dan ikuti langkah-langkahnya. Ini akan mencakup menyalin dan menempelkan kode ke lokasi tertentu, mengunggah file melalui FTP, dan mengimpor file melalui plugin. Setiap langkah dirinci. Ini akan memakan waktu beberapa menit untuk melewati langkah-langkahnya.

Kit Blog Jurnal untuk Halaman Blog Divi

Kit blog menyertakan tata letak halaman blog sebagai file JSON. Tata letak ini harus diimpor ke halaman itu sendiri daripada perpustakaan Divi. Halaman itu sendiri menggunakan penggeser posting, enam modul ajakan bertindak, dan satu baris dengan blog dan bilah sisi. Ini akan ditampilkan secara berbeda tergantung pada CSS yang Anda gunakan. Mari kita lihat fitur dan tata letak setiap tata letak.

Journal Blog Kit untuk Divi Slider dan Kategori

Slider pos menempatkan navigasi titik vertikal ke kiri dan menampilkan kutipan ke kanan. Kutipan memusatkan teks dan memiliki opacity yang lebih rendah sehingga gambar unggulan dari penggeser terlihat. Ini juga termasuk tombol lihat posting. Saat digeser, gambar memudar dan kutipannya meluncur ke atas dari bawah.

Modul ajakan bertindak berfungsi sebagai tautan ke halaman arsip untuk kategori tertentu. Melayang di atas modul akan mengubah warna tombol dari latar belakang hitam dengan teks putih menjadi latar belakang putih dengan teks hitam dan menambahkan batas hitam. Saya suka warna kuning yang berani. Ini adalah cara yang menarik untuk menambahkan navigasi kategori ke halaman.

Warna berasal dari mengimpor gaya penyesuai. Anda tidak harus menggunakannya dan Anda dapat mengubah warna dengan mudah. Jika Anda ingin memiliki akses ke gaya penyesuai asli Anda, Anda harus mengekspornya terlebih dahulu.

Kit Blog Jurnal untuk Tata Letak Lebar Penuh Divi

Berikut layout blog menggunakan CSS fullwidth. Gambar unggulan diperbesar saat melayang. Itu menambahkan drop cap ke kata pertama dari kutipan. Kategori dan drop cap ditata dengan warna kuning. Tombol baca lebih lanjut ditata agar sesuai dengan tata letak.

Kit Blog Jurnal untuk Tata Letak Divi Grid

Tata letak kisi menampilkan dua pos dalam satu baris di bawah kategori. Ini mencakup gaya yang sama seperti tata letak lebar penuh seperti zoom saat mengarahkan kursor untuk gambar unggulan, kategori kuning dan tutup drop, dan gaya tombol.

Kit Blog Jurnal untuk Tata Letak Inline Divi

CSS sebaris menunjukkan posting blog dengan gambar di sebelah kiri dan teks di sebelah kanan. Ini mencakup gaya dan fitur tata letak lainnya. Dalam contoh ini, saya mengambil tangkapan layar di bagian bawah daftar untuk menampilkan tombol Entri Lama yang bergaya. Tombol yang sama ini muncul di semua tata letak.

Kit Blog Jurnal untuk Divi Sidebar

Jika Anda mengimpor pengaturan widget, itu membuat bilah sisi dengan beberapa widget bergaya. Bilah samping menyertakan bagian tentang saya dengan judul, foto, dan deskripsi, dan bagian untuk pencarian, kategori, arsip, tag, dan kiriman terbaru. Setiap bagian ditata agar sesuai dengan tata letak. Saya suka garis kuning di kedua sisi judul. Kategori dan arsip adalah kotak drop-down. Tag adalah tautan bergaya.

Kit Blog Jurnal untuk Tata Letak Posting Individu Divi

Jika Anda mengunggah file posting melalui FTP ke file tema Anda, masing-masing posting blog yang dibuat dengan WordPress daripada pembuat Divi juga ditata dan memiliki banyak fitur baru yang ditambahkan ke dalamnya. Fitur termasuk kategori, judul, tanggal, jumlah komentar, dan tag di atas posting. Pos memiliki topi drop bergaya.

Mengikuti posting adalah kotak penulis bergaya, navigasi posting, posting terkait, dan kotak komentar bergaya. Komentar mengalir dan menyertakan ikon bergaya untuk menunjukkan bahwa balasan adalah respons terhadap komentar lain. Bagian individu termasuk garis kuning bergaya dengan judul.

Paket Blog Jurnal untuk Harga Divi

Journal Blog Kit untuk Divi adalah £49.00. Ini mencakup semua file dan instruksi yang Anda butuhkan untuk menggunakannya.

• Anda dapat membeli Journal Blog Kit dari situs web pengembang.

Kit Blog Jurnal untuk Divi

Journal Blog Kit untuk Divi menambahkan banyak fitur penataan ke halaman dan posting blog Anda. Saya suka gaya posting blog tanpa harus dibuat dengan Divi builder. Saya juga senang melihat kit yang hanya berfokus pada blog. Blog tidak selalu mendapatkan perhatian yang cukup.

File harus diinstal secara manual, tetapi saya pikir ini adalah latihan yang baik karena menunjukkan ke mana jenis file tertentu pergi dan memberi Anda beberapa informasi tentang cara kerja WordPress. Menambahkan file sebenarnya lebih mudah daripada kedengarannya. Saya tidak kesulitan menambahkan kode apa pun.

Saya menambahkan CSS ke file tema anak untuk salah satu tata letak, lalu menghapus kode itu dan menambahkan CSS ke opsi tema untuk yang lain. Keduanya bekerja seperti yang diharapkan. CSS, JS, PHP, dan semua file yang diimpor bekerja dengan sempurna pada percobaan pertama. Untuk kembali ke desain asli Anda atau ke desain lain, cukup ubah tema anak Anda dan hapus CSS.

Sangat menarik untuk memiliki fitur gaya tema anak dalam tata letak. Saya suka ini karena dapat digunakan dengan tema atau tata letak anak apa pun. Jika Anda tertarik untuk menambahkan beberapa fitur blog baru ke Divi, saya sangat merekomendasikan untuk melihat Journal Blog Kit.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Journal Blog Kit untuk Divi? Beri tahu kami pendapat Anda tentang hal itu di komentar di bawah.

Gambar Unggulan melalui M.Stasy / shutterstock.com