WordPress Eklentisiz Sosyal Medya Paylaş Butonu Ekleme

3

WordPress site sahipleri için hazırladığımız rehberlere devam ediyoruz. Bu yazımızda ile WordPress sitenize sosyal medya siteleri için paylaş butonları eklemeyi anlatacağız. Bir önceki yazımızda WordPress Eklentisiz Sosyal Medya Butonları eklemeyi göstermiştik.

Yapacağımız işlem bir önceki yazımızda anlattığımız gibi oldukça kolay. Hiçbir eklenti kullanmadan sadece basit birkaç HTML/CSS kodu ile ve temanızın functuion.php dosyasına birkaç küçük kod ekleyeceğiz. Kodları size zaten hazır olarak aşağıda vereceğim.

Sitenize paylaş butonlarını  birçok farklı eklenti ile ekleyebilirsiniz. Fakat böylesine kolay bir işlem için eklenti yüklemektense tema dosyanıza bir kaç küçük kod eklemek;

  • Sitenizin daha hızlı açılmasına (çağırılan dosya sayısı azalacağı için)
  • Veritabanından daha az sorgu yapılmasına
  • Eklentilerden kaynaklanabilecek bazı güvenlik açıklarını engellemenize

imkan sağlayacaktır.

Güvenlik ve hız demişken eğer henüz okumadıysanız WordPress Güvenlik Önlemleri ve WordPress Site Hızlandırma Yöntemleri yazılarımızı mutlaka okumanızı okumanızı tavsiye ederiz.

WordPress Site Hızlandırma ile ilgili Diğer Yazılarımız (Yeni Sekmede Açılır)

Mutlaka Okumalısınız (Yeni Sekmede Açılır)

Hazırladığımız butonlar için herhangi bir görsel kullanmayacağız ve butonları CSS ile oluşturacağız. Hazırladığımız butonlar mobil cihazlarla uyumlu olacak. Ayrıca sayfamızı ziyaret eden mobil ziyaretçiler Whatsapp paylaşım butonu da görünecek.

Eklediğimiz butonlar yukarıdaki gibi gözükecek. Mobil cihaz kullanıcıları ek olarak Whatsapp paylaş butonunu da görecekler. CSS üzerinden kendi istediğiniz gibi değişiklikler yaparak farklı butonlar üretebilirsiniz. Sitemizde de şu anda kullandığımız butonları yazının en alt kısmında görebilirsiniz.

Anlatıma başlamadan önce önemli bir hatırlatma yapmakta fayda var. Temanızda değişiklik yapmadan önce temanızın ve sitenizin yedeklerini almanızı tavsiye ederiz. 

Not: Eğer sizde sitenizde yazı içine kodlar eklemek istiyorsanız WordPress Yazı İçine Kod Ekleme yazımızı okuyabilirsiniz.

Öncelikle CSS kodlarımızı sizlerle paylaşalım. Ben tüm etiketlerin başında “ogrenio” kelimesini kullandım fakat bu kısmı istediğiniz gibi değiştirebilirsiniz. Değiştirirken dikkat etmeniz gereken nokta ise hem Function.php hem de CSS kodlarının hepsinde bu kısmı değiştirmenizdir.

Bu CSS dosyasını temanıza ait style.css dosyasına eklemelisiniz.

Temanıza ait function.php dosyasına ise aşağıdaki kodları eklemelisiniz. Bu kodlar sayesinde paylaş butonları yazıların ve sayfaların altında çıkacaktır.

 

Dosyalarınızı düzenledikten sonra Paylaş butonunun yazılarınızın ve sayfalarınızın sonlarına eklendiğini göreceksiniz.

Takıldığınız veya danışmak istediğiniz kısımlar için yorum yapabilirsiniz. WordPress için hazırladığımız diğer rehberleri okumak için WordPress sayfamızı ziyaret edebilirsiniz.

Yapacağınız değişiklerden kaynaklanacak problemlerden ogrenio.com sorumlu değildir.

Kaynak: http://crunchify.com/how-to-create-social-sharing-button-without-any-plugin-and-script-loading-wordpress-speed-optimization-goal/

Bunları da beğenebilirsin
3 Yorumlar
  1. muzaffer diyor

    kodlarda bizim eklememiz gereken link vs var mı direk eklesek olur mu?

    1. Korialstrasz diyor

      Merhaba,

      Kodları direk eklemeniz yeterlidir. İyi çalışmalar.

  2. fatih diyor

    kardeşim benim istediğim şu açılan pencere küçük bir pencere olmalı yeni sayfa vaya aynı sayfada açılmasını istemiyorum bununla alakalı bir çalışma varsa yardımı olursan sevinirim teşekkürler

Cevap bırakın

E-posta hesabınız yayımlanmayacak.

Kullanıcı deneyimini geliştirmek için sitemizde çerezler kullanılmaktadır. Sitemizi kullanarak çerez kullanımına izin vermektesiniz. Daha fazla bilgi