Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Envira ile Duyarlı WordPress Resim Galerileri Nasıl Kolayca Oluşturulur?

WordPress’te bir resim galerisi oluşturmak, yerleşik özellikler ihtiyaçlarınızı karşılamıyorsa sinir bozucu olabilir. Birçok galeri eklentisi harika sonuçlar vaat eder ancak genellikle kullanımı zordur ve sitenizi yavaşlatır.

Envira Gallery basit bir çözüm sunar. WordPress’te kolayca çarpıcı, duyarlı resim galerileri oluşturmanızı sağlar.

Bu makalede, Envira kullanarak resim galerilerini hızlı bir şekilde nasıl kuracağınızı ve özelleştireceğinizi göstereceğiz.

How to easily create responsive WordPress image galleries with Envira

Envira Galeri Neden Daha İyi?

Çok sayıda fotoğraf içeren bir fotoğrafçılık veya portföy sitesi işletiyorsanız, bir resim galerisi oluşturmanın getirdiği sorunları zaten biliyorsunuzdur.

Örneğin, site hızı, organizasyon eksikliği, tarayıcı uyumluluğu, cihaz uyumluluğu ve zor kurulum gibi sorunlarla karşılaşabilirsiniz.

Diğer galeri eklentilerinin aksine, Envira son derece hızlıdır ve duyarlı tasarım, ışık kutusu ve slayt gösterisi işlevi, sürükle ve bırak oluşturucu, şablonlar ve video desteği gibi özelliklerle doludur.

Ayrıca, resimlerinizi korumanıza yardımcı olan koruma gibi başka eklentilere de sahiptir. Öte yandan, etiketler eklentisi tüm resimlerinizi düzenlemenize, derin bağlantı, tam ekran ve süper boyutlandırmanıza yardımcı olur.

Envira ayrıca Instagram, Dropbox, WooCommerce ve Pinterest gibi diğer araç ve platformlarla da kolayca entegre olur.

Bunu akılda tutarak, Envira ile bir resim galerisi oluşturma sürecine bir göz atalım.

Envira Gallery ile Duyarlı Resim Galerisi Ekleme

Envira Gallery, WordPress için piyasadaki en iyi resim galerisi eklentisidir.

Bu eğitimde, daha fazla özelliğin kilidini açmak için Envira Gallery Pro sürümünü kullanacağız. Ancak, Envira Gallery’nin ücretsiz sürümünü kullanarak da resim galerileri oluşturabilirsiniz.

Envira Gallery website

Öncelikle Envira Gallery eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Etkinleştirmenin ardından Envira Galeri Ayarları ‘na gitmenizve Envira Galeri hesap alanınızdabulabileceğiniz lisans anahtarınızı girmeniz gerekir.

Add the Envira Gallery license key

Buradan anahtarı girin ve ‘Anahtarı Doğrula’ düğmesine tıklayın.

Yeni bir galeri oluşturmak için WordPress kontrol panelinden Envira Gallery ” Add New seçeneğine gitmeniz gerekir.

Add new gallery

Daha sonra üst kısma galeriniz için bir ad girebilir ve görüntüleri yüklemek için ‘Bilgisayarınızdan Dosya Seçin’ düğmesine tıklayabilirsiniz.

Envira Galeri, galeriniz için başka kaynaklardan resim seçmenize de olanak tanır. Resimleri WordPress medya kütüphanesine yükleyebilir ve galeri için kullanabilirsiniz.

Envira Galeri’de Resim Galerisi Ayarlarını Düzenleme

Görüntüleri seçtikten sonra, görüntü küçük resimlerini görebilmeniz gerekir.

View images in the gallery

Görüntüleri, görüntülemek istediğiniz sıraya sürükleyip bırakarak yeniden düzenleyebilirsiniz.

Kalem simgesine tıklarsanız daha fazla seçenek görürsünüz. Örneğin, başlık ve alt etiket gibi görsel meta verilerini ekleyebilirsiniz.

Envira Galeri, resim başlığına HTML eklemenize ve ‘Resim Köprü’ alanına herhangi bir sayfaya veya web sitesine bağlantı eklemenize olanak tanır.

Add metadata to gallery images

Meta verilerden memnun kaldığınızda, resim galerisi ayarlarınızı yapılandırmak için ‘Yapılandırma’ sekmesine tıklayabilirsiniz.

Bu galerinin nasıl görüntüleneceğini seçebilirsiniz . Örneğin, aralarından seçim yapabileceğiniz farklı galeri düzenleri vardır ve tembel yüklemeyi ve tembelyükleme gecikmesinietkinleştirebilirsiniz.

Set up config settings

Aşağı kaydırırsanız, daha fazla ayar görürsünüz.

Envira Gallery, satır yüksekliğini ve kenar boşluklarını değiştirmenize, resim galerisi açıklamalarını göstermenize, resim boyutlarını ve boyutunu düzenlemenize ve daha fazlasına olanak tanır.

Additional config settings for gallery

Ardından, ‘Işık Kutusu’ sekmesine geçebilir ve tıklandıklarında görüntülerin tamamını gösteren ışık kutusunun ayarlarını yapılandırabilirsiniz.

Tema seçme, resim yazısı veya başlık gösterme, resim boyutu, ok gösterimini etkinleştirme, ışık kutusu galerisi araç çubuğunu gizleme veya görüntüleme, ışık kutusu açma ve kapama efektlerini seçme ve daha fazlası için seçenekler vardır.

Lightbox settings for image gallery

Işık kutusu ayarlarınızı yaptıktan sonra, ışık kutusu sekmesinin alt kısmındaki küçük resimler bölümüne gitmek isteyeceksiniz.

Bu küçük resimler, kullanıcı bir resme tıkladığında ışık kutusunun altında görünür. Bir küçük resme tıklamak kullanıcıların galeride gezinmesine olanak tanır.

Adjust thumbnails settings

Envira Gallery, galerinizin mobil cihazlarda nasıl görüneceğine ilişkin ayarları değiştirmenize de olanak tanır.

Sadece ‘Mobil’ sekmesine geçin ve mobil uyumlu galeri görüntüleri oluşturma, mobil boyutları düzenleme, satır yüksekliğini ayarlama, başlığı etkinleştirme ve daha fazlasını yapma seçeneğini etkinleştirin.

Mobile gallery settings

Son olarak, resim galeriniz için ek ayarları görüntülemek üzere ‘Çeşitli’ sekmesine gidebilirsiniz.

Örneğin, galeri slug’ını değiştirme, özel CSS girme, bir galeriyi içe aktarma ve daha fazlası için seçenekler vardır.

Miscellaneous settings in Envira

Ayrıca galeriyi dışa aktarabilir ve görüntüleri kopyalayabilirsiniz.

Galeri ayarlarınızdan memnun kaldığınızda, devam edin ve bu galeriyi kullanılabilir hale getirmek için ‘Yayınla’ düğmesine basın.

Publish your image gallery

Yayınladıktan sonra, galerinizi görüntülemek için bir gönderiye, sayfaya veya widget’a eklemek üzere kısa kodları göreceksiniz.

Daha fazla bilgi için WordPress’e kısa kod ekleme hakkındaki kılavuzumuza bakın.

Copy image gallery shortcodes

WordPress’te Doğrudan Yazıya veya Sayfaya Galeri Ekleme

Artık Envira Gallery’yi kullanarak bir resim galerisi oluşturduğunuza göre, bir sonraki adım bunu herhangi bir blog gönderisine veya açılış sayfasına eklemektir.

WordPress içerik düzenleyicisine girdikten sonra, devam edin ve Envira Galeri bloğunu eklemek için ‘+’ düğmesine tıklayın.

Envira gallery block

Bloğu ekledikten sonra, Envira Galeri bloğundaki açılır menüye tıklayarak galerinizi seçebilirsiniz.

Ardından blok düzenleyicide resim galerinizin bir önizlemesini göreceksiniz. Görünümünden memnun olduğunuzda, gönderinizi veya sayfanızı yayınlamanız yeterlidir. Ardından, duyarlı bir resim galerisini çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Image gallery preview

WordPress’te Envira Galeri Kullanımı için Bonus İpuçları

Envira Gallery ayrıca işlevselliği artıran ve daha fazla özellik sağlayan premium eklentilerle birlikte gelir.

Örneğin, Envira Galeri’yi kullanarak görüntülere sağ tıklamayı devre dışı bırakarak görüntü hırsızlığını önleyebilirsiniz. Galerideki resimlere filigran eklemek için filigran eklentisini de kullanabilirsiniz.

Çarpıcı ürün resim galerileri oluşturmak için Envira Gallery’yi WooCommerce ile de entegre edebilirsiniz. Bu, özelleştirilmiş ürün resimlerini farklı düzenlerde göstermenizi sağlar.

Hatta etiketleri kullanarak galerileri düzenlemenize ve filtrelenebilir portföyler oluşturmanıza olanak tanır. Birden fazla galeriniz varsa ve kullanıcıların ilgilendikleri öğeleri sıralamasını kolaylaştırmak istiyorsanız bu gerçekten kullanışlıdır.

Preview of a Filterable Portfolio Gallery

WPBeginner’ın uzman ekibi ile vizyonunuzu çarpıcı bir WordPress web sitesine dönüştürün! Yetenekli tasarımcılarımız markanızı mükemmel bir şekilde temsil eden bir site yaratacak. Özel tasarımlardan SEO’nun en iyi uygulamalarına kadar her şeyi biz yönetiyoruz. Güzel web sitenizi bugün oluşturmaya başlayın!

Umarız bu makale Envira ile WordPress’te duyarlı resim galerileri oluşturmanıza yardımcı olmuştur. WordPress yazılarına ve sayfalarına birden fazla galeri ekleme ve WordPress’e Flickr widget’ı ekleme hakkındaki kılavuzlarımızı da görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

33 yorumBir Cevap Bırakın

  1. THANKGOD JONATHAN

    Please how about embeded images. Can I use embeded images to create gallery with Envira plugin. If not how do I ensure the images does not affect my website speed. In cases where I have large number of galleries in a photography blog.

  2. Jiří Vaněk

    Just recently, I was creating a website for a kindergarten, and part of the website included an extensive gallery. I ended up using Elementor and found my way around it. However, the organization of photos isn’t very good. Thank you for the tip. If I’m doing a redesign of the website or creating another one with a large gallery, I will definitely give this plugin a try.

    • WPBeginner Support

      We hope you find it helpful :)

      Yönetici

  3. Ralph

    This looks really nice. I won’t use it as i don’t have almost any images for my blog (it is technical) but my wife blogs about furniture so this may find a good use!

    • WPBeginner Support

      We hope she finds it helpful :)

      Yönetici

  4. Moinuddin Waheed

    I have used many image plugins back in 2017 and due to heavy load time on my website I left most of them. I don’t know if installing all these plugins make the website somewhat slower or it is good to install and the code itself takes care of the speed of the website.
    The problem comes with the quality of the image. usually we get high quality images on our phones and when we upload those on our websites it get stuck due to its image size. if we crop do something we compromise with the image quality.
    I hope all these hurdles will be fixed by envira plugin.

    • WPBeginner Support

      We hope you find the plugin suits your needs :)

      Yönetici

  5. Sameer Hussain

    Now this is something that can come handy any day. Because images are a big part of your website and ultimately blogging success. Thanks for this.

    • WPBeginner Support

      You’re welcome!

      Yönetici

  6. R Taylor

    We have read this several times and watched the videos and still can’t figure out how to add caption and have it actually show when published. We have Pro but are screen is different, example when it says to “add gallery” (block beside “add media”) our version doens’t show it this way. We aren’t sure if that is where are issue starts or not.

    • WPBeginner Support

      Envira has likely updated their interface since this article was created so you could check with Envira’s support. More than likely there could be a styling issue where your theme does not show the caption for some reason.

      Yönetici

  7. Marilyn Pongracz

    An Envira tech person got back to me, and I had to disable Essential Grid to make it work in the Highend Theme.

  8. Marilyn Pongracz

    I tried a gallery and it was easy to create, but with some long and some short captions, it didn’t look very good. Lightbox didn’t work, either, even when I disabled my theme’s lightbox. Then I tried disabling Envira, and my theme’s lightbox won’t work.

  9. Kenny Lambert

    Envira is a piece of rubbish – would not work on my website and even though I have deleted the gallery and the plugin this [envira-gallery id=”91″] still shows on my homepage and I can’t get rid of it

    • WPBeginner Support

      Hi Kenny,

      Envira uses shortcodes to display galleries. You have to add these shortcodes to display galleries and you can remove them by simply editing the post and page and removing the shortcode. Hope this helps.

      Yönetici

  10. William

    thanks to Envira for the gallery option. Save a lot of time.

  11. Amber

    I love the Envira Plugin, but I can’t figure out how to have the gallery images link to the attachment page/post – it just links to the image, which is great if using lightbox (which I don’t want to do)…any ideas?

    • Editorial Staff

      The best way to get support for Envira Gallery is through their customer support system :)

      Yönetici

  12. Rohit Kumar

    I have been using theme “Being Hueman” on my blog but images are cut off. you can visit my blog and see yourself. I am not able to fix it and moreover, I have not seen any help on google so I have to write this comment to seek your help.

    Regards,

    Rohit Kumar

  13. WPBeginner Staff

    Shortcodes are not enabled by default for widgets. To enable shortcodes in widgets please add this code in your site’s functions.php file or a site-specific plugin.

    add_filter(‘widget_text’,’do_shortcode’);

  14. Mathias

    How can I insert the shortcode for the gallery into a widget in my sidebar? It did not work when I copied the short code into a text widget in my sidebar. thanks

  15. WPBeginner Staff

    Envira Gallery works on any standard compliant WordPress theme. It is not an eCommerce plugin itself, but it works with most popular eCommerce plugins and themes.

  16. Elise

    Hi! I’m creating a site for an art gallery. I would like to use the Envira plug in. Can you recommend a good theme to use or purchase that would go well with the Envira plug in? And at some point I would like to add ecommerce, does Envira support that or is that a theme issue?

  17. Roma Cantuaria

    Hello. I’m trying the Envira Lite right now. The design is perfect and the program is very easy to use. However, I’m facing two problems. Firstly, my photos are taking too long to load. Secondly, even after the page is completely loaded, a kind of loading icon under my gallery continues to appear. I’d like a little help from you guys.

    The link to my gallery: http://www.casasemparede.com/teste-7/

  18. Kaley Perkins

    Just bought the plugin but never saw a place to enter the code for the 20% off. Not a big deal for sure with all of the AMAZING value you provide, and QUITE possibly user error on my behalf being so eager to get it downloaded and working, but heads-up.

  19. Stephen Starr

    I’m testing Envira Lite, on a custom these. Not sure where this code belongs:

    You can also place this gallery into your template files by using the template tag(s) below:

    if ( function_exists( ‘envira_gallery’ ) ) { envira_gallery( ‘467’ ); }
    if ( function_exists( ‘envira_gallery’ ) ) { envira_gallery( ‘posada-life-in-picture’, ‘slug’ ); }

    Here’s my gallery that doesn’t have the lightbox function:
    http://posadalife.stephenbstarrdesign.info/posada-life-in-pictures/

    • WPBeginner Support

      Its working fine on our side, we can see your gallery and photos. Seems like you resolved the issue you were having.

      Yönetici

  20. Clare Chate

    Hey there, the two main features I’m currently looking for in a good gallery for my clients, is

    (1) Categories / Folders (that may be a given, excuse my ignorance! :-) )
    and
    (2) Social media sharing on images

    Does this one have those options?

    • WPBeginner Support

      It allows you to enable Tags using the tags addon. Using this feature you can allow users to sort gallery into tags. For the time being, there is no social sharing on the images.

      Yönetici

      • Clare

        Thankyou for the info!
        Clare

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.