✔ Seo uyumlu profesyonel blog siteleri için: Detaylar

Kerem Sarı

≡ Menu

WordPress Eklentisiz Paylaş Butonları

Bir önceki konuda sosyal medya paylaşım butonlarıyla ilgili detaylı bilgilere yer vermiştim. Bu konuda wordpress sitemize eklenti kullanmadan sosyal medya paylaşım butonları ekleyeceğiz. Paylaşım butonlarını sitemize eklentisiz ekleyerek birçok avantajlı durum elde edeceğiz. Daha doğrusu eklenti veya dış kaynaklardan veri çekerek sitemize zarar vermemiş olacağız.

Nedir avantajları?

#1 İlk önce, görevi çok basit olan birkaç buton için sitemize yük olmayacağız. Benim en çok takıldığım konudur. Bu işi yapan sayısız eklenti ve servis var ve her biri onlarca dosya kullanıyor ve yığınla gereksiz kodlamadan oluşuyor. Ne gerek var?

#2 İsterseniz bütün sosyal medya paylaşım butonları eklentilerini deneyin, PageSpeed Insights hatası vermeyenini bulamazsınız. Vereceğim wordpress paylaş buton kodları PageSpeed Insights hatası bulunmamaktadır.

#3 Sayfa yükleme hızını eklentilere göre en az %95 daha az etkileyecek. Çünkü çok basit, kısa kodlardan oluşuyor. Kodlamadan sadece bir sorgu çalıştırıyor.

#4 İstediğiniz gibi özelleştirebilirsiniz. Basit CSS kodlarını düzenleyerek istediğiniz şekilde boyutlandırabilir, renklendirebilirsiniz.

#5 Sosyal ağların paylaşım bağlantılarını rahatlıkla bulabilirsiniz. Bu bağlantıları basit bir şekilde sitenize ekleyerek paylaşım seçeneklerini çoğaltabilirsiniz.

#5 İstediğiniz yere, istediğiniz şekilde butonları ekleyebilirsiniz.

Paylaş eklentileri veya servisleri sitenizi yavaşlatır, kodlama hataları verir, PageSpeed hatalarına sebep olur ve bunara rağmen birçok seçenek için ücretli sürüme geçmenizi ister.

Kodlarla oynayarak istediğiniz şekilde istediğiniz yerde kullanma imkanınız olan bu kodlamayı tercih etmenizi şiddetle öneriyorum. Basit bir görevi olan bu işlem için sitenize zarar verecek eklentilerden kaçının.

Sitenize ekleyeceğiniz kodlama:

<div class="kspaylas">
<strong>Paylaş:</strong>
<!--Twitter-->
<a class="twitter" href="http://twitter.com/home?status=Reading: <?php the_permalink(); ?>" title="Share this post on Twitter!" target="_blank">Twitter</a>

<!--Facebook-->
<a class="facebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php the_title(); ?>" title="Share this post on Facebook!" onclick="window.open(this.href); return false;">Facebook</a>

<!--Google Plus-->
<a class="google-plus" target="_blank" href="https://plus.google.com/share?url=<?php the_permalink(); ?>">Google+</a>

<!--Whatsapp-->
<a class="whatsapp" href="whatsapp://send?text=<?php the_permalink();?>&t=<?php the_title(); ?>” data-action=”share/whatsapp/share">Whatsapp</a>

<!--Yazdır-->
<a class="yazdir" href="javascript:void(0);" onClick="window.print()" class="print">Yazdır</a>
</div>

Nasıl ekleyeceğinizi anlatamam çünkü bu işlem her wordpress temasına göre farklılıklar gösterir.

Butonların görsel özelliği için CSS:

.kspaylas a{
display:inline-block;
margin:1px;
padding:5px;
color:#fff;
border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
font-size: 12px;
font-weight:bold;
text-align:center;
text-decoration:none;}

