-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathIntégration Wordpress.html
28 lines (27 loc) · 5.46 KB
/
Intégration Wordpress.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
# Plus d'informations sur le script et son intégration sur http://ohax.fr/ajouter-les-boutons-de-partage-des-reseaux-sociaux-sans-le-tracking-de-vos-visiteurs
# Pour voir l'intégration réalisée sur Ohax.fr avec Font Awesome 4.x : https://github.com/Ohax/Boutons-sociaux-sans-tracking/blob/master/Int%C3%A9gration%20Ohax.fr
# On force les boutons à s'aligner correctement sous le contenu
<div style="clear:both"></div>
# Boutons à afficher à gauche
<div style="float:left;">
# Twitter - Pensez à adapter la variable via (PSEUDO) pour y mettre le nom de votre compte Twitter, sinon la supprimer
<a target="_blank" title="Twitter" href="https://twitter.com/share?url=<?php the_permalink(); ?>&text=<?php the_title(); ?>&via=PSEUDO" class="tweet-button" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;">Twitter</a>
# Facebook
<a target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" class="facebook-button" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;">Facebook</a>
# Google +
<a target="_blank" title="Google +" href="https://plus.google.com/share?url=<?php the_permalink(); ?>&hl=fr" class="google-button" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;">Google +</a>
# Linkedin
<a target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>" class="linkedin-button" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;">LinkedIn</a>
# Pinterest (en test), nécéssite une image à la une pour chaque article. Le plugin Auto Post Thumbnail (http://wordpress.org/plugins/auto-post-thumbnail/) peut vous aider si besoin.
<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a target="_blank" title="Pinterest" href="https://www.pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=350,width=850');return false;">Pinterest</a>
# Email
<a target="_blank" title="Envoyer par mail" href="mailto:?subject=<?php the_title(); ?>&body=<?php the_permalink(); ?>" rel="nofollow">Envoyer par mail</a>
</div>
# Boutons à afficher à droite
<div style="float:right;">
# Flattr - Pensez à adapter la variable user_id (PSEUDO) pour y mettre le nom de votre compte Flattr - L'icône est déjà encodée en base64
<a target="_blank" title="Flattr !" href="https://flattr.com/submit/auto?user_id=PSEUDO&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&description=<?php bloginfo('description'); ?>&language=fr_FR&tags=blog"&category=text class="flattr-button" rel="nofollow"><img src="data:image/png;base64,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" alt="Flattr !" border="0"></a>
</div>
# On empêche le contenu de remonter au niveau des boutons
<div style="clear:both"></div>