Widget: Custom Posts Small Thumbnail


Tentang

Custom Posts Small Thumbnail adalah widget yang dapat digunakan untuk menampilkan postingan-postingan yang dikehendaki dengan style thumbnail kecil - (Lihat). Ukuran thumbnail postingan pada widget ini akan menyesuaikan tinggi konten judul dan konten lainnya - (Lihat).



Spesifikasi




Konfigurasi



Keterangan

items
Gunakan format kode dibawah ini untuk mendefinisikan items. Cukup sesuaikan konten yang berwarna merah. 

[
  {   /* Postingan 1 */
    title: "Judul postingan",
    url: "URL Postingan",
    image: "URL Gambar",
    top_info_title: "Text konten bagian atas",
    top_info_url: "URL konten bagian atas", 
    bottom_info_title: "Text konten bagian bawah",
    bottom_info_url: "URL konten bagian bawah",
  },
  {  /* Postingan 2 */
    title: "-",
    url: "-",
    image: "-",
    top_info_title: "-",
    top_info_url: "-", 
    bottom_info_title: "-",
    bottom_info_url: "-",
  },
  {  /* Postingan 3 */
    title: "-",
    url: "-",
    image: "-",
    top_info_title: "-",
    top_info_url: "-", 
    bottom_info_title: "-",
    bottom_info_url: "-",
  },
]


Keterangan
  1. Untuk menonaktifkan konten bagian atas (top_info), isi top_info_title dengan -.
  2. Ketika terdapat top_info_title dan top_info_url diisi dengan -, konten bagian atas akan berupa text biasa (bukan berupa link).
  3. Ketentuan 1 dan 2 diatas juga berlaku untuk konten bagian bawah (bottom_info).
  4. Kode diatas hanya menyertakan 3 items, anda bisa menambahkan items lainnya sesuai kebutuhan.

top_info_label
Label untuk top_info - (Lihat). Konfigurasi ini hanya dibutuhkan jika terdapat top_info.

bottom_info_label
Label untuk bottom_info - (Lihat). Konfigurasi ini hanya dibutuhkan jika terdapat bottom_info.

max_title_rows
Jumlah maksimal baris judul postingan. Untuk sekarang konfigurasi ini hanya mendukung nilai 1, 2, dan 3.

thumbnail_shape
Bentuk thumbnail.
Nilai Tampilan Pratinjau
square Kotak Lihat
circle Bundar Lihat

thumbnail_content
Mengatur konten elemen thumbnail.

Nilai Keterangan
image Sistem akan menampilkan gambar sebagai thumbnail jika tersedia, sebaliknya, ketika postingan tertentu tidak mengandung gambar, sistem akan menampilkan konten berupa karakter pertama dari judul postingan dengan background berupa skin sesuai konfigurasi thumbnail_skin - (Lihat).
skin Tidak peduli apakah terdapat gambar ataupun tidak pada postingan bersangkutan, sistem akan selalu menampilkan konten berupa karakter pertama dari judul postingan dengan background berupa skin sesuai konfigurasi thumbnail_skin - (Lihat).

thumbnail_skin
Mengatur skin thumbnail. Secara default, nilai adalah secondary. Anda juga bisa mendefinisikan nilai lebih dari satu skin (pisahkan dengan tanda koma). Berikut adalah beberapa contoh pendefinisian nilai:

Nilai Pratinjau
green, blue Lihat
green, blue, purple, orange Lihat

Dukungan skin Semua skin yang terdapat pada Daftar skin kecuali whitedan black.

item_box
Style postingan
Nilai Keterangan Pratinjau
none Tampilan simpel tanpa border (garis pemisah) dan shadow (bayang) Lihat
border Tampilan dengan border. Nilai ini hanya tersedia jika konfigurasi slider bernilai no Lihat
shadow Tampilan dengan shadow/bayang Lihat

slider
Nilai Keterangan Pratinjau
yes Mode slider Lihat
no Mode normal Lihat

footer_align
Mengatur posisi konten bagian bawah widget. Adapun konten yang mungkin tersedia disini adalah slider indikator, tombol next, dan tombol previous.
Nilai Posisi Pratinjau
left Rata kiri Lihat
center Rata tengah Lihat
right Rata kanan Lihat
widget_title
Judul widget - (Lihat)

  • Nilai bisa berupa text biasa atau HTML
  • Isi dengan - untuk menonaktifkan judul

widget_title_sub
Sub judul widget - (Lihat)

  • Nilai bisa berupa text biasa atau HTML
  • Isi dengan - untuk menonaktifkan sub judul
  • Sub judul tetap akan ditampilkan meskipun konfigurasi widget_title dinonaktifkan

widget_title_line
Dekorasi garis di bagian bawah judul widget - (Lihat). Pilih salah satu skin yang tersedia pada Daftar Skin. Untuk menonaktifkan garis, set nilai ke none.

widget_title_align
Nilai Posisi Pratinjau
left Rata kiri Lihat
center Rata tengah Lihat
right Rata kanan Lihat

widget_title_tag
Tag HTML yang digunakan untuk judul widget. Secara default nilai yang terpilih adalah div. Untuk kepentingan SEO, direkomendasikan untuk menggunakan tag heading h2-h6 jika text yang anda masukkan pada konfigurasi widget_title mengandung target keyword/nice blog.
margin_top
Mengatur jarak widget ke bagian atas.

Pendefinisian Nilai
  1. Nilai adalah berupa CSS Unit. Contoh: 20px 40px 60px
  2. Walaupun anda bisa menggunakan unit lainnya seperti em, pc, dan lain sebagainya, direkomendasikan untuk hanya menggunakan unit px.
  3. Ketika nilai konfigurasi tidak terdefinisi (bernilai -), jarak yang akan diterapkan akan mengikuti konfigurasi default theme yaitu sebesar 40px.

margin_bottom
Mengatur jarak widget ke bagian bawah. Pendefnisian nilai sama halnya dengan konfigurasi margin_top sebelumnya.
conditional
Mengatur ketersediaan widget. Melalui konfigurasi ini, anda bisa mengaktifkan widget hanya pada tipe halaman, perangkat atau url tertentu saja. Lebih jauh tentang konfigurasi ini bisa dibaca pada halaman: Konfigurasi Conditional.
Komentar