Comment ajouter des notes de bas de page simples et élégantes dans vos publications de blog WordPress

Voulez-vous ajouter des notes de bas de page à vos publications de blog WordPress ?

Si vous rédigez un article qui fait référence à des recherches ou qui contient beaucoup d’informations complexes, vous pouvez utiliser des notes de bas de page dans votre contenu. Il s’agit de petites marques numérotées dans un texte qui fournissent un contexte supplémentaire à une phrase ou à un paragraphe.

Dans cet article, nous allons vous afficher comment ajouter des notes de bas de page simples et élégantes à vos publications de blog WordPress, étape par étape.

Pourquoi ajouter des notes de bas de page à vos publications de blog WordPress ?

Si vous tenez un blog éducatif, si vous publiez des travaux de recherche ou si vous couvrez des stories, les notes de bas de page sont un excellent moyen de donner plus de contexte à votre contenu. Vous pouvez les utiliser pour commenter, mettre en évidence des faits importants ou insérer des citations de sources académiques sur votre site.

Une note de bas de page apparaît généralement sous la forme d’un petit numéro en exposant dans le corps du texte. Le contenu de la note de bas de page est ensuite placé en bas de page ou apparaît sous forme d’infobulle pour le distinguer du contenu principal.

En voici un exemple :

En plus d’apporter de la clarté et de la transparence à vos lecteurs, les notes de bas de page peuvent donner à votre site WordPress un aspect plus professionnel et digne de confiance. Elles affichent que vous avez fait des recherches et que vous disposez des sources pour supporter vos affirmations.

L’éditeur WordPress.org dispose désormais d’une fonctionnalité intégrée de notes de bas de page que vous pouvez facilement utiliser pour ajouter du contexte.

Ce guide vous affichera comment ajouter des notes de bas de page WordPress à vos publications ou pages de blog en utilisant deux méthodes. L’une consiste à utiliser le bloc Notes de bas de page dans l’éditeur Gutenberg, et l’autre à utiliser une extension.

Vous pouvez utiliser les liens ci-dessous pour passer à une méthode spécifique :

Méthode 1 : ajouter des notes de bas de page WordPress avec l’éditeur Gutenberg.

Cette méthode convient mieux aux personnes qui souhaitent utiliser des notes de bas de page simples et qui ne veulent pas installer une extension à cet effet.

Pour utiliser le bloc WordPress Footnotes, vous devrez ouvrir l’éditeur de blocs Gutenberg pour une nouvelle publication ou une page existante.

Il vous suffit ensuite de mettre en surbrillance le mot de votre contenu auquel vous souhaitez ajouter une note de bas de page. Dans la barre d’outils du bloc, cliquez sur la flèche déroulante et sélectionnez « Note de bas de page ».

Vous êtes maintenant redirigé vers le bas de la page, où le bloc Notes de bas de page a été ajouté automatiquement. Vous pouvez y saisir vos informations supplémentaires.

En outre, vous pouvez personnaliser la couleur, la typographie, les dimensions et la bordure du bloc à l’aide des Réglages du panneau de droite.

N’hésitez pas à répéter cette étape pour inclure autant de notes de bas de page que nécessaire.

Lorsque vous prévisualisez votre site WordPress, un lien de note de bas de page devrait apparaître vers la phrase que vous avez mise en évidence plus tôt.

Si vous cliquez sur l’hyperlien, vous accéderez au bas de la page contenant la note de bas de page.

Ici, vous pouvez également cliquer sur la flèche en hyperlien pour revenir à la section où la note de bas de page est assignée.

Bien que cette méthode soit assez simple pour les débutants, elle n’offre pas des tonnes d’options de personnalisation. Si vous cherchez d’autres moyens de modifier l’Apparence des notes de bas de page, passez à la méthode suivante.

Méthode 2 : Ajouter des notes de bas de page WordPress avec une extension

Une autre méthode de création de notes de bas de page consiste à utiliser l’extension gratuite Modern Footnotes. Contrairement au bloc Footnotes, il offre beaucoup plus d’options pour modifier l’apparence des notes de bas de page.

Par exemple, vous pouvez faire apparaître la note de bas de page sous forme d’infobulle, ainsi que des informations supplémentaires en bas de page.

La première chose à faire est d’installer l’extension Modern Footnotes. En savoir plus sur l’installation d’un plugin, consultez notre guide sur l’installation d’un plugin WordPress.

Définir les réglages de l’extension Modern Footnotes

Une fois l’extension définie, vous pouvez aller dans Réglages  » Modern Footnotes« . C’est ici que vous pouvez configurer les paramètres des notes de bas de page selon vos préférences.

Examinons chaque réglage l’un après l’autre.

Comportement de la note de bas de page sur ordinateur de bureau » vous permet de sélectionner le comportement de la note de bas de page lorsque le site est vu sur un ordinateur de bureau.

La note de bas de page peut apparaître lorsqu’un curseur survole l’infobulle ou lorsque l’utilisateur clique sur l’infobulle. La note de bas de page peut également se déplier sous le texte de la note.

Le choix de l’une ou l’autre est fonction de vos préférences. Cela dit, la note de bas de page se dépliera sous le texte par défaut sur les écrans mobiles.

En outre, vous pouvez également cocher la case « Faire apparaître le contenu de la note de bas de page dans l’infobulle native du navigateur lorsque le curseur survole le numéro de la note de bas de page » si nécessaire. Cela signifie que la note de bas de page apparaîtra dans l’infobulle du navigateur plutôt que dans celle de l’extension lorsque le curseur survolera le texte.

