WordPress sitesine ışık kutusu ekleyin: Yeni başlayanlar için ana kılavuz
Lightbox, görüntü tabanlı web siteleri için birçok ilginç ve popüler özelliklerden biridir. Ancak herkes WordPress web sitesine, özellikle yeni başlayanlara nasıl ışık kutusu ekleyeceğini bilmiyor. Bu nedenle, WordPress web sitesine LightBox eklemelerine yardımcı olmak için yeni başlayanlara bu kılavuzu sunuyoruz.
İçindekiler tablosunu gizle
1. LightBox nedir ve nasıl eklenir?
2. Temanız destekliyorsa LightBox’ı göster
3. Eklentiyi kullanarak LightBox ekleyin
3.1. Adım 1: Basit bir ışık kutusu eklentisini yükleyin ve etkinleştirin
3.2. 2. Adım: Basit bir ışık kutusu eklentisi hazırlayın
3.3. Adım 3: Işık kutusunu görüntülemek için resmi/galeriyi medya dosyasına bağlayın
4. Son Kelimeler
LightBox nedir ve nasıl eklenir? LightBox, tam ekran açılır pencereleri yaparak ve sayfaların geri kalanını düşürerek resimlerinizi ve videolarınızı görüntüleyen bir başkent resim galerisidir. Örnek olarak:
Bu güzel ve lüks etki, portföyler, fotoğrafçılık veya görüntü tabanlı herhangi bir web sitesi için çok yararlıdır. Bu, görüntüleri açıkça görmenizi ve web sitenizi daha belirgin hale getirmenizi sağlar. Genellikle, WordPress sitesi için bir ışık kutusuna sahip olmanın 3 yolu vardır:
Kısa Kod Ekle
Eklentiyi yükleyin
LightBox’ı destekleyen bir tema kullanma.
Yeni başlayanlar için, yalnızca gelişmiş kullanıcılar için kısa kodlar eklemek için eklentiler kullanmanızı veya bu özelliklerle temalar bulmanızı öneririz. Lightbox’ı Göster Temanız destekliyorsa, temanızın galeriler/resimler için bir ışık kutusu görüntülediğini söyleyecek bir şey yoktur. Ancak birçok temanın bunu göstermek için birkaç adım daha gerektirdiğini biliyoruz. Örneğin, ePortFolio Bu tema LightBox’ı destekler, ancak LightBox’ı görüntülemek için galeriyi medya dosyasına bağlamanız gerekir. Genellikle iki seçenek vardır: medya dosyalarına veya ek sayfalarına bağlantılar. Resmi/galeriyi ek sayfasına bağladığınızda, yalnızca görüntüleri içeren yeni ve ayrı bir sayfa görüntüyü tıkladığınızda açılır. Bir medya dosyasına bağlanırsanız, bunun gibi bir sayfa değil, yalnızca görüntüleri görüntüler:
Bunu yapmak için aşağıdaki kılavuz. İlk olarak, yayın düzenleyicisini açın, ardından Galeri’yi tıklayın. Gutenberg editörünü kullanırsanız, sağ taraf çubuğuna bakın, bağlantı bölümünü göreceksiniz.
Kısa Kod Ekle
Eklentiyi yükleyin
LightBox’ı destekleyen bir tema kullanma.
Yeni başlayanlar için, yalnızca gelişmiş kullanıcılar için kısa kodlar eklemek için eklentiler kullanmanızı veya bu özelliklerle temalar bulmanızı öneririz. Lightbox’ı Göster Temanız destekliyorsa, temanızın galeriler/resimler için bir ışık kutusu görüntülediğini söyleyecek bir şey yoktur. Ancak birçok temanın bunu göstermek için birkaç adım daha gerektirdiğini biliyoruz. Örneğin, ePortFolio Bu tema LightBox’ı destekler, ancak LightBox’ı görüntülemek için galeriyi medya dosyasına bağlamanız gerekir. Genellikle iki seçenek vardır: medya dosyalarına veya ek sayfalarına bağlantılar. Resmi/galeriyi ek sayfasına bağladığınızda, yalnızca görüntüleri içeren yeni ve ayrı bir sayfa görüntüyü tıkladığınızda açılır. Bir medya dosyasına bağlanırsanız, bunun gibi bir sayfa değil, yalnızca görüntüleri görüntüler:
Bunu yapmak için aşağıdaki kılavuz. İlk olarak, yayın düzenleyicisini açın, ardından Galeri’yi tıklayın. Gutenberg editörünü kullanırsanız, sağ taraf çubuğuna bakın, bağlantı bölümünü göreceksiniz.
Bir resim için, araçlardaki bu simgeyi tıklamanız gerekir:
Klasik editördeyken, galeri ve bir resmi oluşturduğunuzda veya düzenlediğinizde, bağlantılı bölüm görünür.
Ardından, medya dosyasını seçin ve tamamlamak için bir galeri ekleyin. Bir yayını güncellediğinizde veya yayınladığınızda, galeri/resmi tıklayın, Lightbox’ın çalıştığını göreceksiniz. Temanız LightBox’ı destekliyorsa, bu eylem istediğiniz galeri/görüntü için LightBox’ı etkinleştirebilir. Değilse, hiç ışık kutusu olmayacak. Ancak, yapılandırma farklı temalardan farklı olabilir. Örneğin, bazıları ayarlamalarda çalışmanızı gerektirebilir, bazıları medya dosyaları yerine ek sayfasına bir bağlantı eklemenizi gerektirebilir. Bu nedenle, temayı dikkatlice kontrol etmelisiniz. Kullanıyorsanız, yine de, galeri/görüntüyü medya dosyasına nasıl bağlayacağınızı bilmeniz gerekir, çünkü aşağıdaki eklenti kullanarak LightBox eklemek çok yararlı olacaktır. Eklenti kullanarak LightBox eklemek gerçekten, LightBox eklemek hiç de zor değil. “LightBox eklentisi” anahtar kelimesini arayarak, bu efekt için bir dizi eklenti göreceksiniz. Araştırmamıza gelince, eklentileri iki türe ayırıyoruz: LightBox eklemek için karmaşık eklentiler ve basit eklentiler. Karmaşık eklentilere gelince, görüntü boyutu, sınır rengi, ışık kutusu kuvveti gibi ışık kutusunu ayarlamak için birçok daha sofistike seçenek vardır … Örneğin, LightBox & Duyarlı Galeri ve Foobox görüntüsü Lightbox daha fazla ayar aracı vardır. Ancak yeni başlayansanız kullanmak daha zordur. Ayrıca, sonuçlar basit eklentilerden çok farklı değildir. Bu yüzden Simple LightBox gibi basit eklentileri kullanmayı tercih ediyoruz.
Basit LightBox Yazar (lar): Arkepik Geçerli Sürüm: 2.8.1 Son Güncelleme: 13 Temmuz 2021 Simple-Lightbox.zip% 86 Derecelendirme 200.000+ yüklemeler WP 5.3+ Gerekiyor LightBox Yazar: 2.8.1 Son olarak Güncellendi: 13 Temmuz 2021 Simple-Lightbox.zip% 86 derecelendirme 200.000+ yüklemeler WP 5.3+ Basit LightBox Yazar (lar): Arkeped Geçerli Sürüm: 2.8.1 Son Güncelleme: 13 Temmuz 2021 Simple-Lightbox.zip% 86 derecelendirmeler (S) 200.000+ yüklemeler WP 5.3+ Basit LightBox Yazar (lar) ı gerektirir: Arketipli Geçerli Sürüm: 2.8.1 Son Güncelleme: 13 Temmuz 2021 Basit-Lightbox.zip% 86 derecelendirmeleri 200.000+ yüklemeler WP 5.3+
Basit LightBox Yazar (lar): Arkepik Geçerli Sürüm: 2.8.1 Son Güncelleme: 13 Temmuz 2021 Simple-Lightbox.zip% 86 derecelendirme 200.000+ yüklemeler WP 5.3+
Basit LightBox Yazar (lar): Arkepik Geçerli Sürüm: 2.8.1 Son Güncelleme: 13 Temmuz 2021 Simple-Lightbox.zip% 86 derecelendirme 200.000+ yüklemeler WP 5.3+
Bu eklentinin kullanımı kolaydır, 200.000’den fazla aktif kurulumla oldukça popülerdir ve 160 beş yıldızlıdır. Dahası, LightBox tasarımı iyidir. Adım 1: Dashboard> Eklenti> Yeni Ekle, yalnızca “Basit LightBox” yazmanız ve eklentiyi takmanız ve ardından etkinleştirmeniz gerekir.
Adım 2: Eklentileri yükleme eklentisine basit bir ışık kutusu eklentisi hazırlayın, Basit LightBox sekmesindeki ayarları tıklayın.
Etkinleştirme sekmesi Basit LightBox ayarları Etkinleştirme sekmeleri birkaç parametreyi etkinleştirmenize/devre dışı bırakmanıza olanak tanır. Kontrol etmeniz gereken en önemli kutu, Galeriniz için LightBox’ı etkinleştiren LightBox işlevini etkinleştirir. Bu kutuyu seçmezseniz, diğer parçaların bir anlamı yoktur. Kutunun geri kalanı sizin için isteğe bağlıdır. Veranda, tek gönderi, sayfalar, arşiv sayfaları, widget’lar ve menülerde LightBox’ı görüntülemeyi kontrol edebilirsiniz. Çok fazla ışık kutusu web sitenizi biraz lüks hale getirebileceğinden, doğru kısım için gerçekten bir ışık kutusu istediğinizden emin olun.
Basit LightBox Yazar (lar): Arkepik Geçerli Sürüm: 2.8.1 Son Güncelleme: 13 Temmuz 2021 Simple-Lightbox.zip% 86 derecelendirme 200.000+ yüklemeler WP 5.3+
Basit LightBox Yazar (lar): Arkepik Geçerli Sürüm: 2.8.1 Son Güncelleme: 13 Temmuz 2021 Simple-Lightbox.zip% 86 derecelendirme 200.000+ yüklemeler WP 5.3+
Bu eklentinin kullanımı kolaydır, 200.000’den fazla aktif kurulumla oldukça popülerdir ve 160 beş yıldızlıdır. Dahası, LightBox tasarımı iyidir. Adım 1: Dashboard> Eklenti> Yeni Ekle, yalnızca “Basit LightBox” yazmanız ve eklentiyi takmanız ve ardından etkinleştirmeniz gerekir.
Adım 2: Eklentileri yükleme eklentisine basit bir ışık kutusu eklentisi hazırlayın, Basit LightBox sekmesindeki ayarları tıklayın.
Etkinleştirme sekmesi Basit LightBox ayarları Etkinleştirme sekmeleri birkaç parametreyi etkinleştirmenize/devre dışı bırakmanıza olanak tanır. Kontrol etmeniz gereken en önemli kutu, Galeriniz için LightBox’ı etkinleştiren LightBox işlevini etkinleştirir. Bu kutuyu seçmezseniz, diğer parçaların bir anlamı yoktur. Kutunun geri kalanı sizin için isteğe bağlıdır. Veranda, tek gönderi, sayfalar, arşiv sayfaları, widget’lar ve menülerde LightBox’ı görüntülemeyi kontrol edebilirsiniz. Çok fazla ışık kutusu web sitenizi biraz lüks hale getirebileceğinden, doğru kısım için gerçekten bir ışık kutusu istediğinizden emin olun.
Basit LightBox Ayarları Gruplama sekmesi aşağı kaydırın, bir gruplama sekmesi vardır. Bu, bir kaydırıcıda veya bir görüntüde nasıl bir ışık kutusunu görüntülediğinizi belirler.
Grup Öğesi: Bir görüntüden diğerine gidemenizi sağlayan resminizi/galerinizi bir vites gibi görüntülemeyi kontrol edin. Yalnızca bu özelliği etkinleştirdiğinizde, bu sekmedeki diğer parçalar uygulanabilir. Değilse, diğer gruplama bölümleri çalışmaz. Öğeleri Gönderme Gönderine Göre Gruplama: Bu kutuyu kontrol ederek, tüm öğeleri bir gönderiden LightBox Shift’e kadar gruplandırırsınız. Yalnızca yayınlarda resim/galerileri gruplamak ve yayınlardan, widget’lardan ve diğer menülerden diğer resimleri/galerileri hariç tutmak istediğinizde yapın.
Galeri öğelerini ayrı ayrı gruplandırma, widget öğelerini ayrı ayrı gruplandırma ve menü öğelerini ayrı olarak gruplandırma: Bir yazı galerisindeki öğeleri, widget’taki öğeleri veya menü öğelerini sınıflandırmak için her öğeyi kontrol edin. Bu, yalnızca LightBox kayma çubuğundaki aynı galeri, widget veya menüde bir sonraki öğeye gidebileceğiniz anlamına gelir. Ziyaretçilerinizi karıştırabilecek farklı bölümlerde LightBox’ı bozmak istemediğinizde bunu yapmanız gerektiğini düşünüyoruz. UI sekmesinin basit ışık kutusu ayarlarındaki UI sekmesinde, ışık kutusu kuvvetini değiştirmenin bir parçası vardır. Işık kutusu ekranınızı ayarlamak istiyorsanız bunu not edin. Tema: LightBox’ınız için 2 stil vardır. Sadece zevkinize uygun olanı seçin.
Karanlık tarzı
Hafif güç
Hafif güç
Işık kutusunun boyutunu pencereye sığacak şekilde değiştirin: İyi bir görünüm elde etmek için bu bölümü açmanızı tavsiye edin. Değilse, görüntü tam bir ekrandır ve bunun gibi tüm görüntüleri göremezsiniz.
Animasyonu Etkinleştir: Yükleme efektini etkinleştirmek için kontrol edin.
Animasyonu Etkinleştir: Yükleme efektini etkinleştirmek için kontrol edin.
Etkiyi devre dışı bırakmak için kontrolü silin, navigasyonu daha hızlı hale getirin.
Slayt gösterisini otomatik olarak başlatın: Bu bölümü etkinleştirdiğinizde bir sonraki resme otomatik olarak hareket etmek için bırakın. Slayt Süresi: Yukarıdaki otomatik slayt gösterisi bölümünü etkinleştirirseniz, slayt süresini buradan seçebilirsiniz. Öğeyi tekrarlayın: Bir slayttan sonra öğeyi tekrarlamak ister misiniz? Evet ise, bu kutuya tıklayın. Opaklık bindirme (0 – 1): Opaklık kaplama arka planını değiştirebilirsiniz. Opaklık ne kadar düşük olursa, arkasındaki gönderiyi o kadar net görebilirsiniz. Örneğin, opaklığı 0.1 olarak ayarladık, böylece arka plan çok net görülebilir. Varsayılan başlığı devre dışı bırakın: Bu kutuya tıklayarak görüntünün başlığını görüntülemeyi seçebilirsiniz. Aşağıda başlığın nasıl görüntülenmesidir.
Son basit ışık kutusunun etiket sekmesi olan bu sekme, her düğmenin etiketini değiştirmenize izin verir. Ancak temaları düzenlerken kısa bir kod eklemediğiniz sürece bu bölüm geçerli değildir. Yeni başlayanlar için bu öğreticide, bu sekmeyle uğraşmanıza gerek yok. Tüm basit Lightbox eklentisi ayarlarını bitirdikten sonra, Etiket sekmesinin hemen altındaki değişiklikleri kaydet’i tıklayın.
