Cara Membuat Galeri Gambar di WordPress (Dengan & Tanpa Plugin)

Diterbitkan: 2024-02-03
how to add an image gallery in wordpress

Apakah Anda mencari cara yang lebih baik untuk menambahkan galeri ke Situs WordPress Anda?

Galeri adalah cara terbaik untuk membuat situs Anda lebih menarik secara visual. Mereka dapat membantu menampilkan portofolio digital dengan cepat. Hal ini memungkinkan materi iklan menampilkan karya terbaik mereka dengan cara yang mudah diikuti kepada calon klien.

Namun galeri tidak hanya hebat dalam membangun portofolio, Anda juga dapat menggunakannya untuk bercerita melalui gambar. Mereka memungkinkan Anda menampilkan gambar sesuai pesanan, memastikan pengunjung Anda dengan mudah memahami cerita visual.

Karena properti ini, galeri dapat meningkatkan keterlibatan di situs Anda dan menghasilkan lebih banyak pembagian di media sosial.

Pada artikel ini, kami akan menunjukkan cara menempatkan galeri di situs Anda. Kami juga akan memandu Anda bagaimana Anda dapat menyesuaikan galeri Anda untuk memberikan pengalaman terbaik kepada pengunjung Anda.

Mengapa Anda Harus Menggunakan Galeri di WordPress

Seperti disebutkan, galeri adalah kumpulan gambar, sehingga sangat bagus dalam bercerita atau memamerkan karya Anda. Mari kita lihat kelebihan galeri lainnya.

  • Organisasi Situs: Galeri dapat membantu Anda mengatur gambar situs, memastikan pengunjung dengan mudah menavigasi situs Anda.Hasilnya, pengguna lebih cenderung menjelajahi situs Anda dan membaca lebih banyak konten, sehingga menghasilkan lebih banyak keterlibatan dan tampilan halaman.
  • Konsumsi Konten yang Mudah: Dengan semakin banyaknya orang yang mencari cara yang lebih cepat dan mudah untuk mengonsumsi konten yang informatif atau mendidik, galeri dapat menjadi alat bantu visual yang hebat. Mereka bisa sangat berguna untuk blog dan situs web yang menawarkan tutorial dan panduan cara kerja. Dalam situasi seperti ini , mereka dapat membantu Anda menampilkan informasi selangkah demi selangkah sehingga bahkan pemula pun dapat memahaminya.
  • Pemasaran: Anda juga dapat menggunakan galeri untuk memamerkan produk Anda dengan cara visual dan mudah dipahami, sehingga meningkatkan pengalaman perjalanan pelanggan Anda. Semakin baik pengalaman pengunjung di situs Anda, semakin besar kemungkinan mereka melakukan pembelian dari Anda.
  • Pencitraan merek: Pencitraan merek adalah tentang penggunaan visual dan konsistensi pesan untuk menciptakan identitas. Seperti yang dinyatakan, galeri dapat membantu Anda meningkatkan keterlibatan pengguna, menceritakan sebuah kisah, memamerkan portofolio Anda, dan menampilkan produk Anda dengan mudah. Properti ini juga menjadikan galeri hebat dalam membangun merek.
  • SEO: Galeri yang dioptimalkan dengan baik dapat membantu meningkatkan SEO gambar dan SEO secara keseluruhan. Hal ini memastikan pengunjung Anda juga dapat menemukan Anda secara organik melalui penelusuran gambar, bukan hanya teks tertulis.

Sekarang setelah Anda memahami kelebihan galeri, mari pandu Anda bagaimana Anda dapat menambahkannya ke situs WordPress Anda.

Untuk membantu Anda menavigasi artikel ini dengan mudah, Anda dapat mengeklik tautan di bawah untuk melompat ke bagian postingan yang ingin Anda baca.

  • Menambahkan galeri ke WordPress dengan plugin (disarankan)
  • Menambahkan galeri ke WordPress tanpa plugin
  • Kiat dan alat bonus untuk meningkatkan galeri Anda

Menambahkan Galeri ke WordPress dengan Plugin (Disarankan)

Menggunakan plugin untuk memasukkan galeri ke situs Anda adalah pendekatan terbaik karena betapa sederhananya.

Namun meskipun Anda menggunakan plugin galeri gambar, Anda tetap harus memilih plugin yang terjangkau dan mudah digunakan.

Oleh karena itu, untuk tutorial kali ini kita akan menggunakan Galeri Envira.

Envira Gallery

Galeri Envira adalah plugin terbaik untuk menambahkan galeri ke situs Anda, tanpa pengalaman coding atau mendesain. Muncul dengan pembuat galeri seret dan lepas sederhana yang memungkinkan Anda menyesuaikan galeri, memberi mereka sentuhan unik.

