WordPress
time_read26mn de lecture

Comment ajouter des notes de bas de page dans WordPress ?

28 mai 2023

Comment ajouter des notes de bas de page dans WordPress ?

L’ajout des notes de bas de page est utile lorsque vous envisagez d’évoquer des sources d’information externes dans le but de crédibiliser vos propos. De plus, en consultant ces différentes sources que vous mentionnez dans les notes de bas de page, les lecteurs peuvent approfondir davantage leurs connaissances sur des faits cités dans votre publication.🤭

Et ajouter des notes de bas de page dans WordPress n’est pas difficile. Vous pouvez pour cela utiliser du HTML ou encore un plugin si vous souhaitez le faire rapidement.

Objectif

Si vous êtes l’un de ces utilisateurs WordPress à se poser la question de savoir comment ajouter des notes de bas de page dans WordPress, alors cet article est pour vous. Nous allons détailler deux méthodes que vous pouvez utiliser.🤫

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Prérequis

En lisant cet article, nous supposons que vous êtes administrateur, éditeur ou auteur avec tous les droits de modification de contenus sur WordPress. C’est l’exigence à respecter si vous envisagez d’ajouter des notes de bas de pages dans WordPress.

Comment ajouter des notes de bas de page dans WordPress ?

Que vous vous voudriez donner de la crédibilité à votre article en citant des sources d’information supplémentaires ou simplement rendre vos articles plus informatifs, ajouter des notes de bas de page dans WordPress est relativement très simple.

Il existe, pour cela, deux méthodes que vous pouvez utiliser : celle qui exige de manipuler du code HTML ou celle qui utilise un plugin.

Voyons comment vous devez procéder avec chaque méthode.

Méthode 1 : utiliser un plugin pour ajouter des notes de bas de page dans WordPress

La première méthode consiste à utiliser un plugin. Elle est la plus recommandée si vous n’êtes pas à l’aise avec du code HTML. Mais, c’est également la méthode la plus rapide, car une fois que vous avez configuré un plugin dédié, vous pouvez ajouter des notes de bas de page dans vos articles en quelques clics seulement.

Et pour procéder, le plugin le mieux connu est sans doute Modern Footnotes. Ainsi, connectez-vous à votre espace d’administration puis accédez à la section « Extensions › ajouter ».

Dans la bibliothèque d’extensions WordPress, recherchez et installez le plugin « Modern Footnotes ». N’hésitez pas à utiliser la barre de recherche pour le retrouver facilement.Installer le plugin Modern Footnotes sur WordPress Après l’étape d’installation, le plugin est déjà opérationnel dans votre éditeur de contenus. Vous pouvez cependant modifier ses paramètres pour personnaliser davantage l’affichage de notes de bas de page dans vos articles.

Si vous envisagez cela, ouvrez la section « Réglages › Modern Footnotes ».Réglages du plugin Modern Footnotes

Sur la page suivante, vous avez la possibilité de modifier l’affichage de vos notes de bas de page. Choisissez un mode d’affichage parmi les trois qui vous sont présentés.

Vous avez ensuite une multitude d’autres options à configurer en fonction de vos besoins. Une fois que vous avez terminé, enregistrez vos modifications.Modifier l'affichage de notes de bas de page sur WordPress avec Modern Footnotes

Ajouter des notes de bas de page dans l’éditeur classique

Pour ajouter des notes de bas de page dans l’éditeur classique, ouvrez n’importe quelle page ou publication dans celle-ci. Rendez-vous à l’endroit où vous souhaitez ajouter votre note de bas de page et sélectionnez le mot ou l’expression qui doit rediriger les visiteurs vers le bas de page.

Puis cliquez sur le bouton d’ajout des notes de bas de page du plugin Modern Footnotes représenté sur la barre d’outils par la lettre F avec l’exposant.Ajouter des notes de bas de page dans l'éditeur classique avec le plugin Modern Footnotes

Le mot ou l’expression sélectionnée sera automatiquement encadré dans un code court.Ajouter une note de bas de pages dans WordPress avec l'éditeur classique

Une fois que vous avez terminé, n’oubliez pas d’enregistrer les modifications. Ensuite, ouvrez votre publication en direct pour apprécier les changements.Notes de bas de page dans WordPress

Ajouter une note de bas de page dans l’éditeur Gutenberg avec l’extension Modern Footnotes

La façon d’ajouter des notes de bas de page dans l’éditeur Gutenberg est également plus simple. Pour commencer, ouvrez la publication ou la page où vous souhaitez ajouter des notes de bas de page dans l’interface d’édition de Gutenberg.

Rendez-vous ensuite à l’emplacement où vous voulez ajouter la note de bas de page, puis sélectionnez le mot ou la phrase concernée et déroulez les options de personnalisation du bloc.Sélectionner un mot pour ajouter une note de bas de page dans Gutenberg Ensuite, cliquez sur l’option « Add a Footnotes ».Ajouter une note de bas de page dans Gutenberg via Modern Footnotes

