mas template

Membuat Album Foto pada WordPress CMS dengan Plugin NextGEN Gallery

WordPress CMS memang bukan blog biasa. Menurut saya dia sudah mulai bisa mengejar kompleksitas website dinamis yang standart (website yang bukan hanya sekedar sebuah blog). Bahkan, tidak terlalu kalah jauh dengan CMS lain yang saat ini sangat terkenal (Joomla, Drupal, dll). Sistem yang ada pada WordPress CMS bukan hanya sekedar untuk menulis posting, tapi lebih dari itu.

Keunggulan yang tidak dimiliki oleh Blogspot tersebut dikarenakan developing (pengembangan) plugin yang juga sangat maju pada WordPress. Beberapa tutorial penggunaan plugin WordPress CMS yang telah saya berikan juga telah menunjukkan hal tersebut. Nah, kali ini ada 2 plugin lagi yang bisa kita gunakan untuk menambahkan fitur-fitur yang juga umum dipakai pada website lainnya, yaitu Album Foto dan Forum. Pada bagian ini akan saya mulai dengan pembuatan Album Foto. Plugin WordPress yang akan kita gunakan adalah NextGEN Gallery. Langkah-langkahnya adalah :
  1. Download Plugin NextGEN Gallery terlebih dahulu.
  2. Instal plugin tersebut pada WordPress Anda.
  3. Jika plugin sudah di aktivasi, maka pada dashboard akan terlihat menu tambahan bernama Gallery.
  4. Taksonomi foto pada WordPress menggunakan plugin ini terdiri atas 3 bagian seperti digambarkan di bawah ini:

    album foto 1 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

  5. Sebelum menambahkan foto ke dalam website, kita perlu membuat nama “gallery” dari foto yang akan kita masukkan. Untuk itu,klik link “Add Gallery/Images” pada bagian “Gallery”. Tuliskan nama gallery baru dari foto yang akan kita masukkan pada kotak isian “New Gallery”.

    album foto 2 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

  6. Ada tiga (3) cara untuk memasukkan foto.
    • Upload a Zip-File, yaitu memasukkan foto dengan jumlah yang banyak sekaligus namun harus dikelompokkan dan dikompres ke dalam sebuah file .zip. Klik tab “Upload a Zip-File” pada halaman penambahan gallery (Langkah 5). Dibagian “Select Zip-File”, klik tombol Browse untuk memilih foto-foto yang telah dikelompokkan dan dikompres ke dalam .zip tersebut dari komputer. Kemudian dibagian “in to”, pilih Gellery dimana foto-foto tersebut akan tersimpan. Setelah itu klik tombol Start Upload.

      album foto 3 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

    • Import image folder, yaitu mengimport foto yang telah ada di dalam hosting website kita. Klik tab “Import image folder”, kemudian tuliskan path folder foto (tempat dimana folder foto berada) yang akan diimport sebagai foto.

      album foto 4 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

    • Upload Image, yaitu mengupload foto satu per satu (secara tunggal) ke dalam gallery foto yang kita tentukan. Klik tab “Upload Images”, kemudian klik tombol Browse untuk memilih foto yang akan diupload dari komputer. Dibagian “In to”, pilih gallery dimana foto tersebut akan diupload.

      album foto 5 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

  7. Kita bisa melihat dan mengatur gallery yang telah ada melalui menu “Manage Gallery” yang ada di bagian “Gallery”.

    album foto 6 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

  8. Kita juga bisa membuat album dari foto-foto yang telah kita masukkan. Sesuai dengan taksonomi yang ada pada Langkah 4 di atas, kita bisa mengelompokkan beberapa gallery foto ke dalam sebuah album. Tujuannya sebenarnya untuk mempermudah pengelolaan dan memudahkan menampilkannya pada halaman website. Silahkan klik menu “Album” pada bagian “Gallery”.
  9. Selanjutnya, kita buat sebuah Album baru, misalnya saya beri nama “April 2010”. Maka pada bagian “Add new album”, tuliskan “April 2010”, kemudian klik tombol “Add” yang ada disampingnya (seperti yang dilingkari hitam).

    album foto 7 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

  10. Langkah selanjutnya adalah mengelompokkan gallery foto ke dalam Album April 2010 tersebut. Pastikan pada bagian Select Album, yang terpilih adalah “April 2010”. Kemudian, pindahkan beberapa gallery yang ingin dikelompokkan ke dalam album tersebut dengan cara mengdrag satu persatu dari kolom “Select Gellery” ke kolom Album April 2010. Setelah itu klik tombol “Update”.

    album foto 8 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

  11. Untuk menampilkan foto-foto tersebut ke dalam front site, kita bisa melakukannya dengan menampilkan pada page baru. Buatlah sebuah page dengan mengklik menu “Add New” pada bagian “Pages”. Beri nama “Album Foto”.
  12. Pastikan pilih tab “Visual”. Pada tools box kotak pengisian page tersebut, terdapat tombol “Add NextGEN Gallery” yang dilingkari merah pada di bawah.

    album foto 9 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

    Klik tombol tersebut, maka akan muncul popup window untuk memilih Album, Gallery, atau Foto yang akan kita tampilkan. Sebagai contoh, kita akan menampilkan foto-foto yang telah dikelompokkan ke dalam Album April 2010 tadi. Untuk itu, pilih tab “Album”, kemudian pilih Album April 2010. Setelah itu, klik tombol Insert.

    album foto 10 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

  13. Maka pada kotak isian page tersebut akan muncul sebuah tag yang berfungsi untuk menampilkan Album April 2010.

    album foto 11 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

  14. Id=3” menunjukkan Album yang ditampilkan adalah album dengan ID = 3, yang dalam hal ini adalah Album April 2010. Sedankan “template=compact” berarti Album akan ditampilkan dalam bentuk “compact”. Untuk melihat perbedaannya, silahkan coba menampilkan album dengan mode template yang berbeda, baik Compact maupun Extended. Hasilnya akan terlihat seperti Gambar berikut:

    album foto 12 Membuat Album Foto pada Wordpress CMS dengan Plugin NextGEN Gallery

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

