24 Ara, 2016

" Eklentisiz Sosyal medya paylaş yapımı "

Merhabalar dostlar, Wordpress sağlam bir sistem gayet güvenli işlevsel esnek bir sistem ancak malesef şişme sıkıntısı var bunu da gereksiz eklenti ve temalarla fazla uğraşırsak yapar 🙂 kısacası otomobil tamircisinin alet çantası gibi bir eklenti panelimiz olmasın 10-12 anahtar hiç kullanılmasa da orada sürekli bulunur 🙂

Bu yazıda Eklentisiz Sosyal medya paylaş yapımını anlatacağım aslında basit bir küçük kod parçacığı ile yapacağız.

Öncelikle temanın fonksiyon dosyası içine aşağıdaki kodları ekleyin;

function alico() {
 global $post;
 $postlink  = get_permalink($post->ID);
 $posttitle = get_the_title($post->ID);
 $html = '<ul class="SosyalPaylas">';
 // Facebook alanı
 $html .= '<li><a class="sosyalfb" title="Facebook" rel="external" href="http://www.facebook.com/share.php?u=' . $postlink . '" rel="nofollow">Facebook</a></li>';
 // Twitter alanı
 $html .= '<li><a class="sosyaltw" title="Twitter" rel="external" href="http://twitter.com/share?text='.$posttitle.'&url='.$postlink.'" rel="nofollow">Twitter</a></li>';
 // Google+ alanı
 $html .= '<li><a class="sosyalgog" title="Google+" rel="external" href="https://plusone.google.com/_/+1/confirm?url=' . $postlink . '" rel="nofollow">Google+</a></li>';
 $html .= '</ul>';
 return $html; 
 // LinkedIn kullanılmaz ama ekledik :)
 $html .= '<li><a class="sosyallin" title="LinkedIn" rel="external" href="http://www.linkedin.com/shareArticle?mini=true&url=' . $postlink . '&title=' . $posttitle . '" rel="nofollow"> LinkedIn</a></li>';
 // Digg bunu da sırf eklemiş olmak için ekliyorum
 $html .= '<li><a class="sosyaldi" title="Digg" rel="external" href="http://digg.com/submit?url=' . $postlink . '" rel="nofollow">Digg</a></li>';
 // StumbleUpon
 $html .= '<li><a class="sosyalst" title="StumbleUpon" rel="external" href="http://www.stumbleupon.com/submit?url=' . $postlink . '&title=' . $posttitle . '" rel="nofollow">StumbleUpon</a></li>';
 }

Şimdi arkadaşlar, bu paylaşım butonlarının gösterilmesini istediğiniz yerlere bu kodu yapıştırmanız yeterlidir.

Genellikle tekil yazı sayfalarında gösterilmesi arzu edilir ki bunun için temanızın single.php dosyası içine eklemeniz gerekmektedir.

ekleyeceğiniz kod ise altta;

<?php echo alico(); ?>

şimdi paylaşım olayı sağlam çalışıyor sorunsuz. Şimdi yapmanız gereken ise hatta gerek yok ancak isteyen yapabilir sosyaltw, sosyalfb, sosyallin, sosyaldi, sosyalst, sosyalgog, SosyalPaylas classları için Css dosyanızı kişileştirmeniz gerekiyor.


Alternatif Yöntem: Bunun haricinde direkt olarak sayfaya entegre paylaşım bölümü yapmak isteyenler için aşağıdaki özelleştirilmiş kodları kullanabilir

Buradakiler daha kullanışlıdır ama entegresi daha zor olduğu için diğeri tercih edilebilir. zorluk olayı temanızın yapısında tam oturtamazsanız kaymalar yapar En azından Html-Css bilmiyorsanız üstteki kodları kullanın.

<div style="border:3px solid #fff; border-radius:50%; width:30px; height:30px;">
<a title="Facebook'ta Paylaş" href="http://www.facebook.com/share.php?u= <?php the_permalink('') ?> "><img src="https://cdn2.iconfinder.com/data/icons/social-40/614/2_-_Facebook-128.png" alt="Facebook'Ta paylaş" title="FacebookTa paylaş"></a>
<a title="Twitter'da Paylaş" href="http://twitter.com/home/?status= <?php the_title(''); ?>+<?php the_permalink('') ?>"> <img src="https://cdn2.iconfinder.com/data/icons/social-40/614/1_-_Twitter-128.png" alt="Twitter'da paylaş" title="Twitter'da paylaş"></a>
<a title="Google+'da Paylaş" href="https://plus.google.com/share?url= <?php the_permalink('') ?>"><img src="https://cdn2.iconfinder.com/data/icons/social-40/614/6_-_Google_Plus-128.png" alt="Google+'da paylaş" title="Google+'da paylaş"></a>
<a title="Pinterest'te Paylaş" href="http://pinterest.com/pinthis? url=<?php the_permalink('') ?>"><img src="https://cdn2.iconfinder.com/data/icons/social-40/614/13_-_Pintrest-128.png" alt="Pinterestte paylaş" title="interestte paylaş"></a>
</div>

Aynı şekilde bu kodu da single.php içinde herhangi bir alana yapıştırmanız gerekiyor soldaki gibi bir görünüş elde edeceksiniz arkadaşlar zaten wordpress için özel sayfa linki alma fonksiyonu olduğu için farklı sistemlerde çalışmayacaktır. onunda çözümü hangi sistemi kullanıyorsanız o sistemde yazının permalink alma kodunu wordpress’in ki ile değiştirirseniz çalışacaktır.

Saygılar sevgiler..

Bu yazı 1210 Defa okundu, Beğendiyseniz alttaki benzer yazıları okumanızı öneririm, isterseniz site içinde farklı içerikleri arama yapabilirsiniz.

#My.cnf Optimizasyon , #cPanel/Whm – Server optimizasyon , #WP Anasayfada kategori gizleme , #TMP klasör boyutu artırma , #Güvenli SSH resetleme , #X-DNS-Prefetch-Control Nedir , #Siteden Virüs Temizleme yolları , #Yazı içinde Renkli başlık , #Css birleştirme ,

Ali Çömez / Slaweally

Kaldırımda yürürken beyaz çizgilere basmamaya çalışan, Sabah yüzünü yıkarken dirseklerinden su sızmasından nefret eden, Dönerle ayranı aynı anda bitirebilen, son dakikada otobüsü kaçırsada grur yapıp arkasından koşmayan... bir insanım :)

  1. Arslan Türk dedi ki:

    Güzel paylaşım. Sağ ol.

  2. Arslan Türk dedi ki:

    Buradaki gibi nasıl yapılır?

  3. Kazım ÖLMEZ dedi ki:

    Tasarımda bi değinşiklik mi var bana mı öle geli 🙂

  4. Gökhan dedi ki:

    WordPress kullananlar için oldukça faydalı bir paylaşım, eklenti kurup sistemi yavaşlatmaktansa bu işi kodlarla yapmak daha faydalı olacaktır.
    Eline sağlık kardeşim.

  5. Musa Bayram dedi ki:

    Siz de web tasarım, web geliştirme, mobil uygulama, fotoğraf çekimi, masaüstü uygulama, yazılım ve e-ticaret projelerinizi kısa sürede hayata geçirmek istiyorsanız Ali ile iletişim’e geçebilirsiniz.

  6. Mete dedi ki:

    Eklentiler siteyi kasıyordu böyle birşey arıyordum teşekkür ederim.

  7. bilencevaplasın dedi ki:

    teşekkürler 🙂

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Spam olmadığınızı doğrulamak için aşağıdaki alana slaweally yazın