Une fois que vous avez sélectionné cette option, une note de bas de page est automatiquement ajoutée sur le mot choisi.

À la différence avec l’éditeur classique, dans l’éditeur Gutenberg, il n’y a pas un code court qui encadre le mot qui renvoie vers le bas de page. Cependant, vous allez remarquer la mention « Footnotes » à côté du mot concerné. Tout s’est alors bien déroulé, votre note de bas de page a été ajoutée.Terminer l'ajout d'une note de bas de page dans l'éditeur Gutenberg avec Modern Footnotes

Une fois que vous avez terminé, mettez à jour votre publication. Il ne vous reste qu’à prévisualiser votre note de bas de page.Prévisualisation de la note de bas de page dans l'éditeur GutenbergModern Footnotes peut automatiquement ajouter une liste de sources supplémentaires à consulter par les lecteurs au bas de votre publication si vous avez activé cette option lors de sa configuration.Liste de notes de bas de page de Modern Footnotes

Méthode 2 : ajouter des notes de bas de page avec du code HTML

Avant de commencer, nous devons préciser que cette méthode est utilisée uniquement dans l’éditeur de blocs. Ainsi, pour commencer, ouvrez la publication que vous souhaitez modifier dans l’éditeur Gutenberg ou créer en une nouvelle.

Ensuite, rendez-vous à l’endroit où vous souhaitez ajouter un numéro de la note de bas de page, déroulez les options du bloc et cliquez sur l’option « X² exposant ».Sélectionner l'emplacement de notes de bas de page dans l'éditeur Gutenberg Un numéro est automatiquement ajouté sur le bloc.Numéro indicateur de notes de bas de page

Vous pouvez répéter la procédure pour tous les blocs où vous souhaitez ajouter une note de bas de page.

Ajouter un numéro indicateur de notes de bas de page sur n'importe quel bloc de l'éditeur GutenbergUne fois que vous avez terminé d’ajouter les numéros des notes de bas de page, vous devez maintenant créer une liste de sources au bas de votre publication. C’est à cette liste que seront redirigés les lecteurs qui cliquent sur un numéro de notes de bas de page dans votre publication.

Ainsi, rendez-vous au bas de la publication et cliquez sur le bouton « + ».Ajouter un élément titre dans un bloc Gutenberg Recherchez et ajoutez l’élément “Titre” dans l’interface qui s’affiche. Ce titre doit être soit une bibliographie, les références ou encore les notes de bas de page pour indiquer clairement aux lecteurs de quoi il s’agit.Élément titre de l'éditeur Gutenberg

Vous pouvez ensuite créer une liste de sources sous ce titre.

Une fois que vous avez terminé, cliquez sur le titre, accédez aux paramètres avancés et rendez-vous dans le champ « Ancre HTML ». Ajoutez l’expression « Notes de bas de page » sans laisser aucun espace entre les mots comme sur l’image ci-dessous.Ajouter une ancre HTML sur le titre de notes de bas de page

Par la suite, vous devez créer des liens qui redirigent vers cette section. Rendez-vous sur l’un des numéros que vous avez ajoutés dans votre publication, sélectionnez-le, puis cliquez sur l’icône de lien situé sur la barre du bloc.Lien de redirection vers les notes de bas de page

Dans le champ qui s’affiche, insérez l’ancre HTML que vous avez définie précédemment, précédé du symbole « # ». Une fois que vous avez terminé, cliquez sur la flèche « Enter ».Ajouter des notes de bas de page dans WordPress avec du HTML Terminez vos modifications en mettant à jour ou en publiant votre article. Il ne vous reste qu’à prévisualiser les modifications. Prévisualiser une note de bas de page ajouté avec du HTML dans l'éditeur GutenbergSi tout s’est passé correctement, tous les lecteurs cliquant sur un numéro inséré dans la publication seront redirigés vers le bas de la publication afin de consulter la source relative.Notes de bas de page ajoutées avec Gutenberg

Conclusion

Ajouter des notes de bas de page peut apporter de la crédibilité à votre publication ou la rendre plus informative. Nous avons montré dans cet article comment vous devez les ajouter dans vos publications avec du HTML ou avec un plugin. Choisissez une méthode qui vous semble simple et lancez-vous sans plus attendre.🤗

Nous espérons que cet article a répondu à toutes vos questions sur la façon d’ajouter des notes de bas de page dans WordPress. Mais si cela n’est pas le cas, n’hésitez pas à nous écrire dans la section Commentaires.

Besoin d’un hébergeur pour votre site ?

LWS vous conseille sa formule d’hébergement web en promotion à -25% (offre à partir de 1,49€ par mois au lieu de 1,99 €). Non seulement les performances sont au rendez-vous mais vous profitez d’un support exceptionnel.

Découvrir l’offre

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.