Il existe des dizaines de plugins gratuits et payants pour afficher un bouton de partage Facebook au pied de vos articles WordPress. Citons par exemple WarFare qui propose un plugin complet en version gratuite ou pro. Je l’ai installé sur un de mes sites et j’ai très vite déchanté, puis j’ai dû le désactiver. Pourquoi ? Problème d’incompatibilité avec d’autres plugins. En effet la plupart des modules de bouton de partage Facebook (et autres réseaux sociaux) proposent des tonnes de réglages et de possibilités. Positions et couleurs des boutons, etc. C’est super mais c’est lourd et ça charge des tas de fichiers javascript que je trouve inutiles dès lors que mon ambition est seulement d’afficher un bouton de partage Facebook au pied (ou en tête) de mes articles ou pages.
Un petit plugin qui fait le job
Voici le code d’un petit plugin qui affiche un bouton de partage Facebook où vous vous voulez. IL ne possède pas de paramétrage backoffice et le fichier ne pèse que…1,75 Ko !
Pas de javascript ni de style css à charger, le bouton est bleu façon Bootstrap, sans fioriture.
Par contre, j’y ai ajouté une fonctionnalité dont j’avais besoin : la récupération des paramètres d’URL. Sur un de mes sites j’utilise un paramètre dans l’URL de mes articles ou pages, du style https://mon-site.fr/mon-article/?part=92 tout simplement parce que j’ai un un formulaire en bas de page avec champ caché qui récupère la valeur du paramètre “part”.
Bien entendu, si vous n’avez pas de paramètre d’URL, le plugin fonctionne aussi.
Le plugin Facebook Share Button pour le bouton de partage Facebook
<?php
/*
Plugin Name: Facebook Share Button
Description: Ajoute un bouton de partage Facebook au pied d'un article via un shortcode.
Version: 1.0
Author: Renaud WP-Codes
Author URI: https://wp-codes.fr
License: GPL2
*/
// Assure-toi que le fichier est appelé par WordPress
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
// Fonction pour générer le bouton de partage Facebook
function fb_share_button_shortcode( $atts ) {
// Récupère l'URL de l'article courant
$current_url = get_permalink();
// Ajoute les paramètres d'URL si présents
if ( isset( $_SERVER['QUERY_STRING'] ) && ! empty( $_SERVER['QUERY_STRING'] ) ) {
$current_url .= '?' . sanitize_text_field( $_SERVER['QUERY_STRING'] );
}
// Bouton de partage Facebook
$button_html = '<div class="fb-share-button" style="margin-top: 20px;">';
$button_html .= '<a href="https://www.facebook.com/sharer/sharer.php?u=' . esc_url( $current_url ) . '" target="_blank" rel="noopener" style="text-decoration: none; padding: 10px; background-color: #1877F2; color: white; border-radius: 5px; display: inline-block;">';//modifiez le style ici pour changer l'apparence du bouton
$button_html .= 'Partager sur Facebook';// Modifiez ici pour changer le texte du bouton
$button_html .= '</a>';
$button_html .= '</div>';
return $button_html;
}
// Ajoute le shortcode [facebook_share_button]
add_shortcode( 'facebook_share_button', 'fb_share_button_shortcode' );
// Optionnel : Ajouter automatiquement le bouton en bas de chaque article
function fb_share_button_auto( $content ) {
if ( is_single() ) {
$content .= do_shortcode( '[facebook_share_button]' );
}
return $content;
}
add_filter( 'the_content', 'fb_share_button_auto' );
//commentez la ligne ci-dessus pour ne pas l'afficher systématiquement au pied de vos pages et articles
Et c’est tout ! Vous pouvez changer le style du bouton en intervenant directement dans le code (voyez les commentaires). Ensuite vous l’utilisez de 2 façons :
- En insérant le shortcode [facebook-share-button] où vous le souhaitez sur votre page ou article. Dans ce cas commentez la ligne 45 du fichier.
- Sans le shortcode, grâce justement à la ligne 45, le plugin va systématiquement ajouter le bouton de partage Facebook au pied de vos publications avec le filtre the_content.
Téléchargez le plugin Facebook Share Button
Pour installer ce petit plugin de bouton de partage Facebook, copiez le code ci-dessus dans un fichier facebook-share-button.php et placez le dans votre dossier wp-content/plugins via FTP ou téléchargez le dossier zippé en cliquant sur le bouton ci-dessous et installez le normalement via l’installateur WordPress.