Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment afficher le Twitter et le Facebook de l’auteur/autrice sur la page de profil

L’ajout de liens vers les médias sociaux à vos pages de profil d’auteur WordPress peut vous aider à vous connecter avec votre public sur différentes plateformes et à construire une présence en ligne plus forte. Bien que WordPress n’inclue pas de champs pour les profils de médias sociaux par défaut, il existe des moyens simples de les ajouter.

Chez WPBeginner, nous affichons des liens sociaux sur les pages de profil d’auteur depuis de nombreuses années. Nous avons constaté que cela crée un sentiment de communauté et d’engagement qui encourage nos lecteurs à se connecter avec nous sur d’autres plateformes.

Dans cet article, nous vous montrerons comment afficher facilement les liens des profils Twitter et Facebook de vos auteurs dans WordPress afin d’ajouter une touche personnelle à votre site.

How to Display Author's Twitter and Facebook on the Profile Page

Pourquoi afficher les profils Twitter et Facebook des auteurs/autrices sur votre site ?

Les plateformes de réseaux sociaux sont une source importante d’importation pour votre site WordPress. C’est pourquoi nous avons élaboré une antisèche sur les réseaux sociaux qui vous aidera à configurer vos profils de médias sociaux de la bonne manière.

Vos auteurs/autrices auront également leurs propres profils sociaux, et vous pouvez les afficher sur votre site pour asseoir votre crédibilité auprès de vos lecteurs et renforcer l’autorité de votre site.

Vos internautes pourront suivre leurs auteurs/autrices préférés sur les réseaux sociaux et découvrir plus rapidement les nouveaux articles sur votre site. Vous pouvez également ajouter leurs profils de réseaux sociaux au schéma de votre site, ce qui boostera le score de confiance de votre site sur Google et d’autres moteurs de recherche.

Ceci étant dit, voyons comment afficher les liens Twitter et Facebook d’une auteur/autrice sur sa page de profil utilisateur :

Certains des meilleurs thèmes WordPress affichent une boîte d’information sur l’auteur/autrice sous chaque article. Vous pouvez utiliser cette fonctionnalité pour afficher des liens simples vers les profils sociaux de vos auteurs/autrices.

Il vous suffit de vous rendre dans Utilisateurs  » Tous les utilisateurs dans votre panneau d’administration WordPress et de cliquer sur le nom de l’auteur ou sur le lien  » Modifier  » situé en dessous pour ouvrir la page Modifier l’utilisateur.

Click on a User in the All Users List

Ensuite, vous devez défiler jusqu’à la section « À propos de l’utilisateur » et rechercher la case « Informations biographiques ».

Si c’est le cas, c’est que votre thème dispose d’un support intégré pour une boîte d’auteur/autrice.

Adding HTML Social Links to the User Bio

Ici, vous pouvez saisir une description de l’auteur/autrice en utilisant du texte ou du HTML. Vous pouvez ajouter manuellement des liens HTML pour les URL des profils Twitter et Facebook de l’auteur/autrice comme ceci :

ADD BIO HERE. Follow them on <a href="https:/twitter.com/USERNAME">Twitter</a> and <a href="https://facebook.com/USERNAME">Facebook</a>.

Confirmez que vous ajoutez une courte biographie de l’auteur/autrice et modifiez le nom d'utilisateur (USERNAME) pour qu’il corresponde à ses véritables noms d’utilisateur Twitter et Facebook.

Une fois que vous avez terminé, n’oubliez pas de défiler jusqu’au bas de la page et de cliquer sur le bouton « Mettre à jour l’utilisateur » pour stocker vos Réglages.

Vous verrez désormais des liens Twitter et Facebook avec la bio de l’utilisateur sur les publications qu’il rédige. Voici ce que cela donne sur notre site de démonstration :

Preview of Author Bio with Twitter and Facebook Links

Méthode 2 : Affichage des Icônes Sociales avec une extension pour la Bio Box de l’auteur/autrice

Si votre thème n’affiche pas de boîte de bio d’auteur, ou si vous en voulez une qui soit plus personnalisable et qui affiche des icônes sociales au lieu de liens, alors vous pouvez utiliser une extension.

Simple Author Box est la meilleure extension gratuite de boîte de bio d’auteur. Il vous permet de personnaliser presque tous les aspects de votre boîte de bio d’auteur, y compris l’ajout de liens de médias sociaux pour vos auteurs/autrices.