.twitter{background:#55acef;}
.facebook{background:#3B5998;}
.google-plus{background:#D34836;}
.whatsapp{background:#00e676;}
.yazdir{background:#3399CC;}

Benimde kullandığım facebook, twitter, google plus, whatsapp ve yazdır butonları bulunuyor. İstediğinizi ekleyip kaldırabilirsiniz.

✔ 10 yıllık tecrübemizden faydalanın! Seo uyumlu blog sitenizin kurulumunu ve ayarlamalarını uygun fiyatlara yapalım. ☞ Detaylar

Yazar Hakkında: Çalışıyor, geziyor, okuyor, öğreniyor ama en çok; içerik odaklı seo çalışmalarıyla ilgileniyor! Bu yüzdendir ki; bu blogda bu konuların ne işi var demeyin! O konular bir fikre hayat veriyor.


{ 19 Yorum… add one }
  • Malike 18 Aralık 2016, 12:20

    Çok iyiymiş. Tam aradığım gibi. Eline sağlık.

    • Kerem SARI 18 Aralık 2016, 12:22

      Teşekkür ederim.

  • ümit polat 24 Mart 2017, 19:30

    bende resim ve açıklama hası oluyordu deniyeceğim fakat meta kodlarıda verseydin iyiydi

    • Kerem SARI 30 Ağustos 2017, 21:56

      Pardon bu yorumu atlamışım. Anlayamadım sorun nedir?

  • Özgen 12 Temmuz 2017, 09:15

    Çok teşekkürler, eklentisiz olması harika bir olay. Ellerine sağlık

    • Kerem SARI 12 Temmuz 2017, 09:16

      Teşekkürler

  • Hakiki Web 4 Eylül 2017, 22:57

    Bu çok işime yaramıştı.

  • Görkem Koç 13 Ekim 2017, 13:48

    Yararlı paylaşım. Teşekkür ederim.

    • Kerem SARI 14 Ekim 2017, 15:39

      İşinize yaramasına sevindim.

  • olcay 23 Kasım 2017, 23:49

    merhaba, mobilde görünmüyorlar bunun için bir çözüm var mı?

    • Kerem SARI 23 Kasım 2017, 23:52

      Merhaba Olcay Bey, mobilde gözükmemesi için hiçbir kodlama yok. Mobilde kullandığınız tema dışımda bir sistem kullanıyorsunuz sanırım?

      • olcay 24 Kasım 2017, 16:36

        Evet mobil uygulama yaptım ondan olabilir belkide. Birde yazı altna bir türlü ekleyemedim php.single kodlarım

        şeklinde, neredeyse her satırı denedim ama olmadı. ya sayfa boş açılıyor yada başlığın üzerinde

        • Kerem SARI 24 Kasım 2017, 16:42

          Dosyayı gönderin uygun bir zamanda bakıp bilgi veririm.

          • olcay 24 Kasım 2017, 17:07

            kodları yazıyorum ancak görünmüyor.

          • Kerem SARI 24 Kasım 2017, 17:12

            < code > Kod < /code > Boşlukları kapatarak gönderebilirsiniz.

  • olcay 24 Kasım 2017, 17:27

    e-posta bildirimine cevap olarak gönderdim kodları

    • Kerem SARI 24 Kasım 2017, 17:36

      Tamam gördüm. Yanlış dosya üzerinde işlem yapıyorsunuz. Yarın mail yoluyla size ulaşıp sitenizi inceleyeceğim. Hangi dosya üzerinde değişiklik yapmanız gerektiğini söylerim.

  • Emre 28 Aralık 2017, 21:32

    selamlar,
    kaliteli ve özgün içerikler için, ve verdiğiniz katkılar için teşekkür etmek isterim. Paylaşma konusu inanın çok çetrefilli bir konuydu.

    Ben bu kodu, Genesis’e girmek istiyorum. single sayfasına mı ekleyeyim, yoksa tutup functions’a mı ekleyeyim?

    Ayrıca SEO’dan dem vurmuşsunuz sürekli. Eksik bildiğiniz bir alan var ki erişilebilirlik. Bu alanda sizlere dönüt yapmaktan grur duyarım. Sitenizi kör işitmez renk körü herkes kullanabilmeli sonuçta.

    Dönüş yaparsanız e-postaya çok sevinirim.

    Mutlu bloglamalar

    • Kerem SARI 28 Aralık 2017, 21:50

      Merhaba Emre, yorumun için teşekkür ederim. Function dosyasıyla işimiz yok. Css ve single sayfalarında çalışmalısınız.

      Erişebilirilik konusunda destekte bulunursanız sevinirim. Şimdiden teşekkürler.

Bir yorum yazın