{"id":7537,"date":"2019-02-06T08:26:14","date_gmt":"2019-02-06T08:26:14","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-id-tutorial\/?p=7537"},"modified":"2023-01-04T15:22:05","modified_gmt":"2023-01-04T08:22:05","slug":"cara-membuat-gallery-di-wordpress","status":"publish","type":"post","link":"\/id\/tutorial\/cara-membuat-gallery-di-wordpress","title":{"rendered":"Cara membuat gallery di WordPress &#038; 7 plugin gallery WordPress terbaik"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Sering melihat galeri foto atau gambar di internet? Yap, sebagian besar situs memiliki setidaknya satu galeri untuk tujuan tertentu. Nah, jika tertarik untuk membuat galeri foto di WordPress, Anda bisa mencoba c<\/span><span style=\"font-weight: 400\">ara membuat gallery di WordPress<\/span><span style=\"font-weight: 400\"> yang sebenarnya sangat mudah.<\/span><\/p><p><span style=\"font-weight: 400\">Berikut cara membuat galeri foto di WordPress:<\/span><\/p><ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Upload gambar atau foto yang ingin Anda tampilkan pada galeri foto di WordPress.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Tambahkan gambar ke galeri.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Tampilkan galeri di area mana pun di website.<\/span><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Ketiga cara di atas akan kami bahas lebih lengkap di bawah ini. Di samping itu, kami juga akan mengulas 7 plugin gallery WordPress terbaik yang menawarkan berbagai fitur unik bagi website Anda.<\/span><\/p><p>\n\n\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-langkah-1-upload-gambar-yang-anda-inginkan-ke-galeri-wordpress\"><b>Langkah #1: Upload Gambar yang Anda Inginkan ke Galeri WordPress<\/b><\/h2><p><span style=\"font-weight: 400\">Hal pertama yang harus Anda persiapkan untuk membuat galeri foto di WordPress adalah gambar atau foto. Di tutorial ini, sebagai contoh, kami akan menggunakan gambar anak anjing untuk mempermudah penjelasannya.<\/span><\/p><p><span style=\"font-weight: 400\">Pertama-tama, masuk ke dashboard WordPress dan buka tab <\/span><b>Media &gt; Library<\/b><span style=\"font-weight: 400\">. Setelah tab terbuka, klik pilihan <\/span><b>Add New<\/b><span style=\"font-weight: 400\"> yang ada di bagian atas:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"716\" height=\"223\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/tambahkan-gambar-baru.jpg\/public\" alt=\"Menambahkan Gambar Baru di Cara Membuat Gallery di WordPress\" class=\"wp-image-7538\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/tambahkan-gambar-baru.jpg\/w=716,fit=scale-down 716w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/tambahkan-gambar-baru.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/tambahkan-gambar-baru.jpg\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Klik <\/span><b>Select Files<\/b><span style=\"font-weight: 400\"> untuk membuka folder atau file di komputer:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"713\" height=\"227\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/select-files.jpg\/public\" alt=\"Opsi Select Files\" class=\"wp-image-7539\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/select-files.jpg\/w=713,fit=scale-down 713w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/select-files.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/select-files.jpg\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 713px) 100vw, 713px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Agar prosesnya lebih cepat dan ringkas, satukan dulu semua gambar yang ingin diupload ke dalam sebuah folder. Sebagai contoh, kami membuat folder yang dinamai <\/span><b>puppies<\/b><span style=\"font-weight: 400\"> di komputer:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"694\" height=\"195\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/folder-puppies.jpg\/public\" alt=\"Folder Puppies\" class=\"wp-image-7540\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/folder-puppies.jpg\/w=694,fit=scale-down 694w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/folder-puppies.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/folder-puppies.jpg\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 694px) 100vw, 694px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Jika Anda mengupload banyak gambar secara bersamaan, WordPress akan menampilkan progres <\/span><span style=\"font-weight: 400\">masing-masing gambar:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"380\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/upload-banyak-gambar.jpg\/public\" alt=\"Upload Banyak Gambar\" class=\"wp-image-7541\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/upload-banyak-gambar.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/upload-banyak-gambar.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/upload-banyak-gambar.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/upload-banyak-gambar.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Tunggu selama beberapa saat sampai proses unggahan semua gambar berhasil dilakukan. Waktu unggahan tergantung pada kecepatan internet serta ukuran (dan juga jumlah) gambar yang diupload. <\/span><\/p><p><span style=\"font-weight: 400\">Apabila proses unggahan memakan waktu yang lama, sebaiknya batalkan proses tersebut dan <\/span>cobalah <a href=\"\/id\/tutorial\/gambar-wordpress\/\"><strong>optimasi gambar<\/strong><\/a><span style=\"font-weight: 400\"> sebelum menguploadnya kembali ke website. Gambar dengan resolusi tinggi memberikan tampilan akhir yang lebih optimal. Namun, biasanya gambar dengan definisi tersebut &lsquo;berat&rsquo; untuk diload. Oleh karena itu, Anda harus meng-<\/span><i><span style=\"font-weight: 400\">compress<\/span><\/i><span style=\"font-weight: 400\"> gambar tanpa mengurangi kualitasnya &ndash; proses ini disebut &lsquo;optimasi gambar&rsquo;.<\/span><\/p><p><span style=\"font-weight: 400\">Ada banyak <strong><a href=\"\/id\/tutorial\/apa-itu-plugin\">plugin WordPress<\/a><\/strong> yang dapat Anda gunakan untuk mengoptimasi gambar secara otomatis, dan juga aplikasi optimasi di web, misalnya <\/span><strong><a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\">TinyPNG<\/a><\/strong><span style=\"font-weight: 400\">:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"295\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/tiny-png.jpg\/public\" alt=\"Meng-compress gambar dengan TinyPNG\" class=\"wp-image-7542\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/tiny-png.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/tiny-png.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/tiny-png.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/tiny-png.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-langkah-2-menambahkan-gambar-ke-galeri-wordpress\"><b>Langkah #2: Menambahkan Gambar ke Galeri WordPress<\/b><\/h2><p><span style=\"font-weight: 400\">Setelah semua gambar berhasil diupload, tentukan halaman di mana Anda ingin menampilkan galeri foto, kemudian buka menggunakan WordPress editor (atau buat halaman baru).<\/span><\/p><p><span style=\"font-weight: 400\">Proses menambahkan galeri foto ke suatu halaman sebenarnya sangat mudah. Anda hanya perlu mengarahkan kursor pada area di dalam editor tempat Anda ingin menempatkannya. Setelah itu, klik <\/span><b>Add Media<\/b><span style=\"font-weight: 400\">:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"706\" height=\"216\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/galeri-wordpress-pertama.jpg\/public\" alt=\"Cara membuat album foto di WordPress\" class=\"wp-image-7543\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/galeri-wordpress-pertama.jpg\/w=706,fit=scale-down 706w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/galeri-wordpress-pertama.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/galeri-wordpress-pertama.jpg\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 706px) 100vw, 706px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Layar baru akan muncul dan telah dilengkapi dengan opsi untuk menampilkan gambar dari <\/span><i><span style=\"font-weight: 400\">media library<\/span><\/i><span style=\"font-weight: 400\">, membuat galeri di WordPress, atau membuat <\/span><i><span style=\"font-weight: 400\">media playslist<\/span><\/i><span style=\"font-weight: 400\">. Klik&nbsp;<\/span><b>Create Gallery<\/b><span style=\"font-weight: 400\">, kemudian buka tab <\/span><b>Media Library<\/b><span style=\"font-weight: 400\">:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"271\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/membuat-library-untuk-galeri-media.jpg\/public\" alt=\"Membuat library untuk galeri media\" class=\"wp-image-7544\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/membuat-library-untuk-galeri-media.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/membuat-library-untuk-galeri-media.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/membuat-library-untuk-galeri-media.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/membuat-library-untuk-galeri-media.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Klik semua gambar yang ingin Anda tampilkan di galeri foto. Setelah itu, pilih <\/span><b>Create a new gallery<\/b><span style=\"font-weight: 400\">. <\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-langkah-3-menambahkan-galeri-wordpress-ke-website\"><b>Langkah #3: Menambahkan Galeri WordPress ke Website<\/b><\/h2><p><span style=\"font-weight: 400\">Sampai di tahap ini, layar pengeditan<\/span><span style=\"font-weight: 400\">&nbsp;akan muncul dan menampilkan semua gambar yang telah Anda tambahkan di langkah #2. Pada layar ini, Anda dapat memilih berapa banyak kolom yang akan dimasukkan ke galeri, ukuran <\/span><i><span style=\"font-weight: 400\">thumbnail<\/span><\/i><span style=\"font-weight: 400\">, dan urutan gambar:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"688\" height=\"319\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/edit-galeri.jpg\/public\" alt=\"Mengedit Galeri\" class=\"wp-image-7545\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/edit-galeri.jpg\/w=688,fit=scale-down 688w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/edit-galeri.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/edit-galeri.jpg\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 688px) 100vw, 688px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Anda juga dapat menambahkan <\/span><i><span style=\"font-weight: 400\">caption<\/span><\/i><span style=\"font-weight: 400\"> ke masing-masing gambar, serta link jika memang gambar tersebut tertaut ke suatu situs. Secara default, WordPress akan mengarahkan pengunjung ke halaman <\/span><i><span style=\"font-weight: 400\">file attachment<\/span><\/i><span style=\"font-weight: 400\"> apabila mereka mengklik salah satu gambar. Tampilannya seperti pada contoh di bawah ini:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"431\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/file-attachment.jpg\/public\" alt=\"File attachment\" class=\"wp-image-7546\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/file-attachment.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/file-attachment.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/file-attachment.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/file-attachment.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Setelah itu, klik&nbsp;<\/span><b>Insert Gallery<\/b><span style=\"font-weight: 400\"> dan galeri gambar akan muncul di dalam WordPress editor:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"815\" height=\"551\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-akhir-galeri.jpg\/public\" alt=\"Tampilan akhir galeri\" class=\"wp-image-7547\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-akhir-galeri.jpg\/w=815,fit=scale-down 815w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-akhir-galeri.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-akhir-galeri.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-akhir-galeri.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 815px) 100vw, 815px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Sayangnya, WordPress tidak memungkinkan Anda menampilkan galeri foto yang sama di halaman lain. Apabila hendak menggunakan galeri yang sama, Anda harus mengulangi prosesnya, yakni memilih gambar dan mengikuti pengaturan yang sama seperti galeri pertama dibuat. Untungnya, prosesnya tidak memakan waktu lama karena gambar sudah terupload di website.<\/span><\/p><p><span style=\"font-weight: 400\">Jika ingin menampilkan widget galeri di<\/span><span style=\"font-weight: 400\"> WordPress ke sidebar atau footer, buka tab <\/span><b>Appearance &gt; Widgets<\/b><span style=\"font-weight: 400\"> dan cari widget <\/span><b>Gallery<\/b><span style=\"font-weight: 400\">:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"847\" height=\"218\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/widget-gallery.jpg\/public\" alt=\"Widget Gallery\" class=\"wp-image-7548\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/widget-gallery.jpg\/w=847,fit=scale-down 847w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/widget-gallery.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/widget-gallery.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/widget-gallery.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 847px) 100vw, 847px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Drag widget tersebut ke sidebar atau footer, dan tempatkan di mana saja. Tambahkan gambar yang ingin Anda tampilkan di galeri foto:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"326\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/widget-sidebar.jpg\/public\" alt=\"Widget sidebar\" class=\"wp-image-7549\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/widget-sidebar.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/widget-sidebar.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/widget-sidebar.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/widget-sidebar.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Anda juga bisa menyertakan <\/span><i><span style=\"font-weight: 400\">caption<\/span><\/i><span style=\"font-weight: 400\"> ke widget, dan memberi judul:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"850\" height=\"484\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-sidebar.jpg\/public\" alt=\"Contoh sidebar\" class=\"wp-image-7550\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-sidebar.jpg\/w=850,fit=scale-down 850w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-sidebar.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-sidebar.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-sidebar.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Klik <\/span><b>Save<\/b><span style=\"font-weight: 400\"> untuk menyimpan semua perubahan yang dilakukan. Kini Anda sudah bisa melihatnya di website:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"451\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-front-end-sidebar.jpg\/public\" alt=\"Contoh front end sidebar\" class=\"wp-image-7551\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-front-end-sidebar.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-front-end-sidebar.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-front-end-sidebar.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-front-end-sidebar.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Hanya saja, cara membuat gallery di WordPress dengan menggunakan langkah-langkah default tidak serta-merta menjadikan galeri foto Anda kaya akan fitur. Agar terlihat lebih profesional dan menarik, sebaiknya <strong><a href=\"\/id\/tutorial\/cara-install-plugin-wordpress\">install plugin WordPress<\/a><\/strong>.<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-7-plugin-gallery-wordpress-untuk-membuat-gallery-di-wordpress\"><b>7 Plugin Gallery WordPress untuk Membuat Gallery di WordPress<\/b><\/h2><p><span style=\"font-weight: 400\">Sebenarnya, tidak ada yang kurang dari fitur default WordPress. Hanya saja, jika Anda menginginkan berbagai fitur baru yang canggih, Anda harus menginstall plugin yang tepat. <\/span><\/p><p><span style=\"font-weight: 400\">Berikut 7 plugin gallery WordPress yang layak Anda pertimbangkan:<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-1-photo-gallery-by-10web\"><b>1. <a href=\"https:\/\/wordpress.org\/plugins\/photo-gallery\/\" target=\"_blank\" rel=\"noopener\">Photo Gallery by 10web<\/a><\/b><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"290\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/photo-gallery-10-web.jpg\/public\" alt=\"Photo Gallery by 10web adalah salah satu Plugin Gallery WordPress terbaik\" class=\"wp-image-7552\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/photo-gallery-10-web.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/photo-gallery-10-web.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/photo-gallery-10-web.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/photo-gallery-10-web.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Photo Gallery by 10web<span style=\"font-weight: 400\"> memperbarui sistem galeri WordPress secara keseluruhan. Plugin ini menyediakan berbagai layout, termasuk slideshow, <\/span><i><span style=\"font-weight: 400\">compact albums, <\/span><\/i><span style=\"font-weight: 400\">dan lain sebagainya. Bahkan plugin ini dapat digunakan untuk mengaktifkan efek <\/span><i><span style=\"font-weight: 400\">lightbox<\/span><\/i><span style=\"font-weight: 400\"> yang akan menampilkan gambar berukuran penuh pada saat seseorang mengkliknya.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"363\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/10-web-mosaic.jpg\/public\" alt=\"10 Web Mosaic\" class=\"wp-image-7553\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/10-web-mosaic.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/10-web-mosaic.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/10-web-mosaic.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/10-web-mosaic.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Dengan plugin ini, Anda dapat menambahkan gambar dan juga video pada satu area. Bahkan tersedia berbagai macam opsi widget, tidak seperti yang ditawarkan WordPress secara default, hanya satu widget saja. Kesimpulannya, plugin ini merupakan opsi terbaik jika Anda ingin membuat galeri yang kaya akan fitur.<\/span><\/p><p><b>Fitur Unggulan:<\/b><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Menyediakan layout yang unik<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Menambahkan gambar dan video ke galeri yang sama<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Menyediakan efek <\/span><i><span style=\"font-weight: 400\">lightbox<\/span><\/i><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Menawarkan berbagai macam widget<\/span><\/li>\n<\/ul><p><b>Harga: <\/b><span style=\"font-weight: 400\">Versi dasar plugin ini tersedoa gratis. Namun, jika Anda menginginkan lebih banyak efek, tema, widget, serta fitur lainnya, silakan upgrade ke versi premium.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-2-gallery-by-robo\"><b>2. <a href=\"https:\/\/wordpress.org\/plugins\/robo-gallery\/\" target=\"_blank\" rel=\"noopener\">Gallery by Robo<\/a><\/b><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"288\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/robo-gallery.jpg\/public\" alt=\"Gallery by Robo, salah satu gallery plugin WordPress\" class=\"wp-image-7554\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/robo-gallery.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/robo-gallery.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/robo-gallery.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/robo-gallery.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Gallery by Robo<\/span><span style=\"font-weight: 400\"> merupakan <strong><a href=\"\/id\/tutorial\/plugin-wordpress-terbaik\">plugin wajib WordPress<\/a><\/strong> yang harus diinstall jika Anda menginginkan kontrol penuh terhadap gaya <\/span><span style=\"font-weight: 400\">dan sistem galeri Anda. Sama seperti plugin sebelumnya, plugin ini menyediakan beragam layout. Selain itu, dengan plugin ini, Anda juga dapat menambahkan slideshow dan efek, mengkustomisasi pengaturan, dan menyertakan <\/span><i><span style=\"font-weight: 400\">border<\/span><\/i><span style=\"font-weight: 400\"> di sekitar gambar.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"282\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/robo-borders.jpg\/public\" alt=\"Border pada Robo\" class=\"wp-image-7555\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/robo-borders.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/robo-borders.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/robo-borders.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/robo-borders.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Kelebihan lain dari plugin ini adalah mengatur kembali ukuran gambar (<\/span><i><span style=\"font-weight: 400\">resize<\/span><\/i><span style=\"font-weight: 400\">) secara otomatis pada saat proses upload berlangsung. Dengan pengaturan seperti ini, Anda dapat menghemat ruangan atau <\/span><i><span style=\"font-weight: 400\">space<\/span><\/i><span style=\"font-weight: 400\"> karena sebagian besar situs tidak membutuhkan gambar yang berukuran sangat besar. Plugin ini pun memastikan bahwa semua galeri yang Anda buat bersifat <\/span><i><span style=\"font-weight: 400\">mobile-friendly<\/span><\/i><span style=\"font-weight: 400\">.<\/span><\/p><p><span style=\"font-weight: 400\">Karena kemudahan dan fleksibilitas kustomisasinya, Gallery by Robo merupakan plugin terbaik jika Anda ingin memaksimalkan setiap aspek.<\/span><\/p><p><b>Fitur Unggulan:<\/b><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Tersedia berbagai layout.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Adanya beragam tipe efek yang dapat diaplikasikan ke gambar.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Mengatur kembali ukuran gambar (<\/span><i><span style=\"font-weight: 400\">resize<\/span><\/i><span style=\"font-weight: 400\">) secara otomatis pada saat proses upload berlangsung.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Mengaktifkan <\/span><i><span style=\"font-weight: 400\">lazy loading <\/span><\/i><span style=\"font-weight: 400\">yang telah dilengkapi dengan banyak elemen. <\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Membuat galeri yang <\/span><i><span style=\"font-weight: 400\">mobile-friendly<\/span><\/i><span style=\"font-weight: 400\"> tanpa harus melakukan proses atau langkah tambahan.<\/span><\/li>\n<\/ul><p><b>Harga<\/b><span style=\"font-weight: 400\">: Dengan versi gratis, Anda dapat membuat hingga tiga galeri atau Anda bisa membeli versi premiumnya seharga $30 untuk memperoleh lisensi tak terbatas atau unlimited.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-3-gridkit-portfolio-gallery\"><b>3. <a href=\"https:\/\/wordpress.org\/plugins\/portfolio-wp\/\" target=\"_blank\" rel=\"noopener\">GridKit Portfolio Gallery<\/a><\/b><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"288\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/gridkit-portfolio-gallery.jpg\/public\" alt=\"GridKit Portfolio Gallery\" class=\"wp-image-7556\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/gridkit-portfolio-gallery.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/gridkit-portfolio-gallery.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/gridkit-portfolio-gallery.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/gridkit-portfolio-gallery.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Walaupun ada kata <\/span><i><span style=\"font-weight: 400\">portfolio<\/span><\/i><span style=\"font-weight: 400\"> di namanya, plugin ini dapat Anda gunakan untuk membuat galeri foto di WordPress. Selain foto dan gambar, plugin <\/span>ini<span style=\"font-weight: 400\"> juga memperbolehkan Anda untuk menyertakan video dari berbagai sumber dan produk WooCommerce. Di samping itu, plugin ini telah dilengkapi dengan opsi sharing di media sosial sehingga visitor dapat membagikan foto Anda ke rekan dan teman virtual mereka.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"382\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-gridkit.jpg\/public\" alt=\"Contoh penggunaan GridKit Portfolio Gallery\" class=\"wp-image-7557\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-gridkit.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-gridkit.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-gridkit.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-gridkit.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Sama seperti plugin yang telah kami bahas sebelumnya, plugin ini juga memungkinkan Anda membuat galeri yang <\/span><i><span style=\"font-weight: 400\">mobile-friendly<\/span><\/i><span style=\"font-weight: 400\">. Bahkan plugin ini merupakan salah satu opsi terbaik bagi Anda yang ingin menampilkan logo klien, membuat area <\/span><i><span style=\"font-weight: 400\">team member<\/span><\/i><span style=\"font-weight: 400\">, dan masih banyak lagi. Kesimpulannya, jika Anda mencari plugin yang sangat fleksibel, GridKit Portfolio Gallery adalah pilihan terbaik.<\/span><\/p><p><b>Fitur Unggulan:<\/b><\/p><ul class=\"wp-block-list\">\n<li>Bisa untuk gambar dan video<\/li>\n\n\n\n<li>Menampilkan produk WooCommerce<\/li>\n\n\n\n<li>Membuat area&nbsp;<em>team member<\/em><\/li>\n\n\n\n<li>Tersedia berbagai tipe layout<\/li>\n<\/ul><p><b>Harga: <\/b><span style=\"font-weight: 400\">GridKit merupakan plugin gratis. Jika ingin memperoleh tambahan fitur premium, <\/span><span style=\"font-weight: 400\">upgrade ke <strong><a href=\"https:\/\/wpsofts.com\/\" target=\"_blank\" rel=\"noopener\">versi berbayar<\/a><\/strong><\/span><span style=\"font-weight: 400\">.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-4-responsive-lightbox-gallery\"><b>4. <a href=\"https:\/\/wordpress.org\/plugins\/responsive-lightbox\/\" target=\"_blank\" rel=\"noopener\">Responsive Lightbox &amp; Gallery<\/a><\/b><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"289\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/responsive-lightbox-gallery.jpg\/public\" alt=\"Plugin Responsive Lightbox &amp; Gallery\" class=\"wp-image-7558\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/responsive-lightbox-gallery.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/responsive-lightbox-gallery.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/responsive-lightbox-gallery.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/responsive-lightbox-gallery.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Responsive Lightbox &amp; Gallery<\/span><span style=\"font-weight: 400\"> merupakan plugin yang berbeda. Plugin ini mudah digunakan, dan Anda dapat membuat galeri yang responsif dan juga memiliki fitur serta fungsionalitas lightbox. <\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"757\" height=\"350\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-responsive-lightbox.jpg\/public\" alt=\"Contoh penggunaan plugin Responsive Lightbox &amp; Gallery\" class=\"wp-image-7559\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-responsive-lightbox.jpg\/w=757,fit=scale-down 757w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-responsive-lightbox.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-responsive-lightbox.jpg\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/figure><\/div><p>Anda dapat mengonfigurasikan cara kerja lightbox, memilih tiga layout dasar, dan menggunakan widget untuk menempatkan gambar atau foto di mana pun Anda inginkan. Gallery plugin WordPress ini merupakan salah satu yang paling intuitif yang pernah kami coba. Bahkan plugin ini merupakan tool yang menawarkan sejumlah kemudahan.<\/p><p><strong>Fitur Unggulan:<\/strong><\/p><ul class=\"wp-block-list\">\n<li>Membuat galeri yang mudah digunakan dan&nbsp;<em>mobile-friendly<\/em><\/li>\n\n\n\n<li>Tersedia tiga layout dasar dan sederhana<\/li>\n\n\n\n<li>Mengonfigurasikan pengaturan galeri lightbox<\/li>\n<\/ul><p><b>Harga: <\/b><span style=\"font-weight: 400\">Plugin ini dapat diinstall dengan gratis melalui WordPress Plugin Directory. <\/span><span style=\"font-weight: 400\">Untuk membeli <strong><a href=\"https:\/\/dfactory.eu\/products\/\" target=\"_blank\" rel=\"noopener\">ekstensinya<\/a><\/strong><\/span><span style=\"font-weight: 400\">, silakan akses website developer plugin ini.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-5-video-gallery-youtube-gallery\"><b>5. <a href=\"https:\/\/wordpress.org\/plugins\/gallery-videos\/\" target=\"_blank\" rel=\"noopener\">Video Gallery &ndash; YouTube Gallery<\/a><\/b><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"286\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/youtube-gallery.jpg\/public\" alt=\"Plugin Video Gallery &ndash; YouTube Gallery\" class=\"wp-image-7560\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/youtube-gallery.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/youtube-gallery.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/youtube-gallery.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/youtube-gallery.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Ada banyak plugin yang memungkinkan Anda untuk menambahkan video ke galeri WordPress. Namun, hanya sedikit saja yang benar-benar berfokus pada galeri video.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"435\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-youtube-gallery.jpg\/public\" alt=\"Contoh penggunaan plugin Video Gallery &ndash; YouTube Gallery\" class=\"wp-image-7561\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-youtube-gallery.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-youtube-gallery.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-youtube-gallery.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-youtube-gallery.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Dengan <\/span>Video Gallery &ndash; YouTube Gallery<span style=\"font-weight: 400\">, Anda dapat membuat koleksi video yang responsif. Anda juga dapat memasang link keluar ke beberapa platform video, termasuk YouTube dan Vimeo, menambahkan efek ke thumbnails, menyertakan lightbox, dan masih banyak lagi. Di samping itu, Anda juga dapat menempatkan galeri video di mana saja di situs menggunakan sistem <\/span><i><span style=\"font-weight: 400\">shortcode<\/span><\/i><span style=\"font-weight: 400\"> sederhana. <\/span><\/p><p><b>Fitur Unggulan:<\/b><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Memasang video dari YouTube, Vimeo, atau file di situs Anda<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Menempatkan galeri video secara manual atau dengan menggunakan shortcode<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Tersedia berbagai tema dan layout untuk galeri<\/span><\/li>\n<\/ul><p><b>Harga: <\/b><span style=\"font-weight: 400\">Plugin ini sepenuhnya gratis.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-6-photo-gallery\"><b>6. <a href=\"https:\/\/wordpress.org\/plugins\/gallery-images-ape\/\" target=\"_blank\" rel=\"noopener\">Photo Gallery<\/a><\/b><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"286\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/photo-gallery-image-gallery-ape.jpg\/public\" alt=\"Plugin Photo Gallery\" class=\"wp-image-7562\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/photo-gallery-image-gallery-ape.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/photo-gallery-image-gallery-ape.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/photo-gallery-image-gallery-ape.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/photo-gallery-image-gallery-ape.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Meskipun namanya tidak seunik plugin yang lain, <\/span>Photo Gallery<span style=\"font-weight: 400\"> tetap menjadi salah satu pilihan terbaik yang kami punya. Plugin ini menawarkan <\/span><i><span style=\"font-weight: 400\">all-in-one approach<\/span><\/i><span style=\"font-weight: 400\"> ke galeri WordPress dan juga sejumlah fitur yang ada di plugin lain. <\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"797\" height=\"405\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-ape-gallery.jpg\/public\" alt=\"Contoh penggunaan plugin Photo Gallery\" class=\"wp-image-7563\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-ape-gallery.jpg\/w=797,fit=scale-down 797w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-ape-gallery.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-ape-gallery.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/contoh-ape-gallery.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 797px) 100vw, 797px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Sebagai contoh, dengan tool ini, Anda dapat menambahkan <\/span><i><span style=\"font-weight: 400\">hover<\/span><\/i><span style=\"font-weight: 400\"> dan efek transisi ke galeri gambar. Bahkan plugin ini juga men-<\/span><i><span style=\"font-weight: 400\">support<\/span><\/i><span style=\"font-weight: 400\"> pembagian atau kategorisasi gambar dan navigasi galeri sehingga pengecekan <\/span><i><span style=\"font-weight: 400\">library <\/span><\/i><span style=\"font-weight: 400\">lebih mudah. Lebih kerennya lagi, plugin ini dilengkapi dengan opsi untuk menambahkan video ke galeri, mengaktifkan <\/span><i><span style=\"font-weight: 400\">lazy load<\/span><\/i><span style=\"font-weight: 400\"> gambar, serta menawarkan fitur <\/span><i><span style=\"font-weight: 400\">share <\/span><\/i><span style=\"font-weight: 400\">di media sosial.<\/span><\/p><p>Singkatnya, jika Anda hanya ingin mengatur tampilan dan cara kerja sistus, gunakan tool ini. Dengan plugin ini, Anda dapat mengedit berbagai aspek di galeri.<\/p><p><b>Fitur Unggulan:<\/b><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Menambahkan hover dan efek transisi ke galeri<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Mengategorisasikan gambar dan memudahkan navigasi yang ada di galeri WordPress<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Menambahkan video dan opsi sharing ke media sosial di galeri WordPres<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Mengaktifkan <\/span><i><span style=\"font-weight: 400\">lazy loading<\/span><\/i><\/li>\n<\/ul><p><b>Harga: <\/b><span style=\"font-weight: 400\">Versi gratis dari plugin ini memungkinkan Anda untuk membuat hingga dua galeri dan menempatkannya ke postingan atau halaman tertentu. Sementara itu, versi premiumnya memungkinkan Anda untuk membuat galeri sebanyak apa pun, <\/span><i><span style=\"font-weight: 400\">unlimited<\/span><\/i><span style=\"font-weight: 400\">, dan bisa menempatkannya di mana saja bahkan telah dilengkapi dengan bantuan tambahan.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-7-envira-gallery\"><b>7. <a href=\"https:\/\/wordpress.org\/plugins\/envira-gallery-lite\/\" target=\"_blank\" rel=\"noopener\">Envira Gallery<\/a><\/b><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"290\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/envira-gallery.jpg\/public\" alt=\"Plugin Envira Gallery\" class=\"wp-image-7564\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/envira-gallery.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/envira-gallery.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/envira-gallery.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/envira-gallery.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Envira Gallery<\/span><span style=\"font-weight: 400\"> adalah salah satu plugin yang menawarkan fitur yang paling <\/span><i><span style=\"font-weight: 400\">user-friendly<\/span><\/i><span style=\"font-weight: 400\">. Sebagai contoh, tool ini memiliki <\/span><i><span style=\"font-weight: 400\">galery-building wizard<\/span><\/i><span style=\"font-weight: 400\"> sehingga pembuatan galeri menjadi lebih mudah.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"277\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/wizard-envira-gallery.jpg\/public\" alt=\"Wizard Envira Gallery\" class=\"wp-image-7565\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/wizard-envira-gallery.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/wizard-envira-gallery.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/wizard-envira-gallery.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/02\/wizard-envira-gallery.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Plugin ini dapat membantu Anda membuat banyak galeri dan mengonfigurasikannya dengan mudah. Selain itu, plugin ini juga menawarkan template galeri WordPress, fungsionalitas slideshow, dan fitur sharing media sosial. Apabila Anda mencari gallery WordPress plugin yang mudah digunakan, plugin ini bisa menjadi salah satu pilihan terbaik.<\/span><\/p><p><b>Fitur Unggulan:<\/b><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Membuat galeri WordPress dengan menggunakan wizard bawaan<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Memiliki banyak template galeri<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Membuat slideshow gambar<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Menambahkan fitur sharing media sosial ke galeri<\/span><\/li>\n\n\n\n<li><em><span style=\"font-weight: 400\">Extend<\/span><\/em><span style=\"font-weight: 400\"> fungsionalitas plugin dengan menggunakan add-ons.<\/span><\/li>\n<\/ul><p><b>Harga: <\/b>Anda bisa menginstall versi gratisnya atau membeli versi premiumnya untuk menikmati berbagai fitur tambahan, <i>support<\/i>, dan bahkan opsi untuk membuat CSS.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/id\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-37614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\"><b>Kesimpulan<\/b><\/h2><p><span style=\"font-weight: 400\">Galeri WordPress adalah elemen yang sederhana namun sangat berguna. Cara membuat gallery di WordPress pun mudah meskipun memang memerlukan waktu yang tak sedikit dalam memilih gambar atau foto yang tepat yang ingin diunggah. Setelah galeri berhasil dibuat, tentukan area di mana Anda ingin menampilkan gambar tersebut. Anda juga bisa menginstall plugin gallery WordPress yang dedicated untuk memaksimalkan opsi kustomisasi.<\/span><\/p><p><span style=\"font-weight: 400\">Apakah Anda punya pertanyaan tentang cara membuat album foto di WordPress? Silakan tulis pertanyaan Anda pada kolom komentar di bawah ini!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sering melihat galeri foto atau gambar di internet? Yap, sebagian besar situs memiliki setidaknya satu galeri untuk tujuan tertentu. Nah, jika tertarik untuk membuat galeri foto di WordPress, Anda bisa mencoba cara membuat gallery di WordPress yang sebenarnya sangat mudah. Berikut cara membuat galeri foto di WordPress: Ketiga cara di atas akan kami bahas lebih [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/cara-membuat-gallery-di-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":55,"featured_media":7566,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Cara Membuat Gallery di WordPress dan 7 Plugin Terbaiknya","rank_math_description":"Ingin tampilan website yang lebih menarik? Baca cara membuat gallery di WordPress serta 7 plugin gallery WordPress terbaik di sini!","rank_math_focus_keyword":"cara membuat gallery di wordpress, membuat galeri foto di wordpress, cara membuat album foto di wordpress, plugin gallery wordpress, gallery plugin wordpress","footnotes":""},"categories":[4859],"tags":[8217,4890,8015,8211,8212,8215,8086,7996,8218,8216,7932,8214,7718,8149,4860,8213],"class_list":["post-7537","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-cara-membuat-album-foto-di-wordpress","tag-domain","tag-domain-gratis","tag-galeri-wordpress","tag-gallery-wordpress","tag-gallery-wordpress-plugin","tag-hosting-gratis","tag-hosting-indonesia","tag-hosting-terbaik-web-hosting-indonesia","tag-membuat-galeri-foto-di-wordpress","tag-nama-domain","tag-plugin-gallery-wordpress","tag-plugin-wordpress","tag-web-hosting-terbaik","tag-wordpress","tag-wordpress-gallery"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=7537"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7537\/revisions"}],"predecessor-version":[{"id":28581,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7537\/revisions\/28581"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media\/7566"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=7537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=7537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=7537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}