Tout d’abord, vous devez installer et activer l’extension Simple Author Box. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Si vous voulez encore plus de fonctionnalités, alors il y a une version pro qui vous permet d’afficher une boîte d’auteur/autrice avant ou après le contenu, d’ajouter des liens de site, d’obtenir plus de styles d’icônes sociales, d’inclure des auteurs/autrices invités et des coauteurs, et plus encore. Voir notre Avis sur Simple Author Box pour plus de détails.

Dès son activation, l’extension ajoute des champs de réseaux sociaux à chaque profil d’utilisateur. Il suffit de se rendre sur la page Utilisateurs  » Tous les utilisateurs dans votre zone d’administration WordPress et de cliquer sur le nom de l’auteur/autrice ou sur le lien  » Modifier  » ci-dessous.

Click on a User in the All Users List

Astuce : Pour modifier rapidement votre propre profil d’utilisateur, vous pouvez accéder à la page Utilisateurs/utilisatrices  » Profil.

Lorsque vous défilez vers le bas du profil de l’auteur/autrice, vous remarquerez quelques nouveaux champs qui ont été ajoutés par l’extension Author Bio Box.

Défilez jusqu’à ce que vous voyiez la section libellée  » Liens vers les réseaux sociaux (boîte auteur simple) « . Vous devez alors sélectionner « Facebook » dans le menu déroulant, puis coller l’URL de leur profil Facebook dans le champ suivant.

Adding a Facebook Profile Using Author Bio Box

Vous pouvez maintenant cliquer sur le bouton libellé « + Ajouter une nouvelle plateforme sociale ».

Une nouvelle liste déroulante et un nouveau champ seront ajoutés pour vous permettre d’ajouter l’URL de leur Twitter.

Adding Facebook and Twitter Links Using Simple Author Box

Une fois que vous avez fait cela, assurez-vous de cliquer sur le bouton « Mettre à jour l’utilisateur » pour stocker vos Réglages.

Note : Ne vous inquiétez pas si les URL de Facebook et Twitter disparaissent après avoir cliqué sur le bouton. Au moment de la rédaction du présent document, un bogue mineur masque les URL, mais les réglages ont été enregistrés.

Désormais, les icônes Facebook et Twitter seront affichées avec le profil de l’auteur/autrice au bas de ses publications. En cliquant sur ces icônes, vos internautes accèderont à leurs profils sociaux, mais ces liens s’ouvriront dans la même fenêtre que votre blog WordPress.

Preview of Simple Author Box with Social Icons

Si vous préférez que les liens s’ouvrent dans un nouvel onglet, vous pouvez vous rendre sur la page Apparence  » Boîte d’auteur simple et cliquer sur l’onglet ‘Éléments’.

Une fois sur cette page, vous devez trouver l’option « Ouvrir les liens des icônes sociales dans un nouvel onglet » et la permuter sur la position « on ».

Open Simple Author Box Icons in a New Tab

Désormais, les profils sociaux de l’auteur/autrice s’ouvriront dans un nouvel onglet.

Méthode 3 : Affichage des icônes sociales pour les auteurs/autrices à l’aide d’un plugin de constructeur de page

Si vous souhaitez créer une page de profil d’auteur personnalisée avec des icônes sociales, des témoignages, des articles récents, des évaluations par étoiles, des carrousels d’images, et plus encore, nous vous recommandons d’utiliser une extension comme SeedProd.

SeedProd est la meilleure extension de constructeur de page par glisser-déposer pour WordPress. Il vous permet de créer facilement des thèmes WordPress personnalisés et des mises en page, aucun codage n’est nécessaire.

Tout d’abord, vous devez installer et activer l’extension SeedProd. Si vous avez besoin d’aide, consultez notre tutoriel sur l ‘installation d’une extension WordPress.

Note : Il existe une version gratuite de SeedProd. Cependant, vous aurez besoin de la version Pro pour créer une page auteur/autrice personnalisée.

Une fois l’extension activée, rendez-vous dans SeedProd  » Theme Constructeur depuis le tableau de bord WordPress et cliquez sur le bouton ‘Theme Templates Kit’.

Click on the Theme Templates Kit button

À partir de là, vous pouvez choisir l’un des kits de site prédéfinis de SeedProd.

Il suffit de survoler le dessin qui vous plaît et de cliquer sur l’icône de la coche pour le sélectionner.

Choose SeedProd website kit template

