Görsellerinize Pinterest (Pin it) butonunu ekleyin

Pinterest günümüz internetinin en büyük sosyal ağlarından birisi. Eğer doğru kullanılırsa bu ağ sayesinde web sayfanıza inanılmaz büyük bir trafik oluşturabilirsiniz. Görselleri bol olan bir web sayfasına sahipseniz, özellikle fotoğraf ve portfolio konularını işliyorsanız Pinterest’e dahil olmanız kaçınılmaz.

Bu makalemizde WordPress sitemizdeki görsellere kolay bir şekilde “Pin it” butonu ekleyeceğiz.

jQuery Pin It Button for Images

Bu uygulamayı yapan onlarca eklenti var. Geçtiğimiz günlerde en popüler 5 eklentiyi kurup inceledik. Bir kısmı görsellerin linklerini bozuyor, bir kısmı da görsellerin sağına veya soluna yazılmış metinleri aşağı satıra atıyor. Fakat aralarından bir tanesi gayet kolay bir şekilde kuruluyor ve çalışıyor.

Bu eklenti sayesinde kapsamlı kontrol paneline sahip “Pin it” buttonlarını görsellerimize ekliyoruz. İlk olarak kurulum hakkında konuşalım. Daha sonra eklentiyi biraz tanıyalım.

Kurulum

Eklenti tamamıyla ücretsiz.

WordPress’e eklentilerin nasıl kurulduğunu kısaca hatırlayalım.

1. Dosyayı indirin ve zip içerisinden çıkarın.
2. Eklenti klasörünü FTP aracılığıyla ‘/wp-content/plugins/’ dizinine upload edin,
3. WordPress admin panelinizden Eklentiler alanına gidip eklentiyi etkinleştirin.

Download Adresi : jQuery Pin It Button For Images

Detaylar

Eklentiyi Wp-admin‘de Ayarlar > jQuery Pin It Button For Images Options alanından yönetebiliyoruz. Selection, Visual ve Advanced olmak üzere 3 ayar tabımız mevcut. Bu alanlardaki özellikleri teker teker tanıyalım.

Selection

1. Image selector : jQuery selector ile hangi classlara “Pin it” butonu ekleneceğini seçiyoruz.
2. Disabled classes : Hangi classlarda “Pin it” butonu gösterilmeyeceğini seçiyoruz.
3. Enabled classes : “Pin it” butonunu dahil etmek istediğimiz ek CSS classlarını tanımlıyoruz.
4. On which pages the “Pin it” button should be shown : Hangi sayfalarda “Pin it” gözüksün.
5. Minimum resolution that should trigger the “Pin it” button to show up : Hangi boyutlardan büyük görsellerde “Pin it” gözüksün.

Visual

1. Mode : Dinamik ve statik olmak üzere iki seçeneğimiz var. Statik görsel üzerine div katmanı atayarak farklı kaydedilmesini de engelliyor. Dinamik ise bu işlemi yapmıyor. Önerimiz dinamik yapıyı kullanmanız.
2. Description source : Paylaşımda kullanılacak Pin’in başlığı.
3. Transparency value : Görsellerin üzerine gelince uygulanacak şeffaflık oranı.
4. Custom “Pin It” button : Kendi “Pin it” butonunu eklememizi sağlıyor.
5. “Pin it” button position : Butonun gözükeceği pozisyonu belirlememizi sağlıyor.
6. “Pin it” button margins : Butonun margin değerlerini belirlememizi sağlıyor.
7. Retina friendly : Retine dostu butonlar eklememizi sağlıyor.

Advanced

Debug : Eklentinin gelişimine katkıda bulunmamızı ve sorunları bildirmemizi sağlıyor.
Container selector : Makaleyi çevreleyen konteynırı belirtmemizi sağlıyor.

Kapanış

Pinterest, Türkiye’de artık fazlasıyla popüler. Bu büyüklükte bir sosyal ağın dışında kalmak istemezsiniz. Geç kalmadan tüm görsellerinize “Pin it” butonu ekleyin ve Pinterest üzerinde de yerinizi alın.

Bir sonraki makalemizde görüşmek üzere, hoşçakalın.

Kaynak : http://www.adobewordpress.com/gorsellerinize-pinterestin-pin-butonunu-ekleyin