Buat galeri menakjubkan dengan pengelola galeri terbaik untuk Elementor

Page builder dan galeri sebagian besar sangat penting untuk situs web WordPress, karena galeri memungkinkan Anda menampilkan gambar/produk dengan cara yang baik dan page builder memungkinkan Anda membuat dan menambahkan konten ke halaman Anda secara profesional.

Pembuat halaman seperti Elementor, biasanya, memiliki alat/blok untuk membuat galeri, tetapi ini bukan yang terbaik karena tidak memiliki banyak pilihan untuk menyesuaikannya. Namun jangan khawatir, WP Media Folder akan membantu Anda dalam hal ini ;)

WP Media Folder menawarkan add-on Galeri yang memungkinkan Anda membuat dan menyesuaikan galeri Anda menggunakan berbagai alat dan fitur yang spektakuler.

Dalam postingan ini, kita akan melihat cara menggunakannya dengan Elementor , Google Photos , dan juga folder cloud , jadi mari kita mulai!

Galeri dengan widget untuk Elementor dalam video

Cara Mengatur Integrasi Google Photos untuk WordPress

Pertama-tama, saya akan memberi tahu Anda plugin yang kami gunakan untuk tutorial ini, yaitu Elementor, WP Media Folder, dan 2 Pro Addons (satu untuk galeri, dan yang lainnya untuk koneksi cloud).

Sekarang setelah kita mengetahuinya, mari kita mulai. Kita akan membuat galeri dari Google Photos. Untuk itu, kita harus menghubungkan situs WordPress kita ke akun Google Photos kita. Mari kita lihat caranya.

Pertama-tama, kita membutuhkan Google Dev APP untuk ini, kunjungi di sini: https://console.developers.google.com/project dan buat Proyek baru.

Tambahkan nama pada proyek, Anda bisa menambahkan apa saja yang Anda inginkan.

Sekarang tunggu sebentar hingga proyek selesai dibuat.

Jika ini adalah pertama kalinya Anda menggunakan API Perpustakaan Foto , Anda perlu mengaktifkannya. Untuk mengaktifkannya, buka MarketPlace di menu sebelah kiri.

Sekarang, di kotak pencarian, ketik Photos Library API dan cari.

Klik di situ, lalu klik Aktifkan .

Setelah diaktifkan, klik "API dan Layanan" di menu sebelah kiri, pada panel ini, buka Kredensial .

Sekarang setelah Anda berada di sini, di panel atas, buka + Buat Kredensial > ID klien OAuth , jika diminta, tambahkan nama ke layar persetujuan OAuth Anda.

Sekarang, atur kredensial seperti berikut:

• Pilih "Aplikasi web" dan tambahkan nama pilihan Anda.
• Sumber JavaScript resmi: https://your-domain.com (ganti dengan nama domain Anda, tanpa garis miring di akhir).
  
• URI pengalihan yang diizinkan: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

Perlu diingat bahwa Google telah mengubah kebijakannya, jadi Anda perlu mengisi domain yang diizinkan di tab layar persetujuan OAuth > Edit Aplikasi .

Pada bagian Domain yang diizinkan, klik +Tambah Domain dan tambahkan domain Anda.

Tambahkan juga ke Verifikasi Domain .

Selesai! Anda akan mendapatkan ID dan Secret untuk ditambahkan ke konfigurasi WP Media Folder:)

Sekarang, mari kita hubungkan akun Google Photos Anda ke situs WordPress Anda. Untuk itu, buka Pengaturan > WP Media Folder tab Google Photos

Anda dapat menggunakan mode Otomatis yang paling mudah karena Anda hanya perlu masuk ke akun Google Anda. Untuk itu, pilih Otomatis di "Mode Koneksi" lalu Hubungkan Google Foto .

Jendela pop-up akan muncul, klik Setuju .

Langkah terakhir adalah masuk ke Akun Google Anda, izinkan izin yang diperlukan, dan selesaikan koneksi.

Itu saja, sangat mudah dan cepat, bukan? :)

Elementor + Plugin Galeri, Kombinasi Terbaik

Setelah kita menyelesaikan koneksi, buka Media > Galeri Folder Media , di bagian ini, klik + Tambah Galeri Baru dan beri nama galeri baru Anda. Untuk tutorial ini, kita akan menamainya Galeri Google P , dan kita juga akan menggunakan Square Grid .

Sekarang Anda akan memiliki semua opsi untuk mengatur dan menambahkan gambar ke galeri Anda, Anda akan melihat Google Photos , klik di sana.