SeedProd importera ensuite le kit de site web, qui comprend tous les éléments du modèle dont vous avez besoin pour un site web, y compris la page d’accueil, la page du blog, la page à propos, et plus encore.

Vous pouvez personnaliser toutes ces pages en utilisant le constructeur de thème de SeedProd. Consultez notre guide sur la façon de créer un thème WordPress personnalisé pour plus de détails.

Ensuite, vous devez créer un nouveau modèle de page auteur/autrice en cliquant sur le bouton  » Ajouter un nouveau modèle de thème « .

Create author page template in SeedProd

Vous pouvez faire la même mise en page de page d’auteur pour tous les auteurs/autrices ou créer une page d’auteur unique pour chaque auteur/autrice spécifique. Pour des instructions étape par étape, consultez notre guide sur l ‘ajout d’une page de profil d’auteur personnalisée dans WordPress.

Une fois que vous avez créé un modèle de page d’auteur, vous pouvez commencer à le personnaliser. C’est facile en utilisant les blocs prêts à l’emploi de SeedProd que vous pouvez glisser et déposer sur la page.

Par exemple, vous pouvez ajouter des blocs tels que Titre, Texte, Image, Bio de l’auteur, Encadré de l’auteur, Publications, et plus encore pour présenter tout ce que vous voulez à propos d’un auteur.

Pour ajouter des profils sociaux à votre page de profil d’auteur/autrice, trouvez le bloc « Profils sociaux » sur la gauche et faites-le simplement glisser sur la page où vous souhaitez l’afficher.

Add the Social Profiles block to the author profile page

Par défaut, le bloc affiche des icônes de partage social pour Facebook, Twitter, Instagram et YouTube.

Ensuite, cliquez sur le module nouvellement ajouté pour ouvrir le panneau de modification de celui-ci. Ici, vous pouvez sélectionner de nouvelles plateformes de réseaux sociaux dans la liste déroulante.

Editing the Social Profiles block in SeedProd

Pour créer un bouton de profil de réseau social personnalisé, choisissez l’option  » Personnalisé  » dans la liste déroulante.

Cliquez ensuite sur l’icône en forme d’engrenage pour ouvrir les Réglages.

Create Custom social media profile icon

Désormais, vous pouvez choisir une icône de réseau social dans la Bibliothèque d’icônes intégrée à SeedProd.

Vous devez saisir l’URL de votre profil de réseau social.

Add social profile URL and choose icon

Vous pouvez également modifier la couleur, la taille, l’alignement et le style de l’icône, et définir des Réglages avancés. Lorsque vous avez fini de personnaliser, cliquez sur le bouton  » Enregistrer  » en haut de l’écran et quittez le constructeur de thème.

Enfin, vous devez activer le thème SeedProd pour publier votre page auteur/autrice personnalisée.

Pour ce faire, allez dans SeedProd  » Constructeur de thème. De là, trouvez le permuter ‘Enable SeedProd Theme’ et mettez-le sur la position ‘Yes’.

Enable SeedProd Theme

Maintenant, votre page de profil d’auteur/autrice personnalisé sera en direct sur votre site WordPress.

Méthode 4 : Ajout de profils sociaux au schéma de votre site pour le référencement

All in One SEO (AIOSEO) est l’extension WordPress SEO originale utilisée sur plus de 3 millions de sites. Il peut également ajouter des champs de profil social sur la page de profil de l’auteur/autrice.

Contrairement aux autres méthodes, celle-ci améliorera le référencement de votre site puisque l’AIOSEO ajoute ces profils sociaux au balisage du schéma de votre site.

Le problème est qu’AIOSEO ne les affiche pas automatiquement dans la bio de l’auteur/autrice. Mais ne vous inquiétez pas ; nous allons vous afficher comment le faire.

Pour ce tutoriel, nous utiliserons la version gratuite d’All in One SEO car elle vous permet d’ajouter des profils sociaux pour votre site et chaque utilisateur/utilisatrice. Cependant, AIOSEO Pro offre encore plus de fonctionnalités avant de vous aider à mieux vous classer dans les pages de résultats des moteurs de recherche.

La première chose à faire est d’installer l’extension gratuite All in One SEO Lite. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois l’extension AIOSEO configurée, vous devez vous rendre sur la page Utilisateurs  » Tous les utilisateurs, puis cliquer sur le nom de l’auteur ou sur le lien  » Modifier  » situé juste en dessous.