Jika Anda memerlukan bantuan untuk menyesuaikan galeri lebih lanjut, Galeri Envira hadir dengan tema yang juga dapat Anda gunakan untuk mempersonalisasikannya agar sesuai dengan merek Anda.

Terlebih lagi, plugin galeri ini dilengkapi dengan fitur kompresi gambar bawaan. Ini memastikan Anda mempertahankan kinerja situs dan waktu buka bahkan dengan banyak galeri di situs Anda.

Jika Anda ingin mempelajari lebih lanjut tentang plugin galeri foto WordPress ini, lihat ulasan lengkap Galeri Envira kami di sini.

Sekarang setelah Anda memahami lebih banyak tentang Galeri Envira, izinkan kami memandu Anda tentang cara menambahkan galeri dengannya.

Langkah 1: Instal Galeri Envira

Pertama-tama, penting untuk menyebutkan bahwa Envira Gallery menawarkan plugin versi premium dan gratis.

Versi gratisnya, Envira Gallery Lite, memungkinkan Anda menguji plugin sebelum mengambil keputusan.

Untuk mengaturnya, buka saja Plugins » Add New Plugin di dashboard WordPress Anda. Kemudian, di repositori plugin Anda, Anda akan mengetik “Galeri Envira” ke dalam bilah pencarian untuk menemukan plugin tersebut.

Untuk memastikan Anda telah menemukan plugin yang tepat, pastikan plugin tersebut berasal dari Tim Galeri Envira dan memiliki lebih dari 1.500 ulasan dengan peringkat 4,5.

envira reviews

Setelah Anda menginstal plugin, aktifkan seperti yang Anda lakukan pada plugin lainnya, dan Anda akan siap menggunakannya saat ini.

Namun untuk tutorial WordPress kali ini, kami akan fokus pada Envira Gallery Pro, sehingga kami dapat mendiskusikan semua fitur luar biasa yang Anda harapkan.

Jadi, untuk mendapatkan plugin versi Pro, Anda akan pergi ke halaman resmi mereka. Di sini, Anda akan mendaftar dan memilih paket untuk memulai.

Kabar baiknya adalah Envira Gallery Pro hadir dengan 4 paket sehingga Anda dapat dengan mudah memilih paket terbaik untuk bisnis Anda.

Setelah Anda membuat profil dan membeli paket, langkah selanjutnya adalah ke Dasbor Galeri Envira Anda dan lanjutkan ke Akun .

Selanjutnya, Anda akan masuk ke tab “Unduhan” untuk mengunduh file ZIP Galeri Evnira. Saat Anda berada di tab ini, salin juga Kunci Lisensi , yang nantinya akan Anda gunakan untuk mengaktifkan plugin premium.

envira dashboard

Selanjutnya, di dashboard WordPress Anda, buka Plugins »Add New Plugin dan pilih “Upload Plugin.”

Kemudian, Anda akan drag dan drop file ZIP yang Anda unduh tadi dan mengunggahnya ke WordPress. Setelah ini, Anda akan mengaktifkannya, sehingga muncul opsi menu “Envira Gallery” di dashboard WordPress Anda.

Sekarang, untuk mengaktifkan Envira Gallery Pro, Anda akan masuk ke Galeri Envira »Pengaturan . Pada halaman pengaturan, Anda akan menemukan bilah “Kunci Lisensi Envira” dan tempelkan kode yang Anda salin sebelumnya.

Terakhir, Anda akan menekan Kunci Verifikasi , dan begitu saja Anda telah sepenuhnya menginstal dan mengaktifkan alat online dinding galeri ini.

Envira gallery plugin wordpress activation key

Jika Anda mengalami masalah, lihat tutorial tentang cara menginstal plugin WordPress ini.

Langkah 2: Pengaturan Plugin Awal

Galeri Envira dibuat oleh Thomas Griffin, orang yang sama di belakang OptinMonster, plugin konversi dan penghasil prospek terbaik, dan Soliloquy, plugin slider WordPress terbaik.

Ini adalah plugin untuk WordPress yang terkenal karena kemudahan penggunaannya dan mengutamakan kebutuhan pelanggan. Dan Galeri Envira tidak terkecuali!

Oleh karena itu, untuk membuat plugin galeri WordPress mudah digunakan dan memastikan konsistensi, Galeri Envira memungkinkan Anda mengatur konfigurasi awal.

Jadi, pertama, buka “Pengaturan” di bawah menu Galeri Envira .

Kemudian, di bawah bilah aktivasi, Anda akan melihat “Galeri.” Untuk opsi galeri ini, Anda akan memilih apa yang Anda inginkan dari menu dropdown sederhana, sehingga memudahkan dan nyaman bagi Anda.