Ini akan memuat jendela pop-up dengan semua gambar yang tersedia di akun Google Photos Anda. Anda memiliki opsi untuk memilih banyak gambar dari sebuah album atau memilih seluruh album. Pada tutorial ini, kita akan memilih seluruh album. Untuk itu, pilih album tersebut, lalu pilih Impor Album .

Anda akan melihat notifikasi tentang Album yang telah diimpor.

Tunggu beberapa menit, dan selesai! Anda akan melihat semua gambar yang diunggah di dasbor galeri, Anda dapat melakukan semua modifikasi seperti memilih galeri baru.

Sekarang, Anda dapat membuka Pengaturan Tampilan & Kode Pendek untuk menyesuaikan galeri Anda sepenuhnya. Di sana Anda memiliki pengaturan seperti urutan, jumlah kolom, dan Aksi Saat Diklik.

Setelah menyelesaikan pengaturan galeri, klik Simpan , dan Anda dapat pergi ke halaman/pos tempat Anda ingin menambahkan galeri dan klik Edit dengan Elementor agar Page Builder dimuat.

Sekarang pilih bagian tempat Anda ingin menambahkan galeri dan cari WP Media Folder blok.

Seperti yang Anda lihat, ada 4 blok yang tersedia, untuk tutorial ini kita akan menggunakan yang bernama WP Media Folder Gallery Addon , ini akan memuat Addon Galeri di pembuat halaman.

Setelah memindahkan blok ke bagian tersebut, Anda akan melihat opsi pratinjau, dan di sisi kiri, opsi untuk memilih galeri, pilih galeri yang telah kita buat sebelumnya.

Di bagian kanan, Anda akan melihat pratinjau galeri dan pratinjau tersebut akan diperbarui secara otomatis saat Anda memilih opsi baru di bagian kiri, jadi periksa, pastikan semuanya sudah benar, dan klik Terbitkan .

Selesai! Anda telah membuat galeri profesional hanya dengan beberapa klik dan mengkonfigurasinya langsung dari Page Builder :)

Menggunakan Elementor untuk Membuat Galeri Google Drive di WordPress

 Sebagai tambahan, kita akan melihat cara membuat galeri menggunakan gambar dari cloud karena WP Media Folder memungkinkan Anda untuk menghubungkan pustaka media Anda dengan Layanan Cloud (Dropbox, Google Drive, OneDrive, dan AWS).

Dalam contoh ini, kita akan menggunakan Google Drive , Anda dapat melihat cara menghubungkannya di sini , Anda akan melihat bahwa prosesnya sangat mirip dengan koneksi Google Photos :)

Setelah diatur dan Anda menyinkronkan/membuat folder Google Drive, Anda dapat pergi ke halaman/pos yang ingin Anda edit dan klik Edit dengan Elementor .

Di bagian sebelah kiri, cari WP Media Folder dan klik WP Media Folder Gallery .

Sekarang, klik tanda + di bagian "Tambahkan Gambar".

Ini akan membuka jendela pop-up dengan Perpustakaan Media, pilih Folder Cloud, semua gambar yang ingin Anda tambahkan dengan mengkliknya, dan terakhir Buat Galeri baru > sisipkan Galeri .

Ini akan membuat galeri menggunakan gambar langsung dari cloud, jadi setelah menambahkannya, Anda dapat mengatur pengaturan galeri di bagian kiri, dan memeriksa pratinjau galeri di bagian kanan sehingga akan sangat mudah untuk mengedit dan memeriksa apakah galeri akan terlihat seperti yang kita inginkan :)

Sekarang Anda dapat membuat galeri dengan kekuatan WP Media Folder, dengan cara yang sangat mudah menggunakan Elementor, dan juga, menghemat ruang penyimpanan menggunakan Google Drive, apalagi yang Anda inginkan? :)

Mulailah menggunakan Plugin Galeri WordPress terbaik

Dalam postingan ini, kami hanya menjelaskan beberapa fitur dari WP Media Folder dan, seperti yang Anda lihat, ini telah membuat segalanya jauh lebih mudah dari yang seharusnya dan terlebih lagi sekarang dengan tema dan antarmuka baru ! Jadi tunggu apa lagi? Kunjungi tautan ini dan dapatkan keanggotaan Anda sendiri, Anda akan melihat bahwa ada lebih banyak galeri daripada yang ditampilkan dalam postingan ini dan banyak alat yang sangat luar biasa :)