Meningkatkan resolusi Featured Image

August 19, 2018 Artikel,Snippets Kholis net

WordPress secara default mengkompres resolusi image agar web mempunyai performa yang bagus, tapi kalo dipikir2 engga enak dilihat juga 😀 . Untuk itu kita butuh script agar engga di compress sama WordPress, begini caranya:

1. Functions.php

Copy paste script di bawah ini ke file functions.php


the_post_thumbnail('thumbnail'); // Thumbnail (default 150px x 150px max)
the_post_thumbnail('medium'); // Medium resolution (default 300px x 300px max)
the_post_thumbnail('large'); // Large resolution (default 640px x 640px max)
the_post_thumbnail('full'); // Original image resolution (unmodified)
the_post_thumbnail( array(100,100) ); // Other resolutions
add_theme_support( 'custom-background');

2. Index.php

Setelah itu panggil script untuk menampilkan Featured Images ke file yang kamu inginkan, bisa single.php atau category.php atau file lainnya dengan memilih “full” . Perhatikan script di bawah ini, saya pakai yang “full”


<a href="<?php the_permalink(); ?>">
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail('full', array('class' => 'img-fluid'));;
}
else {
echo '<img class="" src="' . get_bloginfo( 'stylesheet_directory' ) . '/images/thumb.jpg" alt="<?php the_title(); ?>" />';
}
?></a>

 

 

75 total views, 2 views today

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Yes No