WordPress Notları

WordPress Haberleri,İpuçları,Eklentileri,Temaları ve dahası

  • Haberler
  • İpuçları
  • Nasıl Yapılır
  • Eklentiler
  • Temalar
  • Multisite
  • Güvenlik

22 Şubat 2014 tarihinde Tarık Çayır yazdı 3 Yorum

WordPress’in Varsayılan Galerisi İçin İp Uçları

WordPress'in Varsayılan Galerisi İçin İp Uçları

1. Varsayılan galerinize biraz çeki düzen verin

Genellikle varsayılan galerinin ne kadar cambaz olduğunu hazır eklentiler kullana kullana veya özel alanlar’larla  (metabox) haşır neşir ola ola unutmuşuz.

Temanızın entry-content’inde veya bir üst snıfında bir ID olacaktır. Olmadı main sınıfınızın ID’si ile ezebilirsiniz. Ben genellikle #main ID ile eziyorum. Ezerek galerinizi CSS ile daha güzel bir boyuta taşıyabilirsiniz. Neden eziyoruz derseniz, galeri biraz nazlı ezmek gerekiyor 🙂

Örnek olarak ben aşağıdaki CSS kodlarını yazdım, siz kendinize göre uyarlayabilirsiniz.

</pre>
#main .gallery {
 margin-bottom : 15px;
}
#main .gallery .gallery-item {
 display : inline-block;
 margin : 5px 5px 0px 0px;
 width : auto;
}
#main .gallery a {
 background : #FAFAFA;
 border : 1px solid #DDDDDD;
 display : inline-block;
 height : auto;
 padding : 5px;
 padding-bottom : 0px;
}
#main .gallery img {
 border : 0px;
}

2. Galeri fotoğraflarınızda jQuery modal eklentisi kullanın (FancyBox)

Modal olarak FancyBox’ı tavsiye ederim. FancyBox’ın WordPress eklentisi ile bunu kolaylıkla yapabilirsiniz.

Bana balık verme balık tutmasını öğret derseniz, kolları sıvayın koda giriyoruz 😉

Güncel FancyBox‘ımızı sitesinden indiriyoruz. Temamızın içine fancybox klasörü yapıp .css ve .js dosyasını ekliyoruz.

Sonrasında functions.php’e tanımlamalarımızı yapıyoruz.

header.php’mizin head etiketleri arasına aşağıdaki FancyBox tanımlamamızı yapıyoruz.

<script type="text/javascript">
 jQuery(document).ready(function($){
 // FancyBox
 $(".fancybox").fancybox({});
 });
</script>

Tanımlamamızı yaptıktan sonra fotoğraflarımız hala çalışmayacaktır. Çünkü galeri elamanlarına .fancybox sınıfı atamadık.

Bu atamayı jQuery ile yapabilirdik ama yapmadık. jQuery tarafında daha farklı bir şey yapacağız 😉 Ayrıca uğraşmak yerine direk add_filter’la bitirdik.

+ Bonus olarak bu add_filter bahsetmem gerekirse sayfada ki bütün galerileri elamanlarını kendi içerisinde bir galeri yapıyor 😉

Bütün bu işleri yaptıktan sonra galerimizi eklerken Bağlantı bölümünden Ortam Bağlantısı seçmeyi unutmayınız. Aksi taktirde FancyBox devreye girmeyecektir 🙁

Fotoğrafları gezerken fotoğrafların başlığını göremediğimizi farkettiğimiz için jQuery ile bunu kısa yoldan çözeceğiz. Fotoğraflara girdiğiniz başlık aşağıdaki kodu ekledikten sonra FancyBox’ın başlığı olarak görünecektir 🙂

<script type="text/javascript">
jQuery(document).ready(function($){

	// FancyBox
	$(".fancybox").fancybox({});

	// Gallery Link Add Title
	$(".entry-content").each(function() {
		galleryID = $(this).attr("id");
		$("#"+galleryID+" > a").each(function() {
			imageTitle = $("img",this).attr("alt");
			$(this).attr("title",imageTitle);
		});
	});

});
</script>

header.php’ye eklediğimiz .js tanımlarını yukarıda ki gibi düzenledik mi FancyBox’ımız tüm donanmasıyla bizlere hizmet etmeye hazır!

3. Galeriyi kullanmıyorsanız devre dışı bırakın

Eğer temanızda galerinizi kullanmıyor veya 3. parti eklentiler sayesinde işinizi görüyorsanız galerinizi engelleyebilirsiniz.

Bu genellikle yapı itibariyle varsayılan galeriye izin vermek istemediğiniz durumlar da oldukça işinize yarayacaktır. Hem böylelikle son kullanıcıya mümkün mertebe de çok az hata payı bırakmış olacaksınız.

Bunu paylaş:

  • Tweet
  • Daha fazla
  • Tumblr' da Paylaş
  • E-posta

İlgili

Kategori:Genel, İpuçları, Ortaya Karışık Etiketler: default gallery fancybox, galeriye stil vermek, wordpress default gallery style, wordpress galerisini devre dışı bırakmak, wordpress gallery disable, wordpress varsayılan galerisi stil

Hakkımda Tarık Çayır

2012 yılında dijital medya çözümleri ve hizmeti verdiği Momoth şirketini kurdu. 8 yıl boyunca yönettiği Momoth’ta 300’den fazla yazılım projesine imza attı. 2020’de Momoth’u şekillendirerek Girişim Stüdyosu’na dönüştürdü.

Şu an Momoth Girişim Stüdyosu çatısı altında Çay Kahve İnsan ve Çay Kahve Stüdyo girişimleri ile ilgileniyor.

Yorumlar

  1. Gürkan der ki

    19 Mayıs 2014 ile 16:41

    Teşekkürler çok işime yaradı.

    Cevapla
    • Tarık ÇAYIR der ki

      19 Mayıs 2014 ile 17:33

      Rica ederiz, işinize yaradığına sevindim 🙂

      Cevapla
  2. ibrahim der ki

    22 Eylül 2016 ile 11:59

    teşekkurler hocam fakat en son headere dosya ekledim resimlerde resminbaşlıgı gelmedi

    Cevapla

Bir cevap yazın Cevabı iptal et

Lütfen gerçek bilgilerinizi kullanın. Herhangi bir site adı ile yazılan yorumlar onaylanmayacaktır!

Popüler Yazılar & Sayfalar

  • WordPress REST API Özelliğini Kapatmak
    WordPress REST API Özelliğini Kapatmak
  • WordPress Multisite Kurulumu
    WordPress Multisite Kurulumu
  • Kolayca WordPress Admin Menü Gizlemek
    Kolayca WordPress Admin Menü Gizlemek
  • WordPress Temalara Menü Desteği
    WordPress Temalara Menü Desteği
  • WordPress Parametreli Özet/Alıntı (Excerpt) Kullanımı
    WordPress Parametreli Özet/Alıntı (Excerpt) Kullanımı

Bloga e-posta ile abone ol

Bu bloga abone olmak ve e-posta ile bildirimler almak için e-posta adresinizi girin.

Blogroll

  • HandyPlugins
  • Powered Cache
  • WPHandle
  • Hakkımızda
  • İletişmeyin!
  • Bülten Gönder
  • Site Haritası
  • Gizlilik Politikası

© 2023 - WPNotlari

Bu internet sitesinde, kullanıcı deneyimini geliştirmek ve internet sitesinin verimli çalışmasını sağlamak amacıyla çerezler kullanılmaktadır. TamamGizlilik politikası