Rendre WordPress plus social sans plugin

Rendre WordPress plus social sans plugin

Dans cet article, je vous propose quelques astuces pour rendre votre site ou votre blog sous WordPress plus social sans avoir à installer des plugins, pour plus de rapidité et d’efficacité.

Afficher des boutons de partage

Facebook et Twitter

Si vous souhaitez afficher des boutons de partage Facebook et Twitter à la fin de vos articles, vous n’avez plus qu’à copier-coller ce bout de code dans votre fichier functions.php :

function share_this($content){
if(!is_feed() && !is_home()) {
$content .= '<div>
<a href="http://twitter.com/share"
class="twitter-share-button"
data-count="horizontal">Tweet</a>
<script type="text/javascript"
src="https://platform.twitter.com/widgets.js"></script>
<div>
<iframe
src="https://www.facebook.com/plugins/like.php?href='.
urlencode(get_permalink($post->ID))
.'&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=like&amp;colorscheme=light&amp;height=21"
scrolling="no" frameborder="0" style="border:none;
overflow:hidden; width:200px; height:21px;"
allowTransparency="true"></iframe>
</div>
</div>';
}
return $content;
}
add_action('the_content', 'share_this');

Astuce trouvée sur wprecipes.com.

Linkedin

Pour avoir un bouton de partage Linkedin, il faudra placer ce bout de code dans votre fichier single.php :

<script type="text/javascript" src="https://platform.linkedin.com/in.js"></script><script type="in/share" data-url="<? the_permalink(); ?>" data-counter="top"></script>

Si vous souhaitez avoir votre bouton après l’affichage du contenu, vous devrez le placer après cette ligne : <?php the_content() ?>.

Astuce trouvée sur wpsnipp.com.

Pinterest

Si vous souhaitez un bouton de partage Pinterest “Pin it!”, alors placez ce bout de code là où vous souhaitez avoir votre bouton :

<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); if ( has_post_thumbnail() ) { ?>&media=<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail' ); echo $thumb['0']; } ?>&description=<?php the_title(); ?>" count-layout="horizontal">Pin It</a>

Puis, vous devrez placer ce code dans votre fichier footer.php :

<script type="text/javascript" src="https://assets.pinterest.com/js/pinit.js"></script>

Astuce trouvée sur marketingtechblog.com et éditée pour afficher une image uniquement si il existe une image à la une.

Afficher ses activités récentes

Twitter

Pour afficher vos derniers tweets sur votre site/blog WordPress, il existe une multitude de plugins le permettant mais cela n’est pas nécessaire. Ce bout de code suffit amplement :

<?php
include_once(ABSPATH . WPINC . '/feed.php');
$rss = fetch_feed('https://api.twitter.com/1/statuses/user_timeline.rss?screen_name=webandseo'); // Remplacer webandseo par votre pseudo
$maxitems = $rss->get_item_quantity(3); // Remplacer $maxitems par le nombre maximum de tweets à afficher
$rss_items = $rss->get_items(0, $maxitems);
?>
<ul>
<?php if ($maxitems == 0) echo '<li>Aucun tweet r&eacute;cent.</li>';
else
foreach ( $rss_items as $item ) : ?>
<li>
<a href='<?php echo $item->get_permalink(); ?>'>
<?php echo $item->get_title(); ?>
</a>
</li>
<?php endforeach; ?>
</ul>

Vous pourrez le placer où vous le souhaitez dans votre code. N’oubliez pas de changer le pseudo à la ligne 3 et le nombre maximum de tweets à afficher ligne 5, remplacez $maxitems par le nombre de tweets que vous souhaitez.

Astuce trouvée sur smashingmagazine.com.

Rendre son contenu plus lisible

Créé par Facebook, le protocole Open Graph permet de rendre le contenu de vos pages mieux lisible pour les réseaux sociaux. Peut-être avez-vous déjà remarqué que lorsqu’on partage des articles sur Facebook (en renseignant une URL ou en cliquant sur un bouton de partage), ceux-ci pouvaient avoir du mal à interpréter les informations, c’est parce certains sites sont difficilement lisibles pour les réseaux sociaux. Si vous rencontrez ce problème sur votre site/blog, voici la solution :

1. Coller ce code dans votre fichier functions.php :

<?php
function wptuts_opengraph_for_posts() {
if ( is_singular() ) {
global $post;
setup_postdata( $post );
$output = '<meta property="og:type" content="article" />' . "\n";
$output .= '<meta property="og:title" content="' . esc_attr( get_the_title() ) . '" />' . "\n";
$output .= '<meta property="og:url" content="' . get_permalink() . '" />' . "\n";
$output .= '<meta property="og:description" content="' . esc_attr( get_the_excerpt() ) . '" />' . "\n";
if ( has_post_thumbnail() ) {
$imgsrc = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
$output .= '<meta property="og:image" content="' . $imgsrc[0] . '" />' . "\n";
}
echo $output;
}
}
add_action( 'wp_head', 'wptuts_opengraph_for_posts' );
?>

2. Éditer votre balise <html> par ce code (dans header.php) :

<html <?php language_attributes(); ?> prefix="og: http://ogp.me/ns#">

Cet exemple vous permettra de renseigner le titre, l’extrait de l’article, son URL et l’image à la une. Si vous souhaitez en savoir plus sur l’Open Graph, rendez-vous sur le site officiel : ogp.me. Si vous utilisez déjà le plugin Jetpack, vous n’aurez pas besoin de mettre en place ce code car sa fonctionnalité Publicize prend en compte l’Open Graph.

Astuce trouvée sur tutsplus.com.

Voila tout pour aujourd’hui, j’espère que ces quelques snippets pourront servir et rendre votre WordPress plus social, rapide et parlant pour les réseaux sociaux. Si vous aussi vous avez des snippets intéressants à partager, toujours liés aux réseaux sociaux, n’hésitez pas à les partager en commentaire !

Derniers commentaires
  1. blograma
  2. InvestMan
  3. John
  4. Maximilien Labadie
  5. Alain
  6. flexman
  7. anthony
  8. Maximilien Labadie
  9. Harmony Com
  10. Eric
  11. Pierre
  12. Elie
  13. Pierre
  14. fatima
  15. Cerbere
  16. adam
  17. Sylvie
  18. Mathieu
  19. Bruno
  20. Yannick
  21. Sarah
  22. SteveJ
  23. BandC
  24. Lucho
  25. France-Anne Blanchet
  26. Sylvain
    • Maximilien Labadie
  27. Sylvain
  28. Mike

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Do NOT follow this link or you will be banned from the site!