Featured Image dengan URL Pihak Ketiga

Sebagaimana diketahui, untuk membuat Featured Image di WordPress umumnya harus mengupload foto (gambar) terlebih dahulu. Konsekuensinya, space hosting tentu akan menjadi bertambah besar. Bagi mereka yang setia terhadap satu hosting, hal tersebut bukanlah sebuah persoalan besar. Namun bagi yang harus pindah-pindah hosting karena kendala biaya, makin besar space hosting makin butuh waktu dan tenaga memindahkannya.


pic: wikimedia commons

Bagaimana solusinya? Gunakan tempat penyimpanan pihak ketiga. Blogspot misalnya. Cukup upload foto ke blogspot lalu ambil link gambarnya. Sedikit catatan, untuk tampilan terbaik, saya merekomendasikan PNZ Wallpaper Theme sebagai template blogspotnya. Link demo tersedia di halaman depan PIONAZ.COM.

Pertanyaan selanjutnya ialah bagaimana menggunakan link image yang sudah didapatkan dari blogspot tadi? Di sini kita bisa gunakan Add Media – Insert from URL. Kemudian untuk mengatur lebar foto maka ubah editor menjadi mode Text lalu buat kode HTML seperti berikut:

<p><img src="url-link-foto" alt="Judul Foto" width="100%"><br>Caption image</p>


Featured Image by URL

Salah satu kelemahan foto dari penyimpanan pihak ketiga adalah tidak bisa muncul featured imagenya. Tapi jangan khawatir. Kita bisa kok mencari solusinya. Ikuti langkah-langkahnya berikut ini:

Cari kode berikut ini di setiap file yang terdapat di template WordPress yang kita gunakan (biasanya di home.php, archive.php atau widget bawaan template) :

<?php if(has_post_thumbnail()) { ?>

Setiap perintah if diawali dengan { dan diakhiri dengan }. Karena itu carilah tanda } sebagai penutup kode di atas lalu tambahkan kode berikut:

<?php } elseif (!has_post_thumbnail()) { 
    global $post;
    $img_url = '';
    ob_start();
    ob_end_clean();
    $output = preg_match_all('/<img.+src=['"]([^'"]+)['"].*>/i', $post->post_content, $matches);
    $img_url = $matches [1] [0];
    if ($img_url=='') { $img_url = 'https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png'; } ?>
    <div class="featured-image">
        <a title="<?php the_title_attribute(); ?>" href="<?php the_permalink(); ?>"><img src="<?php echo $img_url;?>"></a>
    </div>
<?php } ?>

Maksud kode di atas adalah bahwa jika foto upload untuk featured image tidak ada, maka jadikan foto pertama di postingan sebagai featured imagenya. Dengan kata lain first image as featured image. Jikalau semua tidak ada maka ambil foto yang ada di $img_url sebagai featured imagenya.

Yang perlu diingat ialah setiap theme punya class masing-masing untuk featured imagenya. Jadi sesuaikan saja kode di atas dengan theme yang ada. Tapi kode intinya tetap seperti di atas.

Semoga bisa dipahami. Bila ada pertanyaan silakan sampaikan melalui kolom komentar.

Leave a Reply

Your email address will not be published.