Tambahkan dan edit galeri gambar seperti seorang profesional di Elementor

 Meskipun menggunakan Elementor sangat membantu saat membuat halaman atau pos, memang benar bahwa kita mungkin memerlukan lebih banyak alat agar semuanya berjalan dengan sempurna. Salah satu alat penting yang perlu disebutkan adalah pengelola Galeri yang dapat memungkinkan kita meningkatkan page builder yang sudah canggih ini. Mari kita lihat betapa mudahnya menambahkan dan mengedit galeri dengan WP Media folder langsung di Elementor.

Dengan alat-alat canggih seperti pengelola galeri dan integrasi dengan semua Page Builder utama, WP Media Folder memungkinkan kita membuat galeri yang benar-benar luar biasa serta mengatur pustaka media kita hanya dengan beberapa klik! 

Dalam tutorial ini, kami akan membuat galeri dari awal menggunakan Gallery Manager dan langsung dari Elementor.

Buat Galeri WordPress dengan WP Media Folder

Pertama-tama, kita akan melihat betapa mudahnya membuat galeri menggunakan WP Media Folder Gallery Addon.

Pengelola Galeri ini dapat ditemukan setelah menginstal WP Media Folder dan Addon Galeri di bawah Media Library > Media Folder Galleries

Di layar ini, kita perlu mengarahkan kursor ke + Add New Gallery  dan mengklik + Create New Media Gallery.

Ini akan membuka modal tempat kita dapat mengetikkan judul galeri dan memilih tema.

Untuk saat ini, kita akan menamainya "My Gallery" dan membiarkan tema bawaan.

Ini akan membawa kita ke dasbor pembuatan galeri dengan banyak opsi untuk menyiapkan dan membangun galeri kita, pertama, kita akan menambahkan gambar ke galeri kita.

Kita akan melihat banyak opsi untuk menambahkan media ke galeri, yang utama adalah menambahkannya dari Media Library atau mengunggah langsung dari PC File Explorer, mari kita lihat keduanya.

Pertama-tama, kita memiliki opsi Media Library yang merupakan ikon WordPress, klik opsi tersebut.

Mengklik di sini akan membuka pustaka media, Anda akan melihat bahwa ada folder di pustaka media saya, ini berkat WP Media Folder yang memungkinkan saya mengatur semua media saya dengan cara terbaik menggunakan folder dan filter media, Anda dapat melihat lebih lanjut tentang ini di sini tapi itu untuk postingan lain ;) 

Sekarang untuk menambahkan gambar, yang perlu kita lakukan di sini adalah membuka folder media tempat kami menambahkan gambar yang ingin ditambahkan dan pilih gambar tersebut menggunakan ctrl + klik untuk memilihnya, lalu terakhir, klik Import Images.

Ini akan menambahkan semua gambar yang dipilih ke Pengelola Galeri sehingga kami dapat menggunakannya dan menyesuaikannya.

Sekarang mari kita lihat opsi untuk mengunggah gambar langsung dari PC kita File Explorer, untuk ini, klik ikon folder.

Setelah melakukan ini, file explorer Anda akan terbuka secara instan untuk memungkinkan Anda menavigasi di dalam folder Anda dan memilih gambar yang ingin Anda tambahkan ke Galeri.

Pilih gambar yang ingin Anda unggah lalu klik Open.

Setelah melakukan ini, kita seharusnya sudah selesai! Sekarang kita memiliki semua gambar di Gallery Manager yang siap digunakan untuk galeri kita.

Sekarang setelah semua gambar kita siap, mari kita periksa pengaturan galeri, untuk ini, klik tab kedua Display Settings & Shortcode.

Pada awalnya, kita dapat melihat bahwa kita memiliki 8 galeri, masing-masing galeri dengan pengaturan tersendiri.

Mari kita lihat Masonry, ini adalah dinding klasik dengan banyak gambar yang ditampilkan dalam berbagai ukuran, seperti yang dapat kita lihat di Pratinjau tab.

Di bawah pengaturan, kita dapat memilih di antara semua opsi, misalnya, ukuran gambar dan tata letak masonry , mari kita ubah dari vertikal saat ini menjadi Horizontal dan buat gambarnya lebih kecil.

Sekarang periksa tab Pratinjau untuk mengonfirmasi tampilannya saat ini.

Seperti yang Anda lihat, alat yang sangat bagus dengan fitur-fitur luar biasa karena memungkinkan kita melakukan perubahan dan memeriksa tampilannya hanya dengan beberapa klik dan dalam beberapa detik! Membuat galeri belum pernah semudah ini sebelumnya!

Menambahkan Galeri WordPress di Elementor

Sekarang setelah kita melihat cara membuat galeri menggunakan WP Media Folder Gallery Manager, mari kita lihat cara menambahkannya ke Postingan atau Halaman kita menggunakan Elementor.

Untuk melakukannya, buka halaman atau pos Anda (atau buat baru) dan klik Edit dengan Elementor Page Builder akan dimuat.

Di editor, cari blok WP Media Folder Addon Gallery , lalu tambahkan ke konten Anda.

Sebuah blok akan dimuat yang memberi tahu kita bahwa Blok Addon Galeri Media telah ditambahkan.

Pada tab kiri, kita akan dapat memilih galeri yang kita inginkan dan kita juga akan dapat menyesuaikannya.

Pertama-tama, mari pilih galeri yang kita buat di bawah Pilih Galeri.

Galeri yang kita buat sebelumnya akan otomatis dimuat di page builder di bawah blok.

Ini menampilkan tema Masonry yang kita pilih di Gallery Manager, mari kita periksa semua opsi yang tersedia dalam tema yang dapat dipilih langsung dari pengaturan blok.

Masonry

