Boutons de partage dans WordPress sans plugin

Quelques lignes de code PHP suffisent pour ajouter à un site WordPress des boutons de partage sur les réseaux sociaux.
Pas besoin de plugin pour ce faire.

Le code que je mets à disposition, est simple à comprendre. Je me suis inspiré des innombrables tutoriels qu'on trouve sur le net. Le mien n'est qu'un de plus :-)

On créé donc une fonction qui va ajouter à la suite de l'article WordPress un bloc contenant les divers boutons de partage. Tout simplement !

Pour ma part, Facebook, Twitter et le partage par Email me suffisent. On peut en rajouter autant qu'on veut, mais personnellement je trouve que cela ne sert pas à grand chose.

Le code PHP de la fonction de partage

Ce code est à insérer dans le fichier functions.php du thème, ou mieux et de préférence dans le fichier functions.php du thème enfant.

<?php
/**
 * Boutons de partage
 * Mise à jour : 01/03/2022
 */
function nth_boutons_partage($content) {
    global $post;
	// tableau des ID de post/page à exclure
	$nth_pas_de_bouton = array(1820, 1682, 1187);
	if(is_singular() && !in_array(get_the_ID(), $nth_pas_de_bouton)) {
        // URL de la page en cours
        $nth_ShareURL = urlencode(get_permalink());
        // TITRE de la page en cours
        $nth_ShareTitle = urlencode(get_the_title());
        // IMAGE A LA UNE (si existe)
        if(has_post_thumbnail($post->ID)) {
            $nth_ShareThumbnail = wp_get_attachment_image_src(get_post_thumbnail_id( $post->ID ), 'full');
		}

        $twitterURL = esc_url( 'https://twitter.com/intent/tweet?text='.$nth_ShareTitle.'&amp;url='.$nth_ShareURL.'&amp;via=nonoweb56' );
        $facebookURL = esc_url( 'https://www.facebook.com/sharer/sharer.php?u='.$nth_ShareURL );
		$emailBody = "Bonjour ! Je voulais partager avec toi cet article interessant : ";
		$emailBody .= $nth_ShareURL;
        $emailShare = esc_url( 'mailto:?subject=Regarde cet article de nonoweb.net !&body='.$emailBody.'&amp;title='.$nth_ShareTitle );

		// ***************************

        $content .= '<div class="partage-reseaux-sociaux">';
		$content .= '<a title="Partager" class="partage-icon" href="'.$facebookURL.'" target="_blank" rel="nofollow"><i class="fa fa-facebook-square partage-icon-margin"></i></a>';
		$content .= '<a title="Twitter" class="partage-icon" href="'.$twitterURL.'" target="_blank" rel="nofollow"><i class="fa fa-twitter-square partage-icon-margin"></i></a>';
		$content .= '<a title="Email" class="partage-icon" href="'.$emailShare.'" target="_blank" rel="nofollow"><i class="fa fa-envelope"></i></a>';
        $content .= '</div>';

	}
    return $content;
};
add_filter( 'the_content', 'nth_boutons_partage');
?>

Je pense que le code se passe de commentaires.
Bien entendu à adapter suivant vos besoins et style css de votre site WordPress.

Pour ma part, pour les boutons, j'utilise les icônes de chez Font Awesome. Voir le résultat en dessous de l'article.

Mis à jour le : 01/03/2022 16:59

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Sélection smileys

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