Auto Readmore Thumbnail WordPress Dengan Fitur Noimage Bila Tidak ada Gambar

Oleh: Pada: 3 November, 2014

Auto Readmore Thumbnail WordPress – Membuat auto readmore thumbnail wordpress tanpa plugin, oke kali ini kang niam ingin berbagi sedikit buat kawan blogger semuanya, kini kita akan membuat auto readmore wordpress yang berbeda dengan readmore lainnya, karena readmore ini dilengkapi dengan fitur no image jika artikel atau postingan kita tidak ada gambarnya atau tidak mengandung image, readmore ini akan lebih keren karena dengan fitur ini. karena walaupun postingan kita tidak ada gambarnya tapi tetep dalam halaman yang kita buat readmore misal halaman denpan blog atau homepage akan ada gambar no image, ini akan lebih rapi dan enak dipandang.

Langkah 1
Buka template wordpress sobat lalu edit file Functions.php dan tambahkan kode PHP dibawah ini dibagian paling atas, jika sobat pernah menambahkan kode auto readmore sebelumnya, maka sobat harus menghapusnya terlebih dahulu, tapi jika belum pernah, lanjut saja.

<?php
// see if there is any image in the posts_nav_link
function findImage() {
$content = get_the_content();
$count = substr_count($content, '<img');
if ($count > 0) return true;
else return false;
}
// retreives image from the post
function getImage($num) {
global $more;
$more = 1;
$content = get_the_content();
$count = substr_count($content, '<img');
$start = 0;
for($i=1;$i<=$count;$i++) {
$imgBeg = strpos($content, '<img', $start);
$post = substr($content, $imgBeg);
$imgEnd = strpos($post, '>');
$postOutput = substr($post, 0, $imgEnd+1);
$image[$i] = $postOutput;
$start=$imgEnd+1;
$cleanF = strpos($image[$num],'src="')+5;
$cleanB = strpos($image[$num],'"',$cleanF)-$cleanF;
$imgThumb = substr($image[$num],$cleanF,$cleanB);
}
if(stristr($image[$num],'<img')) { echo $imgThumb; }
$more = 0;
}
//retreive image ends
?>

Langkah 2
Buka file index.php, lalu cari kode seperti dibawah ini.

<?php the_excerpt(); ?> atau kode <?php the_content(); ?>

jika udah ketemu masukkan kode dibawah ini tepat diatasnya.

<?php if ((function_exists('getImage')) && (function_exists('getImage')) && (findImage())) { ?>
<img alt="<?php the_title(); ?>" src="<?php getImage('1'); ?>"
height="100" width="150"
style="DISPLAY: inline; margin: 0px 7px 0px 0px; border: dotted 1px #000000;
FLOAT: left"/> <?php }
else { ?>
<img alt="no image Available" src="http://2.bp.blogspot.com/_QzmJ72QWjnc/TAYRKI59M3I/AAAAAAAAAOY/CUdWJDkWHj4/s144/Rolling+Up+The+e-Book.jpg"
height="100" width="150"
style="DISPLAY: inline; margin: 0px 7px 0px 0px; border: dotted 1px #000000;
FLOAT: left"/>
<?php } ?>

Langkah 3
Simpan semua pekerjaan sobat dan lihat hasilnya.

Untuk noimage-nya silahkan ganti dengan gambar kesukaan kamu, dan untuk lebar dan tinggi silahkan sesuaikan dengan theme wordpress kamu secara default untuk tinggi 100px dan lebar 150px.

kalau kesulitan bisa langsung tanya sama kang niam dikolom komentar, semangat semoga berhasil.