Tema yang sangat bagus yang dapat cocok dengan sempurna di hampir setiap halaman sehingga memungkinkan kami menampilkan banyak gambar.

Bawaan

Tema ini memungkinkan kita menampilkan gambar dengan cara klasik beserta judul gambarnya juga.

Portofolio

Ini memungkinkan kami menampilkan gambar kami mirip dengan tema Default tetapi menggunakan font lain, sempurna untuk menampilkan seni.

Slider

Slider klasik yang memungkinkan kita untuk fokus pada beberapa gambar per slide.

Flow Slide

Mirip dengan tema Slider tetapi dengan animasi lain, berfokus pada satu gambar per slide namun memungkinkan kita untuk melihat pratinjau gambar lainnya.

Kisi Persegi

Galeri klasik dengan gambar persegi yang menampilkan judul gambar saat kursor diarahkan ke gambar tersebut.

Material

Tema yang benar-benar luar biasa yang memungkinkan kami menampilkan gambar persegi dengan bayangan yang bagus dan judulnya.

Grid Kustom

Tema grid yang memungkinkan kita mengubah ukuran gambar agar tampil sesuai keinginan, adalah pilihan terbaik ketika kita ingin membuat galeri dengan ukuran/dimensi gambar kita sendiri. Mari kita lihat cara kerjanya di Gallery Manager dengan cepat.

Sekarang mari kita lihat opsi yang tersedia di menu sebelah kiri untuk semua galeri.

Pertama-tama, kita memiliki Navigasi Galeri, mengaktifkan opsi ini akan memungkinkan penggunaan galeri navigasi yang tersedia di WP Media Folder Gallery Addon yang memungkinkan kita menggunakan galeri induk dan sub-galeri juga, Anda dapat melihat demo yang berfungsi di sini

Sebagai opsi kedua, kami memiliki Display Image Tag, berguna ketika kita memiliki banyak gambar dalam galeri dan ingin memungkinkan pengguna kita memfilternya di frontend menggunakan sistem tag dari WP Media Folder.

Kemudian, kita memiliki pemilih tema yang memungkinkan kita untuk memilih di antara tema yang tersedia (yang telah kita tunjukkan sebelumnya) dan juga akan menampilkan pengaturan khusus tergantung pada tema yang dipilih seperti tata letak dan, misalnya, durasi transisi slider.

Kita dapat terus memeriksa dan kita akan menemukan opsi Pilih Galeri yang memungkinkan kita untuk memilih di antara semua galeri yang telah kita buat di Pengelola Galeri Media kita.

Ukuran Gambar, opsi ini memungkinkan kita untuk memilih di antara semua ukuran gambar yang tersedia sehingga kita dapat menyesuaikan gambar agar terlihat dan pas dengan konten kita.

Opsi Ukuran LightBox memungkinkan kita, seperti ukuran gambar, memilih ukuran lightbox yang akan ditampilkan jika kita memilihnya sebagai tindakan saat diklik.

Kami juga akan memiliki Tindakan saat Diklik yang memungkinkan kita memilih antara menampilkan lightbox yang merupakan versi lebih besar dari gambar, membuka halaman lain, atau tidak melakukan apa pun saat mengklik gambar.

Dan opsi terakhir adalah pengaturan urutan di mana kita akan dapat melihat dan memilih bagaimana kita ingin menampilkan gambar kita di galeri.

Tentu saja, selain ini, kami akan menyediakan pengaturan untuk menambahkan margin antar gambar, mengubah warna hover, menambahkan border dan bayangan.

Seperti yang Anda lihat, sangat mudah menggunakan Elementor untuk menyempurnakan galeri WP Media Folder kami dan menyesuaikannya dengan halaman kami!

Buat galeri cepat menggunakan folder media

Sebagai topik tambahan, kami akan menunjukkan cara membuat galeri menggunakan folder yang dibuat oleh WP Media Folder dalam beberapa detik.

Fitur ini juga memungkinkan kami untuk secara otomatis menambahkan gambar ke galeri saat gambar tersebut ditambahkan ke folder.

Pertama-tama, buka Media Folder Gallery di bawah Media Library tempat kami membuat galeri sebelumnya, pada halaman ini arahkan mouse ke tombol  + Add New Gallery lalu, klik Create Gallery from folder.

Sebuah penjelajah folder akan ditampilkan di mana kita dapat memilih folder yang akan kita gunakan.

Setelah mengklik Buat, gambar di dalam folder akan otomatis dimuat ke galeri sehingga memungkinkan kita membuat galeri hanya dalam beberapa detik!

Kami juga akan dapat menambahkan gambar secara otomatis saat gambar-gambar tersebut ditambahkan ke pustaka media di folder yang sama yang baru saja kami pilih, sehingga menghemat waktu kami untuk pergi ke pengelola galeri dan menambahkan gambar secara manual.

Untuk menggunakan opsi ini, Auto-add image in folder harus diaktifkan, tersedia di kanan atas tepat di bawah tombol Save .

Dan keajaibannya pun terjadi! Folder yang juga berupa gambar ditampilkan secara otomatis di front end, apa lagi yang kita minta? :) 

Mulai gunakan WP Media Folder dengan builder favorit Anda

Kami juga memiliki video yang menjelaskan semuanya langkah demi langkah sehingga Anda dapat melihat plugin bekerja secara langsung, cek sekarang!

Plugin dengan fitur luar biasa yang memungkinkan kita tidak hanya membuat galeri tetapi juga mengatur media kita, impor dari Google Photos dan juga offload! 

Kompatibel dengan semua builder utama akan memungkinkan kami mengatur dan menampilkan media kami dengan cara paling profesional hanya dengan beberapa langkah, jadi apa yang Anda tunggu? Buka di sini dan dapatkan sekarang!