Home / WordPress / Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin

Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin

Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin – Jika blog WordPress kita adalah blog untuk menyimpan koleksi foto, seperti foto-foto hasil jepretan ketika wisata, dan lain-lain. Maka terkadang suatu saat akan membutuhkan tampilan foto-foto tersebut menjadi sebuah tampilan foto galeri. Dan ternyata kalau hanya sekedar membuat album foto galeri di WordPress, kita bisa melakukannya tanpa harus menggunakan plugin. Fasilitas album foto galeri sudah tersedia otomatis di sertakan dalam CMS WordPress semua versi, baik WordPress.org ataupun WordPress.com.

Baca Juga : Cara Membuat Sticky Post Di WordPress Dan Pengertiannya

Biasanya tampilan album foto galeri di WordPress dari blog satu dan blog lainnya akan berbeda tampilannya. Itu disebabkan struktur kode yang terdapat dalam tema (template) untuk menampilkan galeri foto berbeda. Jadi hal tersebut berdasarkan kode css yang tersimpan di dalam style.css. Bagi CMS WordPress.org kita bisa memodifikasi lagi tampilan galeri foto tersebut agar tampilannya lebih menarik.

Berikut Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin

Cara membuat album foto galeri khusus untuk blog CMS WordPress sangat mudah. Yang harus kita lakukan pertama kali jika kita berniat akan membuat album foto galeri adalah menentukan tampilan album foto galeri apakah tampil di dalam postingan atau halaman. Jika album foto galeri ingin tampil di dalam postingan, maka caranya kita tinggal klik menu Post > Add New Post di Dashboard. Namun jika album foto galeri ingin tampil di halaman WordPress, maka caranya klik menu Page > Add New Page.

Kemudian jika kita sudah masuk ke kotak editor WordPress baik kotak editor Post atau Page, disana kita klik Add Media.

Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin 1

Disini kita pilih Upload Files kemudian klik Select Files untuk menentukan foto yang akan kita jadikan menjadi album foto galeri.

Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin 2

Nanti kita akan disuguhkan kedalam tampilan pop-up device komputer. Silakan kita tinggal memilih beberapa foto yang sudah tersimpan di komputer atau mungkin foto yang masih tersimpan didalam USB Flasdisk atau media eksternal lainnya. Untuk memilih semua foto yang akan kita upload, jika foto tersebut tersimpan dalam satu folder dan kita akan upload semua foto tersebut, maka cara cepatnya tekan Ctrl+A pada keyboard kemudian klik Open.

Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin 3

Tunggu beberapa saat, sekarang WordPress kita sedang melakukan upload foto. Jika semua foto yang akan kita jadikan album galeri terupload semua, klik Create Gallery.

Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin 4

Disini klik Create a new gallery yang berada pada posisi kanan bawah.

Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin 5

Berikut adalah tampilan kotak dialog untuk memodifikasi album foto galeri kita (Edit Gallery). Disini kita bisa memberi masing-masing nama foto. Contoh saya akan membuat album foto galeri rider MotoGP 2012. Disana saya tulis nama-nama ridernya.

Kemudian kita lihat di posisi sebelah kanan atas, disitu ada Gallery Settings. Fungsinya untuk mengatur tampilan album foto galeri seperti : Link To, Coloumns, Random Order, dan Size. Fungsi masing-masing pengaturan tersebut adalah :

  1. Link To adalah untuk memberi efek hover pada foto, dimana kita klik foto tersebut akan mengarah kepada link yang kita tetapkan;
  2. Coloumns adalah untuk mengatur tampilan album foto galeri yang berdasarkan kolom. Disini saya memilih tampilan album menjadi 3 kolom saja;
  3. Random Order adalah untuk menampilkan album foto secara acak;
  4. Size adalah ukuran masing-masing foto yang kita tampilkan dalam album galeri tersebut.

Jika semua pengaturan sudah sesuai dengan keinginan kita, terakhir klik Insert gallery.

Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin 6

Berikut hasilnya contoh album foto galeri saya yang isinya adalah foto-foto rider MotoGP 2012. Sedikit saya beri efek hover transition dimana jika kita arahkan kursor mouse akan memberi efek khusus.

Album foto galeri yang saya buat menggunakan struktur kode css sebagai berikut :

.gallery dt {
 width: auto;
 text-align: center;
 float: none;
}
.gallery img{
 border: 1px solid #CFCFCF!important;
 padding: 2px;
 -moz-transition: all 0.65s ease-in-out;
 -webkit-transition: all 0.65s ease-in-out;
}
.gallery img:hover{
 transform:rotate(4deg); 
 -moz-transform:rotate(4deg); 
 -webkit-transform:rotate(4deg); 
 -o-transform:rotate(4deg);
}

Simpan kode tersebut didalam file style.css. Jika sebelumnya didalam file style.css Anda sudah terdapat kode selektor gallery, maka hapuslah dulu dan ganti dengan kode diatas.

Mungkin hanya itu saja tulisan tentang Cara Membuat Album Foto Galeri di WordPress Tanpa Plugin. Semoga artikel ini bisa bermanfa’at.

About InfoMenarik

Berbagi Info & Tips Trik Menarik tentang Seputar EPS-Topik Korea, Kesehatan, Microsoft Office, Pendidikan, Photoshop, Software, Teknologi, WordPress Terlengkap dan Gratis.

7 comments

  1. Referensi Musik Indie

    saya mau tanya mas saya kan tadinya mau pake theme dari mythemeshop juga yang kaya punya Info Menarik tapi kok gambarnya ga pada muncul ya mas? terimakasih

    • Gambar apa mas yang tidak muncul? Kalau masalahnya gambar thumbnail, coba mas gunakan plugin untuk reset thumbnail. Tinggal cari plugin yang pas menurut mas dideretan menu Plugin dengan kata kunci “thumbnail”.

      • Referensi Musik Indie

        gambar excerpt nya mas yang di sidebar juga ga ada gambarnya tdi sudah saya coba pake plugin thumbnail for excerpt tapi tetep ga bisa.. edit kode malah blank hehe.. boleh tulis link aktif ga siapa tau mas mau liat penampakan blog saya yang ancur dan bisa kasih solusi.

        • Mas coba upload ulang setiap gambar thumbnail yang ada disetiap post/artikel, apakah tetap masih tidak muncul? Saya sudah lihat webnya tapi template yang digunakan tidak sama dengan template blog ini.

  2. Referensi Musik Indie

    kalo mas tidak keberatan coba tolong di pantau mas ini blog saya .. ini www.munelium.com mohon pencerahan saya newbie nih

  3. Info yang benar-benar menarik mas, hehe kebetulan lagi cari info menampilkan gambar di web wordpress.

  4. nice bos berguna banget kebetulan saya sedang nyari cara untuk bikin galeri foto

Leave a Reply

Your email address will not be published. Required fields are marked *