Wordpress Sitene Google+ Sayfa ve İzleyiciler Kodu Ekle

 Wordpress sitene, Google+ İzleyiciler ( Followers ) ve Google+ Sayfa ( Badge ) widget’ini Wordpress eklenti (Plugins) yüklemeden kod ekleyerek kullanabilirsiniz. 3. taraf olarak bilinen eklentiler arasında Google+Badge eklenti widget’i mevcuttur. Ancak eklentiyi kullandığınızda çerçeve içinde tam bir görünüm sergilenmemektedir. Bu durum da site görünümünde widget’in çirkin görülmesine neden olmaktadır. Wordpress geliştiricilerinin eklenti (Plugins) olarak hazırladığı kodlama stil’inin dışına çıkarak kendi kodlarımızı düzenleyip kullanabilir miyiz düşünce ile işe başladık.

Çalışmalarımızı birlikte sürdürdüğüm arkadaşım +Fatih Korpe bey ile kendi aramızda mülakatlar yaparak en sonunda kendimizin Css kodları yardımı ile özelleştirebilecegimiz kodlarımızı geliştirdik. Geliştirdiğimiz bu kodları ilk defa kendi sitelerimizde kullanmaya başladık. Wordpress site de eklenti kullanmadan kullandığımız widget’lerin Canlı görüntülerini adnanguney.com ve networdkdizayn.com sitelerimizden inceleyebilirsiniz.

Google+ İzleyiciler ( Followers ) ve Google+ Sayfa ( Badge ) kodlarının kullanımı :

Aşağıda verilen kodlar içinde kesinlikle değişiklik yapmadan kullanmaya çalışın. Kodlar içinde yapacağınız değişiklik sonucu widget çalışmayacaktır. Kodlar içinde değişiklik yapabileceğiniz, 3 seçenek vardır. Bu seçenekler Google+ profil Id numarası, Google+ sayfa Id numarası, genişlik ve yükseklik ebatlarını kullandığınız tema özelliğine göre tanzim edilmesinden oluşmaktadır.

Wordpress sitenize kodları nasıl ekleyeceksiniz :

1. Wordpress sitenize giriş yapın.
2. Sol menü barda Görünüm → Bileşenler → Metin widget’ini açın.
3. Aşağıda verilen kodları kopyalayıp metin widget’ine yapıştırın.

<div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/114021536527450214647" data-source="blogger:blog:followers" data-width="300">
</div>
<script type="text/javascript">
 (function() {
 window.___gcfg = {'lang': 'tr'};
 var po = document.createElement('script');
 po.type = 'text/javascript';
 po.async = true;
 po.src = 'https://apis.google.com/js/plusone.js';
 var s = document.getElementsByTagName('script')[0];
 s.parentNode.insertBefore(po, s);
 })();
</script>

1. Mavi ile görülen kısımda genişlik ve yükseklik ayarlarını site temanıza göre düzenleyin.
width : Genişlik ayarı, height : Yükseklik ayarı
2. Kırmızı ile belirtilen numara, Google Plus Id numarasıdır.Bu kısma Id numaranızı yazacaksınız.

3. Google+ Sayfa eklemek isterseniz, aynı metin widget kısmından bir tane daha ekleyerek yukarıda anlatılan şekilde Id numarasını değiştirdiğinizde bu defa Widget’iniz Google+ Sayfa olarak görülecektir.
4. Id numarası, aşağıda verilen numaralardan oluşmaktadır. Kırmızı ile belirtilmiştir.
https://plus.google.com/114021536527450214647
5. Tüm işlemler bittiğinde, widget başlık isimlerini yazarak kullanmaya başlayabilirsiniz.