Opsi yang Anda miliki di Galeri mencakup yang berikut ini.

  • Tambahkan Gambar Baru: Di sini, Anda akan menyiapkan plugin terlebih dahulu sehingga jika Anda menambahkan gambar baru ke galeri foto online Anda, gambar tersebut akan muncul sebelum atau sesudah gambar yang ada.
  • Hapus Gambar Di Galeri Penghapusan Gambar: Kemudian, di menu tarik-turun berikutnya, Anda akan memutuskan apakah saat Anda menghapus gambar dari galeri, Anda juga menghapus semua media yang terkait dengan gambar itu.
  • Hapus Gambar Pada Penghapusan Galeri: Di ​​bawah ini, putuskan apakah saat Anda menghapus galeri, Anda juga menghapus semua media yang terkait dengan galeri.
  • Sesuaikan Warna Grafik Pemuatan: Terakhir, Anda juga dapat menyesuaikan warna grafik pemuatan untuk mempersonalisasi galeri WordPress Anda dengan lebih baik untuk audiens Anda.
envira gallery settings

Langkah 3: Unggah Gambar

Setelah instalasi dan pengaturan awal selesai, langkah selanjutnya adalah mengunggah gambar Anda ke dashboard WordPress Anda.

Untuk melakukan ini, Anda akan pergi ke Galeri Envira »Tambah Baru untuk membuka editor galeri.

Pembuat Galeri Envira memiliki antarmuka sederhana yang terlihat seperti Editor WordPress Klasik, memastikan Anda tidak mengalami kesulitan belajar.

Terlepas dari daya tarik nostalgia, desain editor klasik memungkinkan Anda menemukan semua fitur galeri dengan mudah dalam sekejap.

Misalnya, Anda melihat tombol Simpan Draf, Pratinjau , dan Publikasikan dengan cepat di paling kanan. Selain itu, Anda dapat dengan mudah menambahkan gambar unggulan galeri seperti yang Anda lakukan pada postingan atau halaman mana pun menggunakan Editor WordPress klasik.

Desain sederhana ini juga memungkinkan Anda dengan cepat menambahkan judul Galeri sebelum Anda mulai menambahkan gambar.

envira gallery add new gallery

Sekarang, untuk menambahkan gambar ke galeri foto online baru Anda, Anda dapat mengunggahnya dari komputer Anda, dari Instagram, atau dari gambar unggulan blog Anda.

Untuk tutorial ini, kami akan fokus pada upload gambar dari PC. Ini adalah cara default untuk mengunggah gambar ke galeri Envira WordPress.

Yang harus Anda lakukan adalah memilih gambar yang Anda inginkan dari komputer Anda. Kemudian, Anda akan menarik dan melepasnya ke area “Lepaskan File untuk Diunggah”.

Itu dia! Anda baru saja mengunggah gambar galeri Anda ke WordPress.

envira upload images

Masalah dengan banyak plugin galeri adalah mereka hanya mengizinkan Anda mengunggah gambar kecil. Hal ini untuk memastikan galeri Anda tidak menambah jumlah situs Anda dan mengganggu kinerja atau kecepatan situs Anda.

Namun, Galeri Envira berbeda karena memiliki fitur kompresi bawaan. Hal ini memastikan bahwa meskipun Anda mengunggah gambar berukuran besar, gambar tersebut tidak memengaruhi situs Anda. Hasilnya, Anda akan melihat bahwa Galeri Envira memungkinkan Anda mengunggah file media hingga 512 MB.

Langkah 4: Konfigurasikan Gambar Anda

Sekarang, Galeri Envira memungkinkan Anda juga menyesuaikan gambar agar sesuai dengan merek dan gaya Anda.

Selain itu, plugin Galeri Envira membuatnya sangat mudah untuk mempersonalisasi galeri Anda dengan memastikan semua konfigurasi dilakukan pada halaman yang sama tempat Anda mengunggah gambar.

Jadi, untuk mengakses konfigurasi, Anda akan menggulir melewati area unggah dan menemukan menu tab vertikal.

Kami akan pergi ke tab "Galeri" terlebih dahulu.

Di sini, Anda akan mengatur gambar sesuai keinginan Anda untuk ditampilkan di galeri. Hal ini sangat penting terutama jika Anda membuat galeri portofolio atau galeri bercerita.

Anda dapat menggunakan antarmuka drag and drop untuk memindahkan gambar ke posisi yang Anda inginkan dengan mudah.

Jika Anda memiliki banyak gambar, Galeri Envira memungkinkan Anda mengaturnya melalui opsi “Filter” atau melalui opsi “Urutan Naik atau Turun”.

Anda juga dapat menggunakan menu tarik-turun “Penyortiran”. Di sini, Anda dapat menyusun gambar secara acak, tanggal terbit, judul, keterangan, teks Alt, nama file, dan URL.

envira gallery customization

Selanjutnya, mari beralih ke tab “Konfigurasi”.

Pada tab ini, Anda akan mengatur tata letak galeri terlebih dahulu. Galeri Envira menawarkan beberapa pilihan, antara lain Otomatis, Mason, Grid, Square, Blogroll, dan BnB.