Click on a User in the All Users List

La page Modifier l’utilisateur s’ouvre alors pour cet auteur/autrice.

Notez que l’AIOSEO a ajouté un onglet Profils sociaux en haut de la page. Vous devez maintenant cliquer sur cet onglet.

All in One SEO Social Profiles Tab

Vous pouvez maintenant saisir l’URL des profils sociaux du compte dans les cases prévues à cet effet, par exemple :

https://facebook.com/johnsmith345
https://twitter.com/johnsmith345

Note : il ne suffit pas d’ajouter l’identifiant.

Sinon, si l’auteur/autrice utilise le même identifiant sur plusieurs réseaux sociaux, vous pouvez cliquer sur la case libellée  » Utiliser le même identifiant pour plusieurs réseaux sociaux « .

Quickly Adding Multiple Social Networks With Same Username

Vous pouvez ensuite taper cet identifiant et vérifier les réseaux sociaux sur lesquels il est utilisé. Pour les autres réseaux sociaux, vous pouvez simplement taper l’URL complète comme auparavant.

Une fois que vous avez terminé, cliquez sur le bouton « Mettre à jour l’utilisateur » en bas de la page pour stocker vos modifications.

Astuce : Si vous avez des profils Twitter et Facebook pour votre entreprise ou votre site, vous pouvez les ajouter au schéma de votre site de la même manière en visitant All in One SEO  » Réseaux sociaux et en ajoutant les liens dans l’onglet Profils sociaux.

Les profils de médias sociaux de l’auteur/autrice ont maintenant été ajoutés au schéma de votre site, ce qui aide les moteurs de recherche à mieux comprendre votre site. Mais ils ne sont pas encore affichés sur votre site.

Afficher les liens Twitter et Facebook de l’auteur/autrice de l’AIOSEO dans votre thème

Vous devez maintenant afficher ces champs sous forme de liens dans votre thème.

Si vous êtes un utilisateur avancé, alors vous pouvez afficher les liens des profils sociaux de All in One SEO en modifiant les fichiers de votre thème WordPress. Si vous n’avez jamais fait cela auparavant, alors consultez notre guide sur la façon de copier et coller du code dans WordPress.

Note : Si vous n’êtes pas familier avec la modification des fichiers du cœur de votre thème et l’ajout de code personnalisé, nous vous recommandons alors d’utiliser AIOSEO pour ajouter les profils sociaux au schéma de votre site, puis de les afficher sur votre site à l’aide de la méthode 1 ou de la méthode 2 ci-dessus.

Les utilisateurs/utilisatrices avancés peuvent ajouter le code suivant aux fichiers du thème où vous souhaitez afficher les liens du profil de l’auteur/autrice :

<?php
$twitter = get_the_author_meta( 'aioseo_twitter', $post->post_author );
$facebook = get_the_author_meta( 'aioseo_facebook', $post->post_author );
echo '<a href="' . $twitter .'" rel="nofollow" target="_blank">Twitter</a> | <a href="'. $facebook .'" rel="nofollow" target="_blank">Facebook</a>';
?>

Enregistrez vos modifications et voyez une publication sur votre site.

Voici ce que cela donne sur notre site de démonstration. Nous avons ajouté l’extrait de code au fichier biography.php dans le dossier template-parts du thème Twenty Sixteen.

Displaying AIOSEO Social Profiles in Your Theme Using Code

Alternative : Afficher les liens Twitter et Facebook des auteurs/autrices avec le module SEO d’AIOSEO

Si vous utilisez AIOSEO Pro, vous aurez accès au puissant module de référencement des auteurs/autrices. Il vous aide à améliorer vos signaux E-E-A-T de Google en démontrant l’expérience, l’autorité et la fiabilité dans votre balisage de schéma et vos bios d’auteur.

En outre, contrairement à la version gratuite de l’extension, vous pouvez afficher automatiquement des liens Twitter et Facebook dans les biographies de vos auteurs/autrices.

Une fois l’extension Pro activée, il suffit de passer par Utilisateurs  » Tous les utilisateurs dans le tableau de bord WordPress.

Cliquez ensuite sur le lien « Modifier » situé sous le nom de l’auteur/autrice.

Edit a user profile in WordPress

Cliquez ensuite sur l’onglet Référencement des auteurs/autrices en haut de la page.

