Thumbnail First Image Post Di Widget Sidebar Anew Theme Wordpress

Sebenarnya ini sama dengan cara mengganti thumbnail tema Anew di Wordpress dengan gambar pertama postingan, namun bedanya ini untuk thumbnail widget di sidebar blog menyerupai untuk recent post, random post, atau lainnya.

Jika kita tidak memakai featured image di postingan, maka thumbnail di widget pun tidak muncul dan diganti dengan thumbnail no-image. Berbeda dengan thumbnail postingan yang dapat diatasi lewat dashboard Wordpress, file php thumbnail widget tidak muncul di editor Wordpress. Untuk mengedit file php untuk widget sidebar (alx-posts.php), kita harus melakukannya lewat cpanel hosting kita.

Silahkan masuk ke cpanel hosting >> file manager >> public_html >> wp-content >> themes >> anew >> functions >> widgets >> lalu edit alx-posts.php

Kemudian silahkan cari aba-aba berikut di bawah ini:

 <?php if ( has_post_thumbnail() ): ?>
 <?php the_post_thumbnail('thumb-medium'); ?>
 <?php else: ?>
 <img src="<?php echo get_template_directory_uri(); ?>/img/thumb-medium.png" alt="Thumbnail First Image Post Di Widget Sidebar Anew Theme Thumbnail First Image Post Di Widget Sidebar Anew Theme Wordpress" />
 <?php endif; ?>

Setelah ketemu silahkan ganti dengan aba-aba di bawah ini:

 <img alt="Thumbnail First Image Post Di Widget Sidebar Anew Theme Thumbnail First Image Post Di Widget Sidebar Anew Theme Wordpress" src="data:image/gif;base64,R0lGODlhAwABAIAAAP///wAAACH5BAEAAAAALAAAAAADAAEAAAIChAsAOw==" data-src="<?php echo catch_that_image() ?>" title="Thumbnail First Image Post Di Widget Sidebar Anew Theme Wordpress"/>

Kemudian silahkan simpan perubahannya. Dan pastikan Anda sudah menyimpan javascript defer img menyerupai di bawah ini di atas aba-aba </body> (footer.php).

 <script type='text/javascript'>
 function init(){var e=document.getElementsByTagName("img");for(var t=0;t<e.length;t++){if(e[t].getAttribute("data-src")){e[t].setAttribute("src",e[t].getAttribute("data-src"))}}}window.onload=init;
 </script>

Sumber https://www.kompiajaib.com/

Share this post