Masing-masing tata letak ini akan memberikan pengalaman berbeda kepada pengguna Anda, sehingga Anda dapat bereksperimen dengan mereka untuk melihat mana yang terbaik bagi audiens Anda.

envira configuration

Di bawah opsi tata letak, pertama-tama Anda akan memutuskan apakah Anda ingin mengaktifkan Pemuatan Lambat dengan menandai kotak centang.

Pemuatan lambat memastikan Anda memanfaatkan sumber daya situs dengan lebih baik dengan hanya memuat gambar saat diperlukan. Hal ini memastikan kinerja situs Anda tidak terpengaruh.

Anda kemudian akan menindaklanjutinya dengan mengatur Penundaan Pemuatan Lambat untuk gambar Anda dalam milidetik. Opsi ini akan mengatur berapa lama gambar berikutnya akan mulai dimuat setelah gambar awal.

Ini adalah cara hebat lainnya untuk juga memanfaatkan sumber daya situs Anda sambil memastikan pembaca Anda hanya fokus pada gambar tertentu yang telah dimuat.

Selanjutnya, Anda akan menyiapkan:

  • Tinggi Baris
  • Ukuran gambar
  • Dimensi Gambar
  • Margin
  • Pangkas Gambar
  • Posisi Pangkas
  • Posisi Baris Terakhir
  • Aktifkan Teks

Galeri Enira memudahkan pengaturan opsi ini melalui menu dropdown atau hanya dengan menentukan nomornya.

envira gallery customization more options

Sekarang mari kita lanjutkan ke tab “Lightbox”.

Efek galeri Lightbox memastikan pengunjung Anda melihat gambar dalam layar penuh, membuatnya lebih ramah pengguna.

Jadi, untuk mengaturnya, Anda akan pergi ke tab “Lightbox” dan menandai kotak centang “Enable Lightbox”. Kemudian, Anda akan memilih tema untuk Lightbox Anda.

Selanjutnya, putuskan apakah Anda menginginkan judul atau keterangan untuk lightbox Anda dan atur juga ukuran gambarnya.

Di bawah opsi ini, Anda akan menemukan kotak centang untuk mengaktifkan Panah Galeri dan Navigasi Galeri Lingkaran . Kedua opsi ini sangat bagus dalam meningkatkan pengalaman pengguna dengan mempermudah navigasi.

Selain opsi-opsi ini, Anda juga akan memutuskan hal-hal berikut.

  • LightboxEfek Buka/Tutup
  • Efek Transisi
  • Gambar Super Besar
  • Penghitung Gambar
  • Aktifkan HTML Tanpa Batas pada Teks
add envira lightbox effect

Di bawah opsi ini, Anda juga dapat mengatur thumbnail untuk lightbox Anda dengan kotak centang sederhana. Karena gambar Lightbox menutupi seluruh layar, menambahkan thumbnail dapat meningkatkan navigasi.

Anda juga dapat mengatur lebar dan tinggi thumbnail agar pas untuk situs Anda. Selain itu, Anda dapat memberikan fleksibilitas kepada pengguna untuk mengaktifkan atau menonaktifkan gambar mini dengan sebuah tombol.

lightbox thumbnail

Sekarang, mari siapkan galeri seluler.

Untuk melakukan ini, Anda akan membuka tab “Seluler” untuk memastikan pengguna Anda mendapatkan pengalaman galeri yang lebih baik di perangkat kecil.

Pertama, Anda akan mengaktifkan “Buat Gambar Galeri Seluler” dengan kotak centang dan tentukan dimensinya. Kemudian, Anda akan menentukan seberapa tinggi baris tersebut dalam piksel.

Di bawah opsi ini, Anda akan menggunakan menu tarik-turun untuk memutuskan apakah Anda ingin galeri ponsel Anda memiliki keterangan dan/atau judul.

envira mobile settings

Saat Anda menggulir lebih jauh ke bawah halaman, Anda akan melihat pengaturan galeri seluler untuk Lightbox.

Sekali lagi, Anda akan mengaktifkan efek Lightbox dengan kotak centang. Selain itu, karena sebagian besar perangkat seluler adalah layar sentuh, Anda dapat mengatur Lightbox agar menutup ketika seseorang menggeser ke atas, sehingga meningkatkan pengalaman pengguna.

Kemudian, dengan menggunakan kotak centang lagi, Anda dapat mengatur panah galeri dan gambar mini untuk navigasi seluler yang lebih baik.

Jika Anda mengaktifkan thumbnail, Galeri Envira akan menampilkan lebih banyak opsi sehingga Anda dapat mengatur lebar dan tingginya.

envira mobile lightbox settings

Terakhir, mari kita atur berbagai opsi untuk galeri.

Untuk melakukan ini, buka tab "Lain-lain" di mana pertama-tama Anda akan memiliki opsi untuk mengatur slug galeri untuk membantu identifikasi galeri dan kueri galeri tingkat lanjut.