La page de référencement de l’auteur s’ouvrira et vous pourrez y ajouter des détails sur l’auteur.

Click on the Author SEO tab

Tout d’abord, assurez-vous que le commutateur « Activer les informations sur l’auteur » est en position « Activé ».

Ensuite, vous pouvez ajouter des détails tels que la formation, l’employeur, l’intitulé du poste, les domaines d’expertise, et plus encore, pour valider vos signaux E-E-A-T.

Add author information for E-E-A-T

Vous pouvez également ajouter une image de l’auteur, un extrait de l’auteur et une biographie complète de l’auteur.

Vous pouvez consulter notre guide sur la rédaction d’une bio d’auteur/autrice.

Add author bio and image

Ensuite, vous pouvez défiler jusqu’au bas de la page pour ajouter les URL de profil pour Facebook et Twitter.

Vous pouvez également ajouter des URL pour Instagram, TikTok, YouTube, Pinterest et bien plus encore.

Add Twitter and Facebook profile URLs in Author SEO

Ensuite, basculez le commutateur pour activer l’option Ajouter la bio de l’auteur aux publications.

Cette option permet d’afficher automatiquement une bio compacte de l’auteur/autrice sur toutes les publications rédigées par le compte.

Enable or disable Append Author Bio to Posts setting

Lorsque vous avez terminé de remplir la page de référencement de l’auteur, cliquez sur le bouton « Mettre à jour l’utilisateur » pour stocker vos modifications.

Désormais, vous pouvez visiter une publication pour voir votre bio d’auteur avec les liens de réseaux sociaux en action. Voici ce que cela donne sur notre site de démonstration :

Example of Facebook and Twitter links in AIOSEO author bio

Guides d’experts sur les auteurs/autrices WordPress

Maintenant que vous savez comment afficher les profils sociaux de l’auteur/autrice, vous aimerez peut-être consulter d’autres guides liés aux auteurs/autrices WordPress :

Nous espérons que cet article vous a aidé à apprendre comment afficher les liens des profils Twitter et Facebook de l’auteur/autrice dans WordPress. Vous pouvez également consulter notre guide sur la façon d’afficher les tweets récents ou nos choix d’experts pour les meilleures extensions de galerie vidéo YouTube pour WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

23 commentairesLaisser une réponse

  1. beto

    How can I display that on mobile versions ????

    • WPBeginner Support

      If it is being removed on mobile versions then you would want to reach out to the support for your specific theme for assistance.

      Administrateur

  2. Manoj Solanki

    How to disable the theme author box to use this plugin ?

  3. Brandie

    How can users add their social media links themselves?

    Right now I can add it for my authors, but they cannot edit it themselves.

  4. Ricardo Martins

    Hi! I’m from Brazil! You frequently help me! Thank you!

    So… I did not have success to add Facebook on my Author Box. Could you help me?

    My Instagram and my website are showing, but Facebook not.

  5. Touraj Aminfar

    Very goood and useful , thanks

  6. Abdelrahman Helmi

    How to make it visual icons??

    • BImal

      Can anyone give better explanation?

  7. Vito

    I would like to apply this to the page of the publication of the post, and insert text tags for each post. similar to the custom fields but with this style is that possible?

    Thanks

  8. Aamir

    i am trying to include author google plus profile link in the template..
    i have successfully added custum field to add google plus link in user profile of evry author but not able to include in the template …
    i am using headway v3 ..
    as its not posiible to edit files like author.php in headway i tried inserting the code directly in postpages by creating a Custum Code block but GooglePLus; ?> does not work…
    please help..

  9. stephane.falzon

    I try but it did not work and now it’s good. I do not understand why, but thx.

  10. thegooch

    What is the plugin’s name? I’d like to use it

  11. rayne

    How do I add a dropdown instead of a text field?

    • Editorial Staff

      For that you would have to write a mini-plugin calling the function and telling it to add the dropdown box.

      Administrateur

  12. Enk.

    A little more in details, how can we get it working like we only write ‘wpbeginner’ in fields and it links automatically ?

  13. Luke

    Thank you for this.

    Stupid question: What’s the code if you want to show only the info that’s displayed in user profile.

    For example, when I add these in the user profile and don’t enter data, it still shows the icon.

      • Nicole

        Could you elaborate on how to write the if then statement for this?

        • Editorial Staff

          If / Then statement are basics of PHP. This tutorial was added for developers. We would recommend looking at the PHP Tutorials site.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.