Module Slider Posts (Widget) – Theme JurnalPress

Widget Module Slider Posts adalah widget WordPress yang tersedia di theme JurnalPress untuk menampilkan postingan dalam format slider atau carousel dengan berbagai opsi kustomisasi.

Fitur Utama

• Tiga Tata Letak: Slide, Slide dengan Thumbnail, dan Carousel
• Kontrol Query Lengkap: Kategori, tag, pengurutan, dan rentang waktu
• Kustomisasi Tampilan: Thumbnail, kategori, meta, excerpt
• Opsi Slider: Autoplay, panah, pagination
• Kontrol Styling: Warna, spacing, ukuran font, dan alignment
• Sistem Tab: Antarmuka pengaturan yang terorganisir (General, Query, Style)

Tab General

Title

• Tipe: Text field
• Deskripsi: Judul utama widget yang akan ditampilkan

Link Title

• Tipe: URL field
• Deskripsi: URL target untuk judul widget. Kosongkan jika judul tidak ingin memiliki tautan
• Format: https://www.domain.com/target

Title Image

• Tipe: Upload field
• Deskripsi: Menggantikan teks judul dengan gambar

Description Title

• Tipe: Textarea
• Deskripsi: Deskripsi atau subtitle untuk widget
• Baris: 3 baris

Layout

• Tipe: Radio image
• Deskripsi: Pilih tata letak postingan yang diinginkan
• Pilihan:
  • Style 1: Layout slide standar
  • Style 2: Layout slide dengan thumbnail
  • Style 3: Layout carousel

Column

• Tipe: Radio image
• Pilihan:
  • col2: Dua kolom
  • col3: Tiga kolom
  • col4: Empat kolom
  • col5: Lima kolom
• Catatan: Hanya berfungsi jika memilih Style 3 (Carousel)

Slider Arrow

• Tipe: Checkbox
• Deskripsi: Menampilkan panah navigasi slider

Slider Pagination

• Tipe: Checkbox
• Deskripsi: Menampilkan pagination dots pada slider. Hanya berfungsi untuk Style 1 atau 3.

Slider Autoplay

• Tipe: Select
• Pilihan:
  • none: Tidak ada autoplay
  • autoplay: Autoplay standar
  • autoscroll: Auto scroll
• Deskripsi: Mengaktifkan autoplay slider.

List Post Aspect Ratio

• Tipe: Select dropdown
• Pilihan:
  • Original: Rasio asli
  • Square - 1:1: Rasio persegi
  • Standard - 4:3: Rasio standar
  • Portrait - 3:4: Rasio portrait
  • Classic - 3:2: Rasio klasik
  • Classic Portrait - 2:3: Rasio portrait klasik
  • Wide - 16:9: Rasio lebar
  • Tall - 9:16: Rasio tinggi

Category

• Tipe: Checkbox
• Deskripsi: Mengaktifkan tampilan kategori

Category Position

• Tipe: Select dropdown
• Pilihan:
  • Default: Posisi default
  • After Title: Setelah judul

Category Style

• Tipe: Select dropdown
• Pilihan:
  • No: Tidak ada gaya
  • Label: Tampilan label
  • Icon: Tampilan ikon
  • Color Scheme: Skema warna
  • Bg (Transparent): Background transparan
  • Bg (Solid): Background solid

Meta

• Tipe: Checkbox
• Deskripsi: Mengaktifkan meta informasi
• Catatan: Untuk pengaturan meta, pergi ke Customizer → General → Global, lihat Meta Module & Widgets

Meta Position

• Tipe: Select dropdown
• Pilihan:
  • Default: Posisi default
  • Before Title: Sebelum judul

Excerpt

• Tipe: Checkbox
• Deskripsi: Mengaktifkan kutipan (excerpt)
• Catatan: Hanya ditampilkan di featured post atau tempat yang diperlukan. Untuk pengaturan panjang excerpt, pergi ke Customizer → General → Global, lihat Excerpt Length

Tab Query

Order By

• Tipe: Select dropdown
• Pilihan:
  • Date: Berdasarkan tanggal
  • Title: Berdasarkan judul
  • Modified: Berdasarkan tanggal modifikasi
  • Comment Count: Berdasarkan jumlah komentar
  • View: Berdasarkan jumlah view
• Catatan: Untuk order by view, diperlukan plugin post view counter atau wp postviews

Selected categories

• Tipe: Multiple select
• Sumber: Daftar kategori
• Ukuran: 5 item
• Deskripsi: Klik kategori dengan menekan tombol CTRL untuk memilih multiple kategori. Jika "All Categories" dipilih, pilihan lain akan diabaikan