Kemudian, untuk pengguna yang lebih berpengalaman, Anda dapat memasukkan kelas CSS galeri khusus dalam format baris untuk penyesuaian galeri yang lebih baik.

Anda juga akan melihat opsi untuk mengimpor dan mengekspor galeri dalam format JSON. Format file ini memastikan galerinya ringan dan strukturnya dapat digunakan oleh plugin galeri gambar online lainnya.

Selain itu, fungsi impor/ekspor bisa sangat bermanfaat ketika Anda ingin beralih dari plugin galeri foto lainnya. Misalnya, Anda dapat menggunakan fitur ini untuk berpindah dari Galeri NextGen ke Galeri Envira.

Selanjutnya, Anda akan melihat opsi untuk menyalin gambar ke galeri lain. Ini adalah fitur hebat yang dapat digunakan untuk mengurangi waktu dan kesalahan yang timbul saat menambahkan gambar secara manual ke galeri.

Terakhir, Anda juga dapat mengaktifkan dukungan RTL di halaman ini. Hal ini memungkinkan Galeri Envira mendukung bahasa yang ditulis dari kanan ke kiri, seperti Arab dan Mandarin.

misc image gallery envira

Langkah 5: Tambahkan Galeri Anda ke WordPress

Setelah galeri Anda siap dan dipersonalisasi, langkah selanjutnya adalah menambahkannya ke situs Anda.

Ada 3 cara Anda dapat menambahkan galeri Envira ke situs Anda.

  • Melalui kode pendek galeri Envira WordPress
  • Melalui Blok Galeri Envira (disarankan)
  • Masukkan galeri ke dalam file templat.

Mari kita mulai dengan membahas bagaimana Anda dapat menggunakan kode pendek galeri WordPress.

Menggunakan kode pendek memungkinkan Anda menambahkan beberapa galeri di halaman yang sama, atau galeri yang sama di beberapa halaman dengan mudah. Selain itu, menggunakan kode pendek memungkinkan Anda menambahkan galeri dengan mudah ke sidebar tanpa menggunakan widget.

Dengan metode ini, Anda harus memilih submenu “Galeri Envira” terlebih dahulu sehingga Anda dapat melihat daftar semua galeri Anda.

Kemudian, ketika Anda sudah menemukan galeri yang ingin Anda tambahkan, Anda akan menyalin kodenya dari kolom Shortcode.

wordpress gallery shortcode

Setelah Anda memiliki kode pendek galeri, Anda akan membuka halaman/postingan baru, atau yang sudah ada.

Selanjutnya, di editor blok Gutenberg yang Anda buka, Anda akan menggunakan ikon Plus (+) untuk membuka bilah pencarian. Di bilah pencarian, Anda akan mengetikkan "kode pendek" untuk menemukan blok tersebut.

Setelah ini, Anda akan menarik dan melepas blok kode pendek ke mana pun Anda ingin blok tersebut muncul di halaman yang ingin Anda tambahkan galerinya.

Setelah Anda menarik dan melepas blok ke tempat yang Anda inginkan, tempel kode pendek Galeri Envira di bilah yang tersedia.

add envira gallery with shortcode

Terakhir, tekan “Perbarui” untuk menambahkan galeri gambar WordPress. Saat Anda mengunjungi halaman aktif, Anda akan melihat galeri ditampilkan tepat di tempat Anda meletakkan kode pendek di editor blok Anda.

envira shortcode added gallery

Selamat! Anda baru saja menambahkan galeri dengan kode pendek WordPress.

Sekarang, mari kita lihat bagaimana Anda dapat menambahkan galeri dengan blok Galeri Envira.

Menggunakan blok Galeri Envira sangat mudah dan sangat direkomendasikan untuk pemula. Ini karena Anda tidak memerlukan pengetahuan pengkodean apa pun, bahkan pengalaman kode pendek.

Untuk memulainya Anda akan membuka halaman baru atau menggunakan halaman yang sudah ada seperti sebelumnya.

Lalu, tekan ikon Plus (+) untuk membuka bilah pencarian blok. Anda kemudian akan mengetik “Galeri Envira,” dan bloknya akan muncul. Selanjutnya, seret dan lepas ke tempat Anda ingin menambahkan galeri di halaman.

Ketika blok galeri Envira terbuka, Anda seharusnya dapat memilih galeri yang Anda inginkan dengan menggunakan bilah pencarian atau memilihnya di menu dropdown.

add envira gallery with block

Hal terbaik tentang menggunakan blok Envira untuk menambahkan galeri adalah memungkinkan Anda mengedit galeri langsung di editor blok. Ini adalah sesuatu yang tidak dapat Anda lakukan saat menggunakan kode pendek untuk menambahkan galeri.

