All Tutorials

Your One-Stop Destination for Learning and Growth

Membuat Widget Label Tertento Dengan Thumbnail

Kali ini kami akan belajar cara membuat widget label tertentu dengan thumbnail. Wright Labels adalah salah satu plugin bagus untuk menambahkan widget label ke WordPress. Namun, secara default, plugin ini tidak menyediakan fitur thumbnail. Untuk mendapatkan fitur ini, kami akan membuat beberapa langkah:

Persiapan

  1. Pastikan Anda sudah memiliki WordPress instalasi dan Wright Labels plugin terpasang. Jika belum, silakan installnya melalui dashboard WordPress Anda.
  2. Install plugin Carbon Fields. Thumbnail feature ini akan diaktifkan menggunakan Carbon Fields.

Membuat Label Widget

  1. Buka menu dashboard WordPress, lalu ke bagian Appearance > Labels. Klik tombol "Add New".
  2. Isikan nama label widget Anda, misalnya "Promo Labels". Lakukan hal tersebut pada kotak judul, dan isikan deskripsi di kotak deskripsi.
  3. Klik tab "Fields". Tambahkan "Text" field dengan nama "Label Text", dan "Image" field dengan nama "Thumbnail". Tinggali kanan untuk mengkonfigurasikan settingan default untuk setiap field.
  4. Jika Anda ingin menambahkan kategori atau tag pada widget label ini, tambahkan "Taxonomy" field dengan nama "Category".
  5. Setelah itu, klik tab "Display Settings". Pilih "Show on single labels only", jika Anda hanya ingin menampilkan label pada tingkat singel post atau page.
  6. Simpan perubahan Anda.

Membuat Template

  1. Buka file label-single.php di folder templates/labels dari plugin Wright Labels.
  2. Tambahkan kode berikut pada bagian atas file tersebut:
<?php if ( is_singular() && $label->get('category') ) : ?>
    <?php get_template_part( 'templates/single-label', get_post_format() ); ?>
<?php endif; ?>
  1. Tambahkan kode berikut di bagian bawah file tersebut:
<div class="wprt-label wprt-label-single <?php echo esc_attr( $classes ); ?>">
    <?php if ( $thumbnail ) : ?><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" class="wprt-label-image"><?php echo wp_get_attachment_image( $thumbnail, 'widget' ); ?></a><?php endif; ?>
    <?php if ( $label->get('category') ) : ?><span class="wprt-label-text"><?php echo esc_html( get_the_term_list( '', '', $label->get('category'), false ) ); ?></span><?php endif; ?>
    <p class="wprt-label-content"><?php echo wp_kses_post( $label->get('text') ); ?></p>
</div>
  1. Save the file.

Menyisipkan Widget Label Ke Sidebar

  1. Buka menu dashboard WordPress, lalu ke bagian Appearance > Widgets.
  2. Tambahkan "Label (Wright Labels)" widget ke area sidebar Anda.
  3. Pilih label widget yang sudah kita buat dan ganti judul jika diperlukan.
  4. Simpan perubahan.

Sekarang, widget label tertentu dengan thumbnail telah siap digunakan pada sidebar Anda! Semakin praktis lagi, hanya dengan beberapa langkah kecil, kami berhasil menambahkan fitur thumbnail untuk widget label di WordPress. Silahkan coba sendiri dan jangan ragu-ragu untuk bertanya jika ada masalah atau soalan!

Published July, 2015