• Birinci navigasyona geç
  • Skip to main content
  • Birinci sidebar'a geç

Kerem SARI

Kişisel Blog - Webmaster

  • Webmaster
    • Genel
    • WordPress
    • Digitalocean
    • Genesis
  • Diğer
    • Farklı Konular
    • Kişisel
  • Araçlar
    • Abonelik
    • Arşiv
    • Son Yorumlar
  • İletişim

Bir bloğun olsun ister misin? İletişim

Ana Sayfa / Wordpress / Wordpress Eklentisiz Paylaş Butonları

WordPress Eklentisiz Paylaş Butonları

5 Aralık 2016 - Kerem SARI - 30 Yorum

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.

Kategori: Wordpress

Hakkımda Kerem SARI

İyi bir blog sahibi olmak ister misiniz?
Tel / Whatsapp: 0532 744 20 58 - İletişim

Okuyucu Etkileşimi

Yorumlar

  1. Malike

    18 Aralık 2016

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

    Cevapla
    • Kerem SARI

      18 Aralık 2016

      Teşekkür ederim.

      Cevapla
      • eyüp

        11 Aralık 2020

        abim selam olsun abim wordpress deki paylasım butonları varya bu butonların içinde blogspot yok ben blogspot eklemek istiyorum fakat ekleme linkini ayarlayamıyorum yani link uzantısnı ayarlayamıyorum

        eklentisiz olacak sadece linki lazım

        Cevapla
        • Kerem SARI

          11 Aralık 2020

          Bağlantı url’sini bende bulamadım maalesef.

  2. ümit polat

    24 Mart 2017

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

    Cevapla
    • Kerem SARI

      30 Ağustos 2017

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

      Cevapla
  3. Özgen

    12 Temmuz 2017

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

    Cevapla
    • Kerem SARI

      12 Temmuz 2017

      Teşekkürler

      Cevapla
  4. Hakiki Web

    4 Eylül 2017

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

    Cevapla
  5. Görkem Koç

    13 Ekim 2017

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

    Cevapla
    • Kerem SARI

      14 Ekim 2017

      İşinize yaramasına sevindim.

      Cevapla
  6. olcay

    23 Kasım 2017

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

    Cevapla
    • Kerem SARI

      23 Kasım 2017

      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?

      Cevapla
      • olcay

        24 Kasım 2017

        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

        Cevapla
        • Kerem SARI

          24 Kasım 2017

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

        • olcay

          24 Kasım 2017

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

        • Kerem SARI

          24 Kasım 2017

          Kod Boşlukları kapatarak gönderebilirsiniz.

  7. olcay

    24 Kasım 2017

    e-posta bildirimine cevap olarak gönderdim kodları

    Cevapla
    • Kerem SARI

      24 Kasım 2017

      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.

      Cevapla
  8. Emre

    28 Aralık 2017

    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

    Cevapla
    • Kerem SARI

      28 Aralık 2017

      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.

      Cevapla
  9. recep

    12 Şubat 2019

    adamsın kardeşim bende tam bunu arıyordum teşekkürler

    Cevapla
    • Kerem SARI

      13 Şubat 2019

      Teşekkürler.

      Cevapla
  10. torrent oyun indir

    20 Şubat 2019

    Sitemde deneyeceğim, eklentisiz ve hafif olması mükemmel.

    Cevapla
  11. YAKUP ULUTAŞ

    28 Haziran 2019

    en iyisi valla saçma sapan eklentilerde kaybolmuştum işimi çözdü, bunu mobilde ekranın altında sabit duracak şekilde ayarlayamaz mıyız ?

    Cevapla
    • Kerem SARI

      28 Haziran 2019

      Mümkün, temaya uygun kodlamak lazım.

      Cevapla
  12. YAKUP ULUTAŞ

    28 Haziran 2019

    tam da iyi oldu demiştim , paylaş deyince bunu text olarak paylaşıyor

    Cevapla
    • Kerem SARI

      28 Haziran 2019

      Ben bu şekilde kullanıyorum. Aradaki farkı anlamadım doğrusu.

      Cevapla
  13. Bülent

    30 Ekim 2019

    Sitemin hızı ve sadeliği için olmazsa olmazlardandır paylaş butonları. Herkesin adına sizlere teşekkürlerimi iletiyor, mutlu bloglamalar diliyorum.

    Cevapla
    • Kerem SARI

      30 Ekim 2019

      Çok teşekkürler.

      Cevapla

Bir cevap yazın Cevabı iptal et

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

Birincil kenar çubuğu

İnsan ancak anladığı şeyleri duyar.
Johann Wolfgang von Goethe

Psikolojik Danışman

© 2014–2021 keremsari.com
İçerikler keremsari.com'a aittir. İzinsiz kullanılması yasaktır.

  • Gizlilik Politikası
  • Kullanım Koşulları
  • İletişim