Ajouter des boutons de partage social sans tracking à WordPress

Je vais pas trop rentrer dans les détails mais juste que dans le code j’ai ajouté un effet avec onmouseover pour un meilleur rendu ce qui donne deux images par icone de partage l’une avec l’opacité à 100 et l’autre à 60 rien de plus simple.

Pour commencer voici le code que vous devez installer pour afficher les boutons après vos articles :

<p><i>Partager :</i></p>
<div class="wdp-partage">
<a target="_blank" title="Twitter" href="https://twitter.com/share?url=<?php the_permalink(); ?>&text=<?php the_title(); ?>" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><img src="<?php bloginfo('template_url'); ?>/img/sociaux/twitter2.png" alt="Twitter" onmouseover="javascript:this.src='<?php bloginfo('template_url'); ?>/img/sociaux/twitter.png';" onmouseout="javascript:this.src='<?php bloginfo('template_url'); ?>/img/sociaux/twitter2.png';"
/></a>
        
<a target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img src="<?php bloginfo('template_url'); ?>/img/sociaux/facebook2.png" alt="Facebook" onmouseover="javascript:this.src='<?php bloginfo('template_url'); ?>/img/sociaux/facebook.png';" onmouseout="javascript:this.src='<?php bloginfo('template_url'); ?>/img/sociaux/facebook2.png';"/></a>
        
<a target="_blank" title="Google +" href="https://plus.google.com/share?url=<?php the_permalink(); ?>&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><img src="<?php bloginfo('template_url'); ?>/img/sociaux/gplus2.png" alt="Google Plus" onmouseover="javascript:this.src='<?php bloginfo('template_url'); ?>/img/sociaux/gplus.png';" onmouseout="javascript:this.src='<?php bloginfo('template_url'); ?>/img/sociaux/gplus2.png';"/></a>
        
<a target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><img src="<?php bloginfo('template_url'); ?>/img/sociaux/linkedin2.png" alt="Linkedin" onmouseover="javascript:this.src='<?php bloginfo('template_url'); ?>/img/sociaux/linkedin.png';" onmouseout="javascript:this.src='<?php bloginfo('template_url'); ?>/img/sociaux/linkedin2.png';"/></a>
        
<a target="_blank" title="Envoyer par mail" href="mailto:?subject=<?php the_title(); ?>&body=<?php the_permalink(); ?>" rel="nofollow"><img src="<?php bloginfo('template_url'); ?>/img/sociaux/email2.png" alt="email" onmouseover="javascript:this.src='<?php bloginfo('template_url'); ?>/img/sociaux/email.png';" onmouseout="javascript:this.src='<?php bloginfo('template_url'); ?>/img/sociaux/email2.png';"/></a>
</a>
</div>

Chez moi j’ai du le coller dans part-content.php de mon thème d’autres le colle dans single.php ( cela dépend du thème ).
Et dans votre style.cc ajoutez :

.wdp-partage {float:left; width:200px; padding-top:0px;}
.wdp-partage a {float:left; margin-left: 7px;}

Normalement tout devrait fonctionner mais si j’ai fait une erreur corrigez moi ici même car ça aide toujours  .

Vous avez la possibilité de voir le rendu ici : https://ent.valente-c.fr/chantiers/
Bon partage sur WordPress !