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(); ?>