14 comments:

  1. thank ya infonya...tp gmana cara menginstall plugin'x mas?

    ReplyDelete
  2. Tanya mas, itu khan kalo kita klik salah satu fotonya, yang terlihat fotonya jadi besar. Kalo aku ubah kalo kita klik jadi hyperlink bisa nggak mas?

    ReplyDelete
  3. ga salah masuk blog nehh, muantap om sharingnya. o iya om ane pake templatenya ya om...makasih buannnyaaak...

    ReplyDelete
  4. waahh Nice info... :)
    Makasih ya informasi'y

    jangan lupa mampir kesini ya..
    http://quantamultimedia.com/

    terimakasih ^_^

    ReplyDelete
  5. Untuk memdapatkan embed (code html) gimana caranya mas... misal kita mau letakkan galeri photo pada bagian header atau footer, bukan dalam post atau page, trimks

    ReplyDelete
  6. cara instal memasukan di wp gmana . maklum saya pemula

    ReplyDelete
  7. Kalo pake wordpress gratisan.... biasanya tidak bisa menginstal plugin.

    Tapi kalo pake Wordpress Self Hosting. mau di bakar (appakan aja) sitenya monggo

    ReplyDelete
  8. Terimakasih banyak informasi ini. sangat bermanfaat sekali .
    apalagi website kami (kaliwatu rafting | baturafting.com) sangat membutuhkan gallery gallery foto.
    semoga bisa selalu sharing , dan sukses selalu.

    ReplyDelete
  9. wah info yang berguna, cocok banget buat membantu yang sedang belajar. kami juga punya info menarik buat yang mau menghostingkan webnya, kunjungi di http://www.joglo-itcenter.com/about-us/promo-free-stuff/

    ReplyDelete
  10. Gebear harga promo murah dan aman di sani-shop : Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS: 0816-597476 ATAU KLIK WEBSET RESMI KAMI http://sani-shop.blogspot.com/.

    Ready Stock!
    Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock!
    Apple iPhone 5 Rp.2,700.000
    Ready Stock!
    BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock!
    BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock!
    BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock!
    Blackberry Curve 9320.Rp.700.000,-
    Ready Stock!
    Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock!
    Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock!
    Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock!
    Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock!
    Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock!
    Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock!
    Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000,-
    Ready Stock!
    Nokia Lumia 800 - Matt Black.Rp.1.700.000,-
    Ready Stock!
    Nokia Lumia-710-whiteRp. 900.000,-
    Ready Stock!
    Nokia C2-06 Touch & Type -Dual GSM-Rp.450.000,-
    Ready Stock!
    Nokia Lumia 710 - Black.Rp. 900.000,-
    Ready Stock!
    Apple iPhone 4S 16GB (dari XL) - Black.Rp.1.200.000,-
    Ready Stock!
    Apple iPhone 4S 16GB (dari Telkomsel).Rp.1.200.000,-
    Ready Stock!
    Apple iPod Touch 4 Gen 8GB.Rp.700.000.
    Ready Stock!
    APPLE iPod Nano 8GB - Pink.Rp.500.000,-
    Ready Stock!
    Acer Aspire 4755G Core i5 2430 Linux Blue.Rp 1.700.000.
    Ready Stock!
    Acer Aspire One AOD270 10.1.-Rp. 1.000.000,-
    Ready Stock!
    Acer TravelMate TM8481-2462G32.Rp. 1.400.000
    Ready Stock!
    Acer ICONIA Tab W500 10.1" Tablets Notebook.Rp. 1.100.000,-
    Ready Stock!
    Nikon D7000 kit 18-105mm.Rp.1.700.000.
    Ready Stock!
    Nikon D90 Kit 18-105mm Vr.Rp 1.300.000.
    Ready Stock!
    Nikon Coolpix L 120 Red.Rp. 900.000
    Ready Stock!
    Nikon Coolpix P 500 Black.Rp 1.000.000

    ReplyDelete
  11. good

    visit:
    http://cinema1dua.blogspot.com/

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger