İnsanlar görsel olan her şeyi sever, bu nedenle, birinin dikkatini çekmek ve istediğimiz yere yönlendirmek, karmaşık kavramları anlaşılması kolay bir şekilde açıklamak, insanları harekete geçmeye teşvik etmek ve yeni bilgiler öğrenmelerine yardımcı olmak için resimleri kullanmamıza şaşmamalı. hızlıca. Markalar, grafik içeriğin benzersiz çekiciliğini çok iyi anlıyor, bu nedenle web sitelerinde ürünlerini ve sundukları hizmetleri sergilemek için çekici resim galerileri oluşturuyorlar. Yaratıcılar, çalışmalarını sergilemek ve halkla paylaşmak için bunları kullanırken, seyahat blogcuları, gezilerinden resimler yayınlamak ve düzenlemek için galeriler oluşturur.
Bir WordPress resim galerisi oluşturmak için Elementor widget’larını, WordPress’in varsayılan galeri seçeneklerini, bir resim galerisi eklentisini veya daha fazla stil ve düzenleme seçeneği için resim galerisi kısa koduna sahip premium bir WordPress temasını kullanabilirsiniz. Size üç yöntemin de nasıl çalıştığını göstereceğiz ve WordPress web sitenizde nasıl zahmetsizce büyüleyici fotoğraf galerileri oluşturacağınızı açıklayacağız:
-
Elementor için Qi Eklentileriyle WordPress Resim Galerisi Nasıl Oluşturulur
-
Eklenti Olmadan WordPress Resim Galerisi Nasıl Oluşturulur
-
Eklenti ile WordPress Resim Galerisi Nasıl Oluşturulur
-
WordPress Premium Temasıyla WordPress Resim Galerisi Nasıl Oluşturulur
Elementor için Qi Eklentileriyle WordPress Resim Galerisi Nasıl Oluşturulur
Elementor, tercih ettiğiniz sayfa oluşturucuysa, web sitenizde bir resim galerisi oluşturmanın en kolay yolu, Elementor’a daha fazla işlevsellik ve güç ekleyen tamamen ücretsiz 60 parçadan oluşan bir koleksiyon olan Elementor için Qi Eklentilerimizi kullanmaktır.
Elementor için Qi Eklentileri, resim galerileri oluşturmak için üç widget içerir – biri standart fotoğraf galerileri oluşturmak için özel olarak tasarlanmıştır, diğer ikisi ise pinterest ve duvarcılık fotoğraf galerileri oluşturmaya izin verir. Bu makalede, tam olarak kendi zevkinize göre resim galerileri oluşturmanıza olanak sağlayan çok sayıda özelleştirme ayarı ve düzen seçeneği içeren Resim Galerisi widget’ına odaklanacağız. Okumak yerine bir öğretici izlemeyi tercih ederseniz, bu videoya bir göz atabilirsiniz:
Qi Addons for Elementor’u WordPress web sitenize yükleyip etkinleştirdikten sonra, bir fotoğraf galerisi görüntülemek istediğiniz sayfayı veya bir gönderiyi açın ve ardından buna Görüntü Galerisi widget’ını ekleyin.
Şimdi widget’ı sağa sürükleyelim. Galeride henüz resim olmadığı için widget boş görünecek. Bunu değiştirmek için sol kenar çubuğunda bulunan “+” işaretli resim simgesine tıklayın.
Daha sonra resim galerisinde görüntülemek istediğiniz resimleri seçin ve Yeni Galeri Oluştur’a tıklayın.
Daha sonra Galeri Ekle düğmesine basın, resimler sayfanızda görünecektir.
Galerimiz varsayılan olarak böyle görünür.
Resimlerimiz üç sütun ve iki sıra halinde yerleştirilmiş olup, fotoğraflar arasında boşluklar bulunmaktadır. Şimdi galerinizdeki resimleri yeniden düzenlemek isterseniz, bunu Galeriyi Düzenle penceresini açarak yapabilirsiniz. Bunu yapmak için, resim eklemek için alana tıklayın, fotoğraflarınızın sırasını değiştirin ve Galeri Ekle’ye tıklayın.
Artık Galeri Ayarlarını gereksinimlerinize uyacak şekilde değiştirebilirsiniz. Örneğin özel bağlantıları etkinleştirebilir, bir ışık kutusu açılır penceresini etkinleştirebilir (Evet olarak ayarlanırsa, biri bir görüntüye tıkladığında, aynı pencerede açılır ve bir kaplama olarak görünür), görüntü oranlarını (küçük resim, manzara, portre, vb.), görüntülerinizin görünmesini istediğiniz sütun sayısını belirtin, sütun duyarlılığını ayarlayın (Özel’i seçerseniz, çeşitli ekran boyutlarında görüntülenecek sütun sayısını belirleyebilirsiniz), fotoğraflar arasındaki boşluğu ayarlayın, seçin görüntünün üzerine gelme efekti (bir görüntünün üzerine gelme efekti seçerseniz, görüntünün hangi bölümünün yakınlaştırılacağını da belirtebilirsiniz, örneğin, orta, üst, alt vb.) ve ayrıca görüntü bindirme rengini ve bindirmeyi seçin vurgulu renk.
Işık kutusu açılır efektini aktif bırakmaya ve orijinal görüntü oranlarını korumaya karar verdik. Fakat öğeler arasındaki boşluğu değiştirdik ve 25px olarak ayarladık. Sütun yanıt verebilirliğinde de değişiklikler yaptık. 681 x 768 piksel (dizüstü bilgisayarlarda portre modu) ekran boyutu için galerimizi iki sütunda görüntülemeyi seçtik ve 481 x 680 piksel (cep telefonlarında yatay yön) ve 0 x 480 piksel (mobil cihazlarda dikey yön) için seçtik. telefonlar) bir sütun seçtik.
Ayarlar’da galerinizde değişiklik yapmayı bitirdiğinizde Güncelle düğmesine basmayı unutmayın.
Artık galeri, varsayılan olarak ızgarada görüntülenir. İçeriğinizin ekran genişliğinin %100’ünü kaplamasını istiyorsanız, öncelikle uygun sayfa düzenini seçmeniz gerekir. Bunu yapmak için Elementor’un Ayarlarına gidin ve Sayfa Düzeni altında Elementor Tam Genişlik’i seçin.
Gördüğünüz gibi Sayfa Düzeni ayarları altında Qi Full Width seçeneğimiz de var. Bunun nedeni, WordPress’in ücretsiz WordPress teması olan Qi Temasını yüklemiş olmamızdır. Qi Temasını da kullanıyorsanız, her ikisi de aynı amaca sahip olduğundan Elementor’un veya Qi Temasının Tam Genişlik şablonunu seçmekte özgürsünüz.
Sayfa genişliğinde ayarlamalar yaptıktan sonra, bölüm genişliğini de değiştirmelisiniz. Bu durum Resim Galerisi bölümüne tıklayarak ve ardından Elementor’un Düzen seçeneklerine giderek yapılabilir. İçerik Genişliği altında, Tam Genişlik seçeneğini belirlemeniz gerekir ve galeriniz artık ekranın bir tarafından diğerine yayılacaktır.
Resim galerimizi ızgarada tutmaya karar verdik, böylece yaptığımız tüm değişikliklerden sonra böyle görünüyordu:
Gördüğünüz gibi, Resim Galerisi widget’ı, resim galerinizin her yönünü kontrol etmenize izin veren sayısız özelleştirme ayarı sunar. Ve hepsinden önemlisi, Elementor için Qi Eklentileri ile tamamen ücretsiz olarak elde edersiniz.
Eklenti Olmadan WordPress Resim Galerisi Nasıl Oluşturulur
Eklenti olmadan bir resim galerisi oluşturmak, bir sayfa oluşturucudan diğerine farklılık gösterir. En popüler editörlerden bazıları olan Classic Editor ve Gutenberg’i kullanarak adım adım bir süreci sizinle paylaşacağız.
Klasik Düzenleyicide WordPress Resim Galerisi Nasıl Oluşturulur
İlk olarak, Klasik Düzenleyici’yi kullanarak bir resim galerisinin nasıl oluşturulacağını görelim.
Galeriyi eklemek istediğiniz sayfayı veya gönderiyi açmalı ve Medya Ekle’ye tıklamalısınız.
Bu eylem medya kitaplığınızı başlatacak. Yeni açılan pencerede, sol tarafınızda görüntülenen Eylemler menüsüne bakın ve Galeri Oluştur seçeneğini seçin.
Daha sonra galerinize eklemek istediğiniz fotoğrafları seçin veya yeni dosyalar yükleyin. Resimleri sitenize eklemeden önce optimize etmenizi önemle tavsiye ederiz.
Fotoğrafları yeniden adlandırmak, açıklama, resim yazısı eklemek, resim bağlantısı girmek, resim bağlantısı hedefi belirlemek ve daha fazlası için WordPress’in varsayılan düzenleyicisini kullanabilirsiniz. Tüm seçenekler menünün sağ tarafında yer alır. Tüm ince ayarlardan memnun olduğunuzda, Yeni Galeri Oluştur düğmesine basın.
Artık galerinizi düzenleyebilir, yani resimleri yeniden düzenleyebilir, galeride kaç tane sütun olmasını istediğinizi belirleyebilir, Bağlantı To ayarlarını düzenleyebilir, bir resmin boyutunu ayarlayabilir ve isterseniz sıralarını rasgele ayarlayabilirsiniz.
Her şey ayarlandıktan sonra, sayfanın sağ alt köşesindeki Galeri Ekle’ye tıklayın.
Gutenberg’de WordPress Resim Galerisi Nasıl Oluşturulur
Gutenberg’de resim galerinizi oluşturmaya başlamak için sayfanıza veya gönderinize Galeri bloğunu eklemeniz gerekir.
Daha sonra medya kitaplığınızdan dosyaları seçin veya yenilerini ekleyin, tercihlerinize göre düzenleyin (özelleştirme seçenekleri Klasik düzenleyicidekiyle aynıdır) ve Yeni Galeri Oluştur düğmesini tıklayın.
Gutenberg, galeri sitenize eklendikten sonra biraz daha düzenleme yapmanıza olanak tanır. Örneğin galeri için bir başlık ekleyebilir, sütun sayısını belirleyebilir, resimleriniz için küçük resim ve tam boyut arasında seçim yapabilir, bağlantılar ekleyebilir ve resimleri hizalamak için kırpabilirsiniz.
Eklenti ile WordPress Resim Galerisi Nasıl Oluşturulur
WordPress’e işlevsellik eklemek ve gücünü artırmak istediğinizde, bunu yapmanın en kolay yolu sitenize eklentiler eklemektir. Elementor kullanmıyorsanız ve bu nedenle Qi Eklentileri paketini yükleyemiyorsanız, önceki makalelerimizden birinde incelediğimiz fotoğraf galerisi eklentilerinden birini deneyebilirsiniz. Şimdi size 10Web’in popüler Fotoğraf Galerisi eklentisini kullanarak nasıl resim galerisi oluşturacağınızı göstereceğiz.
10Web’in Fotoğraf Galerisi, WordPress’te çekici fotoğraf galerileri oluşturmak söz konusu olduğunda kullanıcıların temel öğesidir. Bu eklenti şu anda resmi WordPress eklenti deposundan 300.000’den fazla aktif indirmeyi saymaktadır. 30 ila 100 ABD Doları arasında değişen fiyatlarla çeşitli premium planlar da mevcuttur.
Eklentiyi sitenize yükledikten sonra yapmanız gereken ilk şey, genel seçeneklerini yapılandırmak ve kişiselleştirmektir. Fotoğraf Galerisi, galerinizin her yönünü kontrol etmenizi sağlayan özelleştirme ayarlarıyla dolu. Hepsini keşfetmek için Fotoğraf Galerisi > Genel Ayarlar’a gidin.
Genel sekmesi, kullanıcılar galeri küçük resimlerine tıkladıktan (lightbox’ı aç, onları bir URL’ye yönlendir veya herhangi bir işlemden vazgeçmeye karar ver) sonra ne olacağına karar verebileceğin, galeri resimlerinin kalitesini ayarlayabileceğin, yavaş yüklemeyi etkinleştirebileceğin, resimleri ön yüklemeyi etkinleştirebileceğin yerdir. ziyaretçilerin resimlerinize sağ tıklamasını, meta verileri otomatik doldurmasını ve çok daha fazlasını kullanmasını engelleyin.
Bir galeri düzeni seçmek için Galeri Görünümleri sekmesini seçin. Ücretsiz sürüm, küçük resimler, duvarcılık, slayt gösterisi ve görüntü tarayıcı düzeni arasında seçim yapmanızı sağlar. Premium planlar ise duvarcılık, mozaik, blog stili ve atlıkarınca görünümlerinin yanı sıra renkleri değiştirerek, istenen yazı tipi türlerini seçerek, kontrol düğmelerini değiştirerek özelleştirilmiş galeri görünümleri oluşturma olasılığını içerir.
Küçük resim boyutunu, galeri sütunlarının sayısını ayarlama, sayfalandırmayı etkinleştirme, bir arama kutusu ekleme, galeriyi ve resim açıklamasını gösterme vb. seçenekler de vardır.
Bu güçlü eklenti, galerileri gruplandırmanıza ve hepsini bir arada sergilemenize olanak tanır. Grup galerileri ile ilgili tüm ayarlar Galeri Görünümleri Grubu sekmesi altında bulunur. Gruplara atıfta bulunmaları dışında Galeri Görünümlerindekilere benzerler.
Işık kutusu efektini etkinleştirirseniz, görüntü ışık kutusu için animasyon efektini, süresini, ışık kutusunu otomatik oynatmayı etkinleştirin, film şeridini etkinleştirin, vb. için Işık Kutusu sekmesini açın.
Ayrıca resimlerinize filigran eklemenizi, belirli kullanıcı rollerinin galerilerinizi düzenlemesine izin vermenizi, reklam eklemenizi, tüm Instagram hesabınızı gömmenizi sağlayan bir seçenek ve beğeninize göre bir galeri oluşturmanıza olanak tanıyan sayısız başka pratik özellik de vardır.
Ve ilk WordPress resim galerinizi oluşturmak için Fotoğraf Galerisi > Galeriler/Resimler Ekle’ye gidin.
Galeriniz için bir başlık girebilir, bunun için bir kapak resmi ayarlayabilir, bilgi ve açıklama ekleyebilir ve galeri içerik türünü seçebilirsiniz.
Tüm bu ayarların altında, resim ekleme, medya kitaplığından dosya alma, medya gömme veya sosyal toplu yerleştirmeyi seçme seçeneğiniz vardır.
İstediğiniz resim dosyalarını yükledikten sonra küçük resimlerini değiştirebilir, bir fotoğraf başlığı ve açıklaması ekleyebilir, bir yönlendirme URL’si ayarlayabilir ve etiketler ekleyebilirsiniz.
Düzenle’ye tıklarsanız, eklenti görüntünüze mevcut birkaç filtreden birini uygulamanıza ve gerekirse dosyanızı çevirip döndürmenize olanak tanır.
Fotoğraf Galerisi eklentisini daha da pratik hale getirmek için birkaç kullanışlı eklenti ile güçlendirebilirsiniz. Bunları, sitenizde içe ve dışa aktarma işlevini etkinleştirmek ve Google fotoğraflarını galerinizde bağlamak ve görüntülemek için kullanın.
WordPress Etkileşimli Temasıyla WordPress Resim Galerisi Nasıl Oluşturulur
Neredeyse tüm WordPress temaları, galeri oluşturmayı olabildiğince kolaylaştıran Resim Galerisi kısa koduyla birlikte gelir. WordPress’te hala yeni olsanız bile, hangi sayfa oluşturucuyu kullanırsanız kullanın eklentinin kullanımının basit olduğunu göreceksiniz. Amedeo temamızı kullanarak WPBakery’de nasıl çalıştığını (kısa kod Elementor’da aynı görünüyor) göstereceğiz.
Öncelikle galeri eklemek istediğimiz bir sayfaya eklentiyi ekleyelim.
…