Penjualan Ulang Tahun Elemen

Nikmati diskon 60% untuk pembelian baru, pembaruan dan peningkatan.

00 Hari -hari
:
00 Jam
:
00 Menit
:
00 Detik

Beli sekarang

Cara Menampilkan Halaman Arsip Divi Dalam Tata Letak Masonry

Rifat Divi Tutorials Oct 12, 2021

Sangat mudah untuk membuat halaman arsip dinamis khusus menggunakan pembuat tema Divi. Kita dapat menggunakan templat halaman arsip premade Divi atau membuat yang benar-benar baru dari awal. Pada hari-hari awal, pengembang biasa membuat halaman arsip menggunakan CSS eksternal dan kode PHP pada template. Divi adalah tema WordPress yang kuat yang memiliki pembuat halaman yang hebat dan dapat membuat semua jenis halaman dalam sekejap. Divi builder adalah alat yang hebat untuk desain halaman dan sangat mudah digunakan tetapi kemampuan desainnya berada di luar imajinasi.

Hari ini kita akan belajar membuat template halaman arsip yang menampilkan judul halaman, subtitle, dan artikel blog secara dinamis. Kami akan melakukan ini pada tata letak batu sehingga bisa lebih menarik. Jadi mari kita lihat, Cara menampilkan halaman arsip Divi dalam tata letak batu.

Pratinjau Desain

Lihatlah bagaimana template halaman arsip kami akan terlihat. Itu dapat menampilkan posting dari semua kategori dan itu adalah desain yang responsif.

Pembuatan Halaman Arsip

Pertama, kita perlu membuat template baru untuk semua halaman arsip menggunakan pembuat tema Divi yang akan menampilkan posting halaman arsip dalam gaya batu.

Penawaran luar biasa

Ulang tahun ke -6 Elementor dengan diskon hingga 60%

Mulai sekarang

Semua Bagian Judul Halaman Arsip

Arahkan ke pembuat tema Divi dari dasbor WordPress dan buat template baru untuk semua halaman arsip.

Kemudian pilih "Build custom body" dari "Add custom body" dari semua template halaman arsip yang baru ditambahkan.

Dan bergerak maju dengan "Membangun dari awal".

Tambahkan Judul Arsip Dinamis

Sebelum menambahkan modul lagi ke bagian, ubah warna latar belakang.

  • Warna Latar Belakang: #eeeeee

Tambahkan baris satu kolom ke bagian terkelola.

Sekarang tambahkan modul teks ke baris untuk judul dinamis.

Hapus konten dari modul dan pilih "Posting/judul arsip" dari tombol Konten dinamis.

Pilih ikon roda gigi dan tambahkan tag HTML H1.

Sebelum:

>h1

Setelah:

>/h1

Judul Arsip Dinamis Gaya

Sekarang saatnya untuk menata judul dinamis.

  • Font Judul: Mulish
  • Font Judul: Berat: Berat
  • Perataan teks judul: Tengah
  • Warna Teks Judul: #3a405a
  • Ukuran Teks Judul: 70px (desktop), 40px (tablet dan ponsel)

Tambahkan Subtitle Arsip Dinamis

Tambahkan modul teks baru di bawah judul subtitle.

Hapus konten yang ada dan buat teks menjadi dinamis dengan "Judul Posting/Arsip" dan tambahkan teks berikut dari ikon roda gigi.

Sebelum:

>h3

Setelah:

>/h3

Subtitle Arsip Dinamis Gaya

Sekarang saatnya untuk menambahkan beberapa gaya pada subtitle.

  • Judul 3 Font: Mulish
  • Judul 3 teks Perataan: Tengah

Semua Halaman Arsip Bagian Blog

Kami memiliki bagian judul, sekarang saatnya menambahkan modul blog pada template halaman arsip.

Tambahkan Bagian Baru

Sebelum menambahkan modul apa pun, mari buat bagian terlebih dahulu.

Tambahkan Baris Baru

Sekarang mari tambahkan baris satu kolom ke bagian yang baru dibuat.

Dari opsi pengaturan baris, perbarui yang berikut ini:

  • Gunakan Lebar Talang Kustom: YA
  • Lebar Talang: 2;
  • Lebar: 95%

Tambahkan Modul Blog

Sekarang tambahkan modul blog ke baris.

Kita harus mengaktifkan posting untuk opsi halaman saat ini untuk mendapatkan posting yang tepat untuk judul arsip.

Modul Blog Desain

Kami memiliki konten di tempat sekarang, mari pindah ke tab desain dan buat beberapa penyesuaian.

  • Tata Letak: Kotak

Dari tab konten, tambahkan warna berikut sebagai latar belakang.

  • Warna Latar Belakang: #3a405a

Sekarang tambahkan pengaturan berikut dari tab desain.

  • Judul Font: Mulish
  • Judul Font Berat: Tebal
  • Judul Teks Warna: #eee
  • Ukuran Teks Judul: 34px
  • Tinggi Baris Judul: 1.3em

Saatnya untuk penataan teks tubuh.

  • Font Tubuh: Montserrat
  • Warna Teks Tubuh: #ffffff
  • Tinggi Garis Tubuh: 2em

Juga, perbarui gaya teks meta.

  • Meta Font: Montserrat
  • Warna Teks Meta: #ffb100

Sekarang perbarui gaya pagination.

  • Berat Font Pagination: Tebal
  • Warna Teks Paginasi: #3a405a

Dan halaman arsip Postingan kami sudah siap. Di sini posting akan ditampilkan dalam gaya batu dan halaman diisi dengan item dinamis sehingga akan menampilkan apa yang kita cari.

Tampilan Akhir

Ini adalah halaman dinamis untuk semua kategori dan halaman arsip. Berikut adalah hasil akhir dari desain kami.

Untuk pemeriksaan, kami di sini hanya memeriksa item penulis tertentu.

Anda juga dapat melihat postingan dari tanggal atau bulan tertentu.

Membungkus

Membuat template arsip baru menggunakan pembuat tema Divi sangatlah mudah jika Anda tahu cara mengatur tata letak batu untuk konten. Anda dapat melihat sendiri betapa mudahnya bekerja dengan pembuat halaman yang berfungsi penuh dan dijalin dengan semua kualitas seperti Divi . Jadi, Anda telah melihat cara menggunakan opsi dinamis Divi dan modul blog untuk membuat halaman kategori atau arsip. Semoga Anda menemukan ini dengan mudah. Jika Anda memiliki pertanyaan, beri tahu kami di bagian komentar. Bersulang!