Nous vous recommandons d’inactif ce Réglage si vous choisissez l’option infobulle pour le comportement de la note de bas de page sur le bureau. Sinon, vous aurez deux infobulles pour la même note de bas de page, ce que les lecteurs peuvent trouver ennuyeux.

Ci-dessous, vous pouvez également choisir d’afficher la liste des notes de bas de page au bas des publications. De cette façon, le Lecteur peut voir toutes les informations complémentaires en un seul endroit.

Vous pouvez également activer cette fonctionnalité lorsque la publication en avant du blog est syndiquée par le biais de flux RSS.

En défilant vers le bas, vous pouvez opter pour l’insertion d’un Titre pour votre liste de notes de bas de page et choisir un identifiant de titre pour celui-ci. Cela aide à séparer le contenu réel de votre publication de blog des notes de bas de page. Vous pouvez écrire quelque chose comme Références, Notes de bas de page, Citations ou Informations complémentaires.

Si vous souhaitez ajouter un CSS personnalisé pour modifier le texte de la note de bas de page, n’hésitez pas à l’insérer dans le champ « Modern Footnote Custom CSS ».

Dernière chose, mais non des moindres, vous pouvez personnaliser le shortcode Modern Footnotes si vous ne souhaitez pas utiliser la version intégrée. Confirmez/saisie du code court sans les crochets.

Une fois que vous êtes satisfait des réglages, cliquez sur « Enregistrer les modifications ».

Ajout de notes de bas de page à l’aide de l’extension Modern Footnotes

Maintenant que vous avez défini les Réglages des notes de bas de page modernes, nous allons insérer des notes de bas de page dans votre contenu. Ouvrez l’éditeur de blocs d’une nouvelle publication ou d’une page existante.

Il y a deux façons d’ajouter une note de bas de page. La première consiste à utiliser un code court, ce que nous recommandons.

Tout d’abord, trouvez la phrase dans laquelle vous souhaitez insérer une note de bas de page. Ensuite, juste à côté de cette phrase, tapez le code court suivant :

[mfn]Insérez votre note de bas de page ici[/mfn]

Confirmez vous-même que vous avez remplacé le texte entre les crochets par vos informations.

Nous suggérons également de placer le code court dans le même bloc que la phrase, juste à côté du texte, sans espace entre les deux, comme dans l’exemple ci-dessous. Sinon, la note de bas de page peut sembler déconnectée du texte.

L’autre méthode consiste à taper le texte de la note de bas de page à côté de la phrase à laquelle vous souhaitez l’ajouter. Confirmez-vous qu’il n’y a aucun espace entre le texte de la note de bas de page et la phrase.

Dans l’exemple ci-dessous, nous voulons ajouter une note de bas de page contenant une citation académique pour la phrase qui commence par  » Des études suggèrent…

Ensuite, mettez la note de bas de page en surbrillance et cliquez sur la flèche vers le bas dans la barre d’outils. Sélectionnez ensuite « Ajouter une note de bas de page ».

L’inconvénient de la seconde méthode est qu’il peut être difficile de savoir quelles lignes de texte ont reçu une note de bas de page et lesquelles n’en ont pas reçu lorsque vous modifiez le contenu. C’est pourquoi nous recommandons la méthode du code court.

Lorsque vous prévisualisez la publication du blog, vous verrez qu’il y a maintenant un numéro à côté de la phrase. Si vous utilisez l’option d’infobulle, voici à quoi ressemblera la note de bas de page :

En revanche, la note de bas de page apparaîtra sous le texte si vous utilisez la mise en forme dépliante.

Voici à quoi cela ressemble lorsque vous cliquez sur le numéro :

Enfin, si vous choisissez d’afficher tout le contenu des notes de bas de page au bas de la publication, vous pouvez défiler vers le bas pour trouver tout ce qui s’y trouve.

Ils devraient se trouver quelque part au-dessus de la section des commentaires.

Astuce bonus : Utiliser les champs personnalisés de WordPress pour ajouter plus d’informations à votre contenu

Outre les notes de bas de page, une autre façon de fournir des informations supplémentaires dans vos publications et pages WordPress est d’utiliser des champs personnalisés.

Les champs personnalisés de WordPress sont des métadonnées utilisées pour insérer des informations supplémentaires dans une publication ou une page. Par exemple, si vous gérez un blog avec plusieurs auteurs/autrices, vous souhaiterez peut-être afficher les noms de vos contributeurs/contributrices sur la publication du blog, et pas seulement le vôtre.

Si vous êtes intéressé par les champs personnalisés, il vous suffit de consulter notre guide WordPress des champs personnalisés 101.

Nous allons vous montrer comment ajouter des champs personnalisés à l’aide de l’éditeur de blocs et de certaines extensions, notamment WPCode. Cette extension offre un moyen sûr et facile d’ajouter des extraits de code à votre site WordPress, même si vous êtes débutant.

Nous espérons que cet article vous a aidé à apprendre comment ajouter des notes de bas de page sur votre site WordPress. Vous pouvez également jeter un coup d’œil à nos choix d’experts pour les meilleures extensions de typographie WordPress et à notre guide sur la façon d’afficher et de masquer le texte dans les publications WordPress avec l’effet de permutation.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.