Anda juga memiliki opsi untuk mengunggah gambar dari laptop atau dari perpustakaan media Anda, sehingga memudahkan pembuatan galeri dengan editor front-end.

envira gallery added with block

Bagus sekali! Anda sekarang dapat menggunakan blok Galeri Envira untuk menambahkan galeri Anda.

Ingat, jika Anda ingin menambahkan galeri melalui file template, Anda memerlukan pengalaman coding.

Menambahkan galeri langsung ke file templat memastikan Anda mengintegrasikan galeri Anda lebih baik dengan desain situs Anda, sehingga meningkatkan daya tarik visual.

Meskipun proses ini terlihat rumit, Anda dapat menggunakan WPCode untuk membantu Anda menyelesaikan proses pengkodean ini dengan cepat.

wpcode homepage

WPCode adalah plugin cuplikan terbaik karena dapat membantu Anda menyelesaikan banyak proses pengkodean hanya dengan beberapa klik dan tanpa pengalaman pemrograman.

Untuk mendapatkan WPCode, Anda harus masuk ke situs resminya untuk mendapatkan versi premium atau melalui Repositori WordPress Anda untuk mengakses WPCode lite. Pastikan Anda telah menginstal dan mengaktifkannya sebelum melanjutkan ke langkah berikutnya.

Anda juga dapat melihat ulasan lengkap WPCode kami di sini.

Sekarang dengan WPCode terinstal, buka submenu Galeri Envira . Lalu, pilih salah satu yang ingin Anda gunakan dari daftar galeri Anda.

Anda juga dapat masuk ke Galeri Envira » Tambah Baru , jika Anda ingin menambahkan galeri baru ke file template.

Kemudian, di ujung kanan editor galeri Anda, Anda akan melihat bagian bernama, “Kode Envira.”

Gulir ke bagian bawah daftar kode pendek ini dan salin kode di bawah yang membahas tentang file dan tag templat.

add gallery wordpress templates files

Dengan kode Anda, buka Cuplikan Kode di opsi menu WPCode, dan pilih “+Tambahkan Cuplikan.”

Hal yang menakjubkan adalah WPCode memiliki banyak opsi cuplikan yang dapat Anda pilih, bahkan dengan versi gratisnya. Sedemikian rupa sehingga ia memiliki bilah pencarian yang dapat Anda gunakan untuk menemukan cuplikan yang Anda inginkan. Pada saat yang sama, Anda dapat memilih kategori cuplikan untuk menemukan apa yang Anda cari dengan mudah.

Namun untuk situasi ini, pertama-tama kita akan mengarahkan kursor ke “Tambahkan Kode Kustom Anda” lalu pilih Gunakan Cuplikan saat tombol menyala.

wpcode add snippet

Di halaman berikutnya, Anda kemudian akan mengaktifkan tombol sakelar aktif/tidak aktif dan memberi nama cuplikan kode sehingga Anda dapat menemukannya dengan mudah.

Selanjutnya, Anda akan mengganti jenis kode menjadi “PHP Snippet.” Setelah Anda melakukan ini, Anda kemudian akan menambahkan kode yang sebelumnya Anda salin dari editor Galeri Envira dan memasukkannya ke bagian Pratinjau Kode .

wpcode envira code

Kemudian, gulir ke bawah layar pratinjau kode untuk menemukan “Metode Sisipkan” di mana Anda akan memilih Sisipkan Otomatis .

Selanjutnya, di menu tarik-turun Lokasi , tentukan di mana Anda ingin menambahkan galeri dari banyak pilihan yang tersedia. Lokasi yang Anda putuskan terserah Anda, jadi pilihlah salah satu yang paling sesuai dengan audiens Anda.

Untuk tutorial WordPress ini, kami menggunakan “Site Wide Header.”

wpcode insert envira gallery

Terakhir, tekan Simpan dan kunjungi situs Anda untuk melihat galeri di halaman langsung.

envira gallery template file gallery

Dan begitu saja, Anda telah berhasil menambahkan galeri melalui file template Anda.

Bagus sekali! Anda sekarang dapat menambahkan galeri dengan plugin. Selanjutnya, mari kita lihat bagaimana Anda bisa menambahkan galeri tanpa plugin.

Menambahkan galeri ke WordPress tanpa plugin

Jika Anda tidak ingin menggunakan plugin, WordPress menawarkan blok default yang dapat Anda gunakan untuk membuat galeri. Namun kenyataannya adalah ia tidak memiliki opsi penyesuaian yang baru saja Anda lihat pada Galeri Envira di atas.

Jadi, untuk memulai, Anda akan membuat halaman/postingan baru atau menggunakan yang sudah ada. Kemudian, tekan ikon Plus (+) di kiri atas untuk membuka bilah pencarian tempat Anda mengetik “galeri.”

Setelah Anda menemukan blok galeri default, yang harus Anda lakukan hanyalah menarik dan melepasnya ke posisi di halaman yang Anda inginkan.

