Articles

Shortcode gallery pada Wordpress

Kalau pada artikel sebelumnya kita telah membahas mengenai media pada Wordpress, kemudian dilanjutkan dengan media image pada Wordpress, maka pada artikel ini kita akan membuat gallery Wordpress dengan shortcode. Dengan adanya shortcode ini kita dapat membuat gallery dengan source code yang pendek.

Langkah-langkah membuat gallery dengan shortcode adalah

  1. Mengupload dalam media dan melihat idnya

    Silahkan mengupload imagenya dan kenali id-nya dengan mengarahkan mouse seperti pada gambar. Tampak kita melihat id image saat mengarahkan mouse.
     
  2. Mengisi content dengan tag [gallery]


    Kita kemudian memasukkan shortcode [gallery] dan diisi dengan id dari image-image yang akan kita tampilkan dan kita klik Update maka gallery akan langsung muncul seperti gambar di bawah ini:


  3. Preview
    Jika kita masuk ke halaman tersebut maka tampilan akan seperti gambar di bawah ini

Terlihat bahwa dengan tag [gallery] ini kita dapat dengan mudah membuat gallery. Tentu ada seting-seting lain yang dapat membuat tampilan gallery lebih menarik dan informatif.
Setting-setting atau options berkaitan dengan shortcode [gallery] ini antara lain

  1. Orderby
    Seperti yang kita bisa mengerti, option ini akan mengurutkan data berdasarkan field tertentu.
     
  2. columns
    Pada seting columns ini kita akan melakukan seting berepa jumlah kolomnya.
     
  3. Size
    Pada seting size ini kita akan melakukan seting ukuran image pada saat ditampilkan

Untuk option-option lain silahkan mengunjungi https://developer.wordpress.org/themes/functionality/media/galleries/ .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

Other Wordpress Articles:
Sanitasi input pada Wordpress
Feature Image pada Wordpress
Shortcode gallery pada Wordpress
Fungsi media images pada Wordpress
Fungsi media pada Wordpress
Fungsi pagination pada Wordpress
Fungsi navigasi menu pada Wordpress
Fungsi widget pada Wordpress
Fungsi sidebar pada Wordpress
Custom header pada Wordpress
Fungsi-fungsi dalam Wordpress theme