Tag ID

• Tipe: Text field
• Format: Dipisahkan dengan koma (contoh: 1,2,3,4)
• Deskripsi: Kosongkan jika ingin menampilkan berdasarkan kategori tanpa filter tag

Range Post

• Tipe: Select dropdown
• Pilihan:
  • All Post: Semua postingan
  • 1 Year: 1 tahun terakhir
  • 2 Months: 2 bulan terakhir
  • 1 Months: 1 bulan terakhir
  • 7 Days: 7 hari terakhir

Tab Style

Post Space (px)

• Tipe: Number field
• Rentang: 0-50px
• Langkah: 1px

Title Font Size (px)

• Tipe: Number field
• Rentang: 8-40px
• Langkah: 1px

Alignment

• Tipe: Radio image
• Pilihan:
  • Left: Rata kiri
  • Center: Rata tengah
  • Right: Rata kanan
• Catatan: Hanya berlaku untuk Style 1 dan untuk post list

Background Gradient

• Tipe: Gradient picker
• Deskripsi: Harus mengisi kedua warna dan mengubah arah untuk opsi gradient

Background Image

• Tipe: Upload field
• Deskripsi: Gambar latar belakang widget

Title Color

• Tipe: Color picker
• Deskripsi: Warna untuk judul postingan

Subtitle Color

• Tipe: Color picker
• Deskripsi: Warna untuk deskripsi/subtitle

Link Color

• Tipe: Color picker
• Deskripsi: Warna untuk tautan

Link Hover Color

• Tipe: Color picker
• Deskripsi: Warna untuk tautan saat hover

Meta Color

• Tipe: Color picker
• Deskripsi: Warna untuk meta informasi

Persyaratan

Widget ini memerlukan plugin BT Core untuk berfungsi dengan benar. Jika plugin tidak terinstal, akan muncul pesan:

"This widget requires BT Core plugin to be installed and activated."

Catatan Penting

Pengaturan Meta dan Excerpt

1. Meta: Pengaturan meta (seperti penulis, tanggal, komentar) dikonfigurasi melalui Customizer → General → Global → Meta Module & Widgets
2. Excerpt: Panjang excerpt dikonfigurasi melalui Customizer → General → Global → Excerpt Length

Contoh Penggunaan

1. Slider Berita Utama: Gunakan layout Style 1 dengan 5-7 post, aktifkan arrow dan pagination
2. Carousel Post Terbaru: Gunakan layout Style 3 dengan 4 kolom, aktifkan autoplay
3. Post dengan Thumbnail: Gunakan layout Style 2 untuk tampilan yang lebih kompak

Postingan Unggulan

1. Postingan unggulan akan menampilkan postingan pertama dengan format yang berbeda
2. Opsi featpost_fullwidth hanya bekerja jika background color diisi dengan warna

Gradien Background

1. Pilih Background Gradient
2. Atur dua warna dan arah gradien
3. Sesuaikan warna teks untuk kontras yang baik

Tips

1. Kombinasi Layout: Eksperimen dengan berbagai style layout untuk tampilan yang berbeda
2. Filter Konten: Gunakan kombinasi kategori dan tag untuk menyaring konten spesifik
3. Responsif: Semua layout sudah responsif untuk berbagai ukuran layar
4. Kustomisasi Warna: Gunakan color picker untuk menyesuaikan dengan skema warna website Anda
5. Performance: Batasi jumlah postingan yang ditampilkan untuk performa optimal

Troubleshooting

Masalah Umum

1. Widget tidak muncul: Pastikan plugin BT Core terinstal dan aktif
2. Thumbnail tidak muncul: Periksa apakah opsi thumbnail_active diaktifkan dan postingan memiliki featured image
3. Meta tidak muncul: Konfigurasi meta di Customizer → General → Global
4. View count tidak bekerja: Install plugin post view counter atau wp postviews

Thumbnail tidak muncul

• Pastikan postingan memiliki featured image
• Periksa pengaturan thumbnail size

Layout tidak sesuai

• Pastikan memilih style layout yang benar
• Periksa pengaturan thumbnail position dan aspect ratio

Warna tidak berubah

• Pastikan menggunakan color picker dengan format yang benar
• Clear cache browser setelah perubahan

Rekomendasi

1. Untuk performa optimal, batasi numberposts maksimal 6-10 untuk layout grid
2. Gunakan caching plugin seperti WP Super Cache atau W3 Total Cache untuk meningkatkan performa
3. Optimasi ukuran thumbnail untuk loading yang lebih cepat