default way to add wordpress gallery

Selanjutnya, ketika blok galeri terbuka, Anda akan diberikan 2 pilihan untuk menambahkan foto ke galeri Anda. Anda dapat mengunggah gambar dari PC Anda atau memilihnya dari Perpustakaan Media Anda.

Untuk tutorial ini, kami menambahkan gambar ke galeri dengan mengunggahnya dari komputer kami.

Untuk melakukan ini, buka folder di PC Anda tempat gambar berada. Lalu, drag dan drop gambar yang dipilih ke area upload blok galeri.

upload gallery images manually

Setelah Anda mengunggah gambar, Anda akan memiliki opsi untuk memotong atau memindahkan gambar sehingga Anda dapat mengatur dan menyesuaikan galeri. Anda juga dapat menambahkan keterangan ke masing-masing gambar atau ke seluruh galeri.

Setelah Anda puas dengan galeri Anda, tekan "Perbarui" di sudut paling kanan halaman editor blok Anda untuk membuat galeri aktif.

manual wordpress gallery

Namun kelemahan dari pendekatan ini adalah, jika ukuran gambar berbeda seperti yang ditunjukkan di atas, galeri Anda mungkin tidak terlalu estetis, meskipun Anda memangkasnya.

Selain itu, karena gambar mempertahankan ukuran aslinya, gambar tersebut mungkin memakan banyak ruang, sehingga menyebabkan situs Anda membengkak.

Besar! Anda baru saja mempelajari cara menambahkan galeri menggunakan blok galeri default WordPress.

Selanjutnya, mari kita lihat beberapa tip dan alat bonus.

Tip dan Alat Bonus untuk Meningkatkan Galeri Anda

Sekarang setelah Anda mempelajari cara membuat galeri dengan plugin dan secara manual, mari kita bahas bagaimana Anda dapat memperbaikinya.

Tip 1: Optimalkan Gambar Galeri

Salah satu cara terbaik untuk melakukan optimasi gambar adalah dengan menambahkan teks ALT ke setiap foto. Ini akan membantu peringkat gambar Anda, dan mesin pencari menemukannya, menciptakan cara lain bagi pengunjung Anda untuk menemukan konten Anda.

Untuk menambahkan teks ALT, pertama-tama, buka Media » Perpustakaan dan pilih foto untuk membuka jendela popup “Rincian Lampiran”. Kemudian di sebelah kanan Anda akan melihat kotak teks untuk menambahkan caption, judul, deskripsi, dan yang terpenting, teks ATL.

Pastikan teks ALT merupakan kata kunci yang berhubungan dengan gambar agar tidak menyesatkan audiens atau Google.

atl text image

Nah, masih di Halaman Lampiran, Anda juga bisa mengedit foto tersebut sehingga bisa diubah ukuran, dimensi, atau posisinya. Untuk melakukan ini, Anda akan memilih “Edit Gambar.”

Di halaman ini, Anda akan melihat opsi untuk Pangkas, Skalakan, dan lakukan Rotasi Gambar. Semua opsi ini dapat membantu Anda meningkatkan gambar galeri untuk membantu memberikan pengalaman yang lebih baik kepada pengunjung Anda.

edit image attachment details

Namun, seperti yang Anda lihat, proses ini bisa memakan waktu agak lama, terutama jika Anda memiliki banyak gambar di galeri.

Cara yang lebih baik untuk menambahkan teks ATL secara otomatis ke gambar Anda adalah dengan menggunakan All in One SEO.

AIOSEO WordPress pro plugin

AIOSEO adalah plugin SEO terbaik. Ini dapat dengan cepat membantu Anda menambahkan teks ALT, judul gambar, keterangan, dan lainnya tanpa proses panjang yang telah kami jelaskan di atas. Ini juga secara otomatis menghasilkan peta situs XML untuk gambar Anda, sehingga memudahkan mesin pencari untuk menemukan dan mengindeksnya.

Selain itu, AIOSEO hadir dengan pengaturan OpenGraph untuk Facebook dan Twitter Cards, memastikan gambar Anda ditampilkan dengan benar saat dibagikan di platform media sosial.

Lihat ulasan lengkap AIOSEO kami di sini.

Tip 2: Mengatur Galeri Anda

Mengatur galeri Anda adalah cara terbaik untuk memastikan bahwa pengunjung Anda dengan cepat menavigasi gambar galeri Anda. Selain itu, mereka dapat diindeks lebih efektif oleh mesin pencari, sehingga meningkatkan SEO Anda.

Jadi dengan mengingat hal ini, salah satu cara terbaik untuk mengatur konten di WordPress adalah dengan menggunakan tag. Namun sayangnya, WordPress tidak memiliki cara default untuk menambahkan tag ke gambar.

