Uyarı! Bu yazı 19.05.2016 tarihinde yazıldı. O günden bu güne bir çok şey değişmiş ve yazı geçerliliğini yitirmiş olabilir.
Web sitenize eklediğiniz yazıların, okuyucularınız tarafından; Facebook, Twitter ve Google Plus'ta paylaşılması, aynı zamanda da mobil kullanıcılarınızın da bu işlemlerin yanı sıra Whatsapp butonu ile bir arkadaşına yazınızı göndermesini sağlayabilirsiniz. Bende bu işlemi bu yazıyı okuduğunuz sitemde kullanıyorum. 🙂
Masaüstü görünümde Whatsapp butonu görünmez.
<div style="height:40px;" class="visible-lg"> <a href="https://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="_blank"> <div class="col-md-4" style="background-color:#3b5998;height:40px;margin:0 auto;text-align: center;"> <p style="color:white;padding-left:10px;padding-bottom:5px;margin:5px;"><i class="fa fa-facebook fa-2x"></i> Facebook'ta Paylaş</p> </div> </a> <a href="https://twitter.com/share?text=<?php echo urlencode(the_title()); ?>&url=<?php echo urlencode(the_permalink()); ?>&via=canerozgurel&related=<?php the_title(); ?>" target="_blank"> <div class="col-md-4" style="background-color:#55acee;height:40px;margin:0 auto;text-align: center;"> <p style="color:white;padding-left:10px;padding-bottom:5px;margin:5px;"><i class="fa fa-twitter fa-2x"></i> Twitter'da Paylaş</p> </div></a> <a href="https://plus.google.com/share?url=<?php the_permalink();?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="_blank"> <div class="col-md-4" style="background-color:#dc4e41;height:40px;margin:0 auto;text-align: center;"> <p style="color:white;padding-left:10px;padding-bottom:5px;margin:5px;"><i class="fa fa-google-plus fa-2x"></i> Google +'da Paylaş</p> </div></a> </div>
Mobil girişte Whatsapp butonu gelmiş görünümü.
<div style="height:40px;" class="visible-xs visible-sm"> <a href="https://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="_blank"> <div class="col-xs-3 col-sm-3" style="background-color:#3b5998;" id="sosyal"> <p><i class="fa fa-facebook fa-2x"></i></p> </div> </a> <a href="https://twitter.com/share?text=<?php echo urlencode(the_title()); ?>&url=<?php echo urlencode(the_permalink()); ?>&via=canerozgurel&related=<?php the_title(); ?>" target="_blank"> <div class="col-xs-3 col-sm-3" style="background-color:#55acee;" id="sosyal"> <p><i class="fa fa-twitter fa-2x"></i></p> </div></a> <a href="https://plus.google.com/share?url=<?php the_permalink();?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="_blank"> <div class="col-xs-3 col-sm-3" style="background-color:#dc4e41;" id="sosyal"> <p><i class="fa fa-google-plus fa-2x"></i></p> </div></a> <a href="whatsapp://send?text=<?php the_permalink();?>&t=<?php the_title(); ?>" data-action="share/whatsapp/share" target="blank"> <div class="col-xs-3 col-sm-3" style="background-color:#43d854;" id="sosyal"> <p><i class="fa fa-whatsapp fa-2x"></i></p> </div></a> </div>#sosyal { height:40px; display: table; text-align: center; } #sosyal p { display: table-cell; vertical-align: middle; font-size:14px; color:white; }<?php the_permalink();?><?php the_title(); ?>Etiketler
eklentisiz paylaş kodları, siteniz için sosyal medya paylaş kodları, wordpress, wordpress eklentisiz sosyal medya ve whatsapp butonları, wordpress facebook paylaş kodu, wordpress google paylaş kodu, wordpress sade sosyal medya ikonları, wordpress sosyal medya eklentisi, wordpress twitter paylaş kodu, wordpress whatsapp butonu, wordpress whatsapp paylaş kodu
