Salah satu dampak positif dari kefleksibelan Wordpress adalah kita dapat memodifikasi elemen-elemen halaman situs atau blog sesuka kita. Termasuk image. Secara umum, kita menyisipkan gambar di dalam posting dimana letaknya sudah kita tentukan terlebih dahulu. Setelah posting dipublikasi, kita tidak bisa lagi mengubah keberadaan gambar tersebut. Nah, dengan sedikit utak-atik coding, sebenarnya kita dapat mengatur elemen gambar tersebut dan menampilkannya kapan saja dan dimana saja kita mau.

Sebagai contoh, artikel terbaru di blog ini akan selalu menampilkan gambar ilustrasi di halaman depan. Namun apabila sudah ada postingan yang lebih baru, maka gambarnya tidak akan dimunculkan. Gambar ini akan tampil kembali apabila artikel yang bersangkutan dibuka.

Salah satu pengaplikasian lainnya adalah untuk membuat model gambar ukuran thumbnail dan original, seperti yang ditanyakan oleh rekan Radeondt di bagian Konsultasi Wordpress beberapa waktu lalu. Misalnya, di halaman depan atau arsip, yang ditampilkan adalah gambar thumbnail, sedangkan pada saat artikel dibuka, gambar ukuran asli lah yang beraksi.

Sudah gak sabar pengen tahu caranya?

Nah, kunci dari trik ini adalah fitur Custom Fields yang sudah menjadi bawaan dari Wordpress. Garis besarnya, URL gambar yang ingin kita tampilkan tidak langsung kita selipkan di dalam posting, melainkan kita letakkan pada Custom Fields. Dengan demikian, kita dapat setiap saat melakukan pemanggilan terhadap URL gambar tersebut dan menggunakannya untuk menampilkan gambar yang kita inginkan.

Sebagai contoh, kita akan membuat aplikasi gambar thumbnail dan orisinil seperti yang sudah disebutkan di atas.

Persiapan posting:

1. Siapkan gambar yang ingin ditampilkan (misal gambar1.jpg) beserta versi thumbnailnya (misal gambar2.jpg). Upload keduanya ke server tersendiri (atau upload ke ImageCows :) )
2. Buat postingan baru.
3. Sebelum menekan tombol Publish, gulung layar ke bawah dan cari bagian Custom Fields. Pada bagian Key, ketik thumbnail dan pada bagian Value masukkan alamat URL dari gambar2.jpg yang telah terupload. Tekan tombol Add Custom Field.
4. Lakukan hal yang sama untuk gambar1.jpg, hanya saja, beri nama images pada bagian Key.
5. Tekan tombol Publish.

Modifikasi theme:

1. Pada Dashboard, masuk ke bagian Presentation - Theme Editor. Buka template Main Index Template (index.php).
2. Cari bagian The Loop dan tentukan dimana Anda ingin meletakkan thumbnail. Jika sudah, tambahkan kode berikut:

   [php]ID, “thumbnail”, true); ?>
   0) { ?>” />[/php]

   Simpan.

3. Silahkan lihat hasilnya.

Tidak sulit, bukan? Tapi dicoba dulu yah, kalau hanya dibaca ya jelas bisa bikin pusing Yang jelas, dengan trik di atas, Anda bisa mengontrol elemen gambar sesuka Anda dan membuat tampilan blog atau situs Anda menjadi super keren. Satu contoh lagi yang juga memanfaatkan trik sejenis adalah sebagai berikut:

Di situs wallpaper HP saya, pengunjung dapat memilih untuk menampilkan daftar wallpaper dalam mode tabel atau thumbnail. Caranya tidak jauh berbeda dengan yang saya bahas di atas, plus bantuan dari cookies seperti yang diterapkan dalam sistem Konfigurasi Pengunjung di blog ini.

Selamat berkreasi :)

PS: Theme situs wallpaper HP tidak dipublikasikan, jadi jangan minta ya :)

PPS: CAN membuka lowongan gelombang kedua untuk posisi content writer (fulltime). Baca detilnya di sini.

Anda dapat meletakkan link Anda di sini. Mau tahu caranya?