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

My Websitesasgraphs

This My website flower that generate with this nicely tools (http://aharef.info/static/htmlgraph/) Please remember, to generate this great flower,…
UUmum

Create Your HOKI

On seminar by Andri Wongso titled Create your HOKI this nicely great motivation. Thanks again and Please Creat…
UUmum

Transmit

Sejak pindah ke keluarga buah buahan.. ada rasa dalam hati yang mulai bergejolak. ya rasa untuk memulai membersihkan…
UUmum

Cara Tampilkan Iklan di Post Terakhir

Pengguna WordPress, waspadalah. Insya Allah saya akan reguler memberikan beberapa tips agar WordPress kita menjadi lebih nyaman dan menjadi yang kita inginkan. Karena ini tips seputar WordPress tentunya akan sedikit dan banyak mengulas bagaimana mengoptimalkan Mesin Blogging kita. Anda tidak perlu bingung, jika anda awam tentang dunia XHTML dan CSS ini, saya akan memandu semampu saya dan semampu anda tentunya :D Pada posting kali ini, saya akan memberi tips untuk menaruh iklan hanya dipostingan terakhir sebuah iklan dan postingan berikutnya akan tampil seperti biasa. Atau bahasa mudahnya, saya akan memberikan tampilan beda hanya untuk postingan terakhir pada halaman utama (tambah bingung?) :D