0
Shares
0
0
0
0

Taukah kalian kalau WordPress sudah ada built in Gallery? Walaupun Gallery WordPress ini terkesan sederhana, akan tetapi jika kita bisa custom sedemikian rupa akan terlihat keren juga. Kali ini saya akan berbagi cara bagaimana membuat dan mengatur Gallery WordPress agar bisa tampil sesuai keinginan kita.

Galeri Boneka Lucu
Galeri Boneka Lucu
Sebelum mulai, kami akan membuat data acak dari gambar/image. Saya ambil contoh saya mempunyai 8 gambar/image yang mana mempunyai ID sebagai berikut

  1. 1234
  2. 1235
  3. 1236
  4. 1237
  5. 1238
  6. 1239
  7. 1300
  8. 1301

Penggunaan Gallery WordPress adalah dengan menggunakan Shortcode. Shortcode adalah code yang nantikan akan diterjemahkan oleh WordPress ketika sudah di render. Format Shortcode adalah [shortcode]

Untuk WordPress Gallery Shortcodenya adalah [gallery]. Gallery Shortcode ini mempunyai beberapa parameter. Diantaranya columns, id, size, order, orderby, include, exclude dan masih banyak lagi.

Seperti sample diatas, saya akan mencoba memanggil 2 Gallery, dimana Gallery Pertama saya taruhkan di Post Page 1 dan Gallery Kedua saya akan taruh di Post Page 2.

Selain itu saya juga akan memanggil Gallery Pertama hanya gambar/image dari 1-4 dan Gallery Kedua hanya 5-8. Berikut adalah kode yang harus saya tuliskan. Gallery pertama dengan dua kolom dan gallery kedua dengan 4.


[gallery include="1234,1235,1236,1237" columns="2"]
<!--nextpage-->
[gallery include="1238,1239,1300,1301" columns="4"]

Dan silahkan di simpan dan lihat hasilnya. Ada parameter yang cukup berguna yaitu size, jika kita ingin yang tampil adalah thumbnail (yang biasanya berukuran 150×150) kita cukup tambahkan size=”thumbnail, walaupun sebenarnya ini adalah size standard.

Cukup mudah kan? Dengan menambahkan fungsi Javascript semacam Lightbox kita bisa membuat Gallery lebih interaktip. :)

Selamat Mencoba.

Sumber Gambar http://www.flickr.com/photos/annethelibrarian/6952136273/

0 Shares:
Share 0
Tweet 0
Pin it 0

Abu @YashfaJauhar @ShaffiyaJauha Isteri @IvaFitria tinggal di @DesaPonjong Gunungkidul Yogyakarta Co. Founder NGONOO.com

13 comments

  2. Sepertinya ini lebih mudah dipraktekkan dari beberapa tutorial galeri yang saya jumpai. Terima Kasih ya mas. tak cobane dulu..

    Balas

  3. kang, mo nanya, lo ngatur susunan gambar tanpa pake plugin (misal nextgen) caranya gimana?
    misal foto 1,2,3,4 dst bisa berurutan.
    soale di web saya, setelah update ke wordpress 3.5 jadi ngacak gitu… mohon pencerahannya :)
    terima kasih

    Balas

    1. Lanjutkan mas… Itu sebenarnya masih banyak Opsi bisa dikutak-katik.. termasuk memanggil GALLERY di LUAR POST CONTENT dengan bantuan do_shortcode ;)

      Balas
Tinggalkan Balasan

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

— Previous article

Cara Menambah Kontak Form WordPress

Next article —

Hasil MotoGP Jerez, Spanyol 2012

You May Also Like
UUmum

Aku Anak Sholeh

Jingle ini saya dengar sewaktu mengantarkan @YashfaJauhar dalan Pendidikan Luar Sekolah dari PAUD PERMATA BANGSA. Berikut Jingle tersebut…
UUmum

Jadwal Imsakiyah Ramadhan 1430 H Online

Bertepatan dengan Tahun Masehi 22 Agustus 2009 ini, umat Islam akan mengawali bulan penuh berkah, banyak sekali keluarga2 maupun masjid masjid yang menyiapkan penyambutan bulan penuh berkah dan ampunan ini. Satu hal yang tidak boleh di lupakan di tahun 1930 H ini adalah Jadwal Imsakiyah Ramadhan 1430 H, seperti kita tahu, Jadwal ini akan memudahkan Umat Islam dalam berbuka maupun waktu Saur kok seperti nama Themes yaa :D
UUmum

Merokok

Sampai saat ini saya belum menemukan alasan yang tepat kenapa orang orang merokok, padahal kalau kita mau jujur…