Menampilkan dan Mengatur Ukuran Thumbnail WordPress

690 views

Menampilkan dan mengatur ukuran thumbnail wordpress – Perlu teman-teman ketahui bahwa sebuah postingan itu pasti mempunyai gambar utama. gambar utama itulah yang disebut sebagai gambar thumbnail. Gambar thumbnail juga sangat penting karena bisa muncul saat postingan artikel di share ke media sosial dan situs lainnya.

Sebagian besar theme yang tersedia pada wordpress sudah mendukung fitur thumbnail, jadi kita pengguna tidak perlu melakukan setting atau perubahan koding, Tetapi jika teman-teman suka mengoprek/memodifikasi theme wordpress mungkin artikel ini bisa bermanfaat.

Untuk memunculkan Thumbnail pada Blog dengan CMS WordPress, bisa menambahkan fungsi pada Functions.php kemudian memanggilnya di index.php

Menampilkan dan mengatur ukuran thumbnail wordpress

Menampilkan dan mengatur ukuran thumbnail wordpress

1. Masukan fungsi dibawah ini pada file functions.php

add_theme_support('post-thumbnails'); 
add_image_size('small-thumbnail', 180,120,true); 
add_image_size('square-thumbnail', 80,80,true); 
add_image_size('mid-thumbnail', 620, 349, true);

Perhatikan bagian angka 180,120 lalu 80,80 lalu 620,349 itu merupakan ukuran size gambar thumbnail yang nanti akan muncul di halaman depan.

Kemudian save.

2. Masukan fungsi pemanggil thumbnail dibawah ini kedalam index.php

<?php the_post_thumbnail('small-thumbnail'); ?> 
<?php the_post_thumbnail('square-thumbnail'); ?> 
<?php the_post_thumbnail('mid-thumbnail'); ?>

Sesuaikan kode diatas pada posisi yang pas dengan kode css/html nya agar tidak berantakan.

Kemudian save, dan lihat hasilnya.

Semoga bisa bermanfaat untuk teman-teman yang belajar koding wordpress, sebenarnya belajar koding wordpress itu sangat mudah, kebetulan saya juga sedang belajar tentang wordpress.

Jika teman-teman ingin belajar tentang fungsi-fungsi wordpress bisa kunjungi https://codex.wordpress.org/Function_Reference

blog Blogging wordpress

author
Hobi internet, Jualan, dan Coba-coba.

Posting Terkait