Untuk membantu dalam hal ini, Anda dapat menggunakan Galeri Envira dan menginstal Addon Tag-nya.

Addon Tag adalah cara terbaik untuk membuat hubungan antara gambar atau galeri terkait. Ini akan memungkinkan pengguna Anda dengan cepat memfilter gambar Anda sehingga mereka dapat melihat apa yang mereka inginkan. Tag gambar juga dapat membantu pengguna Anda menciptakan pengalaman menonton unik yang spesifik untuk apa yang mereka cari.

Namun, jika Anda ingin meningkatkan daya tarik estetika dan navigasi galeri Anda, Anda harus mempertimbangkan untuk membuat album.

Untuk ini, addon Album Galeri Envira adalah solusi sempurna.

Ini memungkinkan Anda mengatur dan menampilkan koleksi galeri Anda di halaman yang sama. Ini dapat membantu pengunjung Anda menelusuri kumpulan galeri terkait dengan mudah tanpa melalui beberapa halaman.

Sekarang, meskipun tag dan album sangat bagus dalam mengatur dan meningkatkan navigasi galeri Anda, jika Anda ingin membuatnya lebih dinamis, pertimbangkan untuk membuat penggeser.

Untuk itu, Anda bisa menggunakan Soliloquy, plugin slider WordPress terbaik.

Soliloquy WordPress Slider

Soliloquy adalah plugin slider terbaik karena dapat membantu Anda mengubah galeri statis menjadi konten dinamis dengan menambahkan gerakan pada gambar. Hasilnya, Anda dapat menggunakan galeri Anda untuk bercerita atau menyorot gambar tertentu dengan lebih baik di carousel. Anda juga dapat menggunakan penggeser WooCommerce dengan Soliloquy untuk membantu meningkatkan pengalaman pengguna dan proses checkout di toko eCommerce Anda.

Jika Anda ingin mempelajari lebih lanjut tentang plugin ini, lihat ulasan Soliloquy kami di sini.

Itu dia! Anda sekarang memiliki pemahaman yang lebih baik tentang cara menambahkan galeri dengan dan tanpa plugin.

Selain itu, Anda juga memiliki pengetahuan tambahan tentang alat lain yang dapat Anda gunakan untuk meningkatkan galeri Anda. Jika Anda memiliki pertanyaan lebih lanjut, lihat FAQ di bawah.

FAQ: Cara Membuat Galeri Gambar di WordPress

Bisakah saya membuat kisi galeri di WordPress?

Ya, Galeri Envira memungkinkan Anda membuat kisi galeri yang menakjubkan tanpa coding atau pengalaman CSS khusus. Yang harus Anda lakukan adalah, pilih “Tata Letak Grid” di editor galeri, lalu tentukan jumlah kolom yang Anda inginkan, dan selesai. Anda kemudian dapat menyesuaikan lebih lanjut galeri Anda di halaman yang sama agar lebih menarik bagi audiens Anda.

Bisakah saya menambahkan beberapa galeri di halaman yang sama?

Ya, dengan Envira Gallery, Anda dapat menambahkan beberapa galeri di halaman yang sama. Anda dapat melakukan ini dengan menggunakan kode pendek galeri Envira WordPress atau menggunakan blok Galeri Envira. Kedua opsi ini memungkinkan Anda menarik dan melepas galeri ke posisi berbeda di halaman yang sama.

Bisakah saya membuat galeri dinamis dengan Envira Gallery?

Ya, Galeri Envira memungkinkan Anda membuat galeri yang indah dan dinamis. Anda dapat melakukan ini dengan mengambil gambar dari platform media sosial Anda atau dengan menggunakan gambar unggulan postingan blog Anda.

Apakah Galeri Envira gratis?

Ya, Anda dapat menggunakan Envira Gallery Lite secara gratis. Namun, jika Anda ingin mengakses fitur yang lebih canggih, Anda harus mempertimbangkan untuk membeli plugin versi premium.

Kami harap Anda menikmati membaca tentang cara menambahkan galeri ke WordPress. Jika Anda menginginkan cara lain untuk menambahkan gambar ke WordPress Anda, baca ulasan Smash Balloon kami di sini; itu adalah plugin feed terbaik.

Selain itu, berikut artikel lain yang mungkin menarik untuk Anda baca.

  • 10 Plugin Galeri WordPress Terbaik Ditinjau & Dibandingkan
  • Galeri Envira vs. FooGallery – Mana yang Lebih Baik? (Perbandingan)
  • Cara Melindungi Situs WordPress Anda Dari Duplikat Konten

Artikel pertama mencantumkan 10 plugin galeri WordPress terbaik, semuanya telah diuji dan ditinjau. Posting berikutnya membandingkan Galeri Envira dan FooGallery jika Anda mencari alternatif. Sedangkan artikel terakhir mengajarkan Anda cara melindungi konten Anda, seperti gambar, agar tidak disalin dan diduplikasi.