Tutorial PHP, MySQL, Javascript dan lainnya

Menyembunyikan images di post detail-Jika anda suka dengan tampilan awal wordpress anda selalu menampilkan gambar pada tiap posting. Dengan tampilan gambar tersebut, anda bisa menunjukkan maksud dari apa yang anda tulis atau untuk sekedar menambah keindahan posting anda.

Terkadang kita hanya ingin menampilkan gambar di depan sebagai ilustrasi dengan ukuran kecil, sedangkan anda ingin menyembunyikan images di post detail karena, gambar tersebut akan dibuka pada paragraft lain dengan ukuran berbeda.

Pengaturan standar wordpress, gambar yang ditampilkan di halaman depan, ikut ditampilkan juga di halaman detail post (page/single), sehingga terpaksa anda menampilkan gambar yang sama dua kali, gambar kecil sebagai tampilan awal, dan gambar yang lebih besar untuk tampilan di post.

Menyembunyikan images di post Detail

Sebagai contoh, pada halaman awal tampilan blog wordpress akan muncul seperti pada tulisan saya ini. Gambar kecil muncul dengan teks di sebelah kanan.

Saat pengunjung meng-klik judul atau tombol "continue reading", secara default, halaman akan menampilkan posting secara lengkap, dan gambar tersebut akan tetap ikut pada halaman posting tersebut. Hanya saja pada posting saya ini, gambar tersebut tidak muncul lagi.

Bagaimana menghilangkan atau tidak memunculkan kembali gambar tersebut?

Pada posting saya ini, dihalaman detail, gambar kecil tidak lagi ditampilkan. Sehingga tidak terjadi double gambar dalam satu posting. Bagaimana caranya? Mari kita ulik bersama.

Masuk ke halaman login wordpress anda, kemudian masuk ke penyunting tema. Pada sebelah kanan, pilih file functions.php.

Setelah muncul isi dari file functions.php tersebut, masukkan script berikut di paling bawah:

add_filter('the_content','cvmi_image_content_filter',11);

function cvmi_image_content_filter($content){

    if (is_page() || is_single()){
      $content = preg_replace("/<img alt=\"\" id=\"depan[^>]+\>/i", "", $content);
    }

    return $content;
}

Klik tombol simpan/perbarui di bawah.

Bagaimana menggunakan script tersebut? Silahkan edit atau tambah posting baru pada blog anda. Masukkan gambar yang anda inginkan, yang ingin anda tampilkan hanya dihalaman depan.

menyembunyikan images di post detailmenyembunyikan images di post detail

Klik tab "advanced", pada isian ID, ketikkan "depan" tanpa tanda petik. Klik OK. Simpan posting. 

NOTE: Hanya isian ID saja yang anda isi, untuk form isian lainnya, HARUS dikosongkan, terutama isian "teks alternatif". Kecuali, tentu saja, isian URL gambar tersebut tentu saja harus diisi sesuai dengan lokasi gambar.

Silahkan anda lihat hasilnya. Nah, jadi demikan cara menyembunyikan images di post detail anda.

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Anda dapat menggunakan tag dan atribut HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Anti-spam image