was successfully added to your cart.

Vous souhaitez créer une note de bas de page comme celle-ci ? 1

Il va vous falloir utiliser l’éditeur de texte de WordPress pour saisir en html.

Voici d’abord quelques indications sur les balises et attributs que nous allons utiliser. Cela vous permettra de mieux comprendre ce que vous faites et d’adapter ce code à vos propres besoin.

a : crée une ancre dans le texte

sup : met le texte en exposant.

id : attribue un identifiant à l’ancre créée dans le texte.

href : indique la cible du lien. On indique ensuite l’identifiant du lien précédé de #.

title : permet de visualiser la note en survolant son lien avec la souris.

Pour commencer, saisir votre texte dans l’éditeur visuel. Basculer en mode « texte ». Insérez votre note à l’endroit voulu :


<sup><a title="Texte de la note" id="ref1" href= "#fn1"> 1</a></sup>

ref1 est l’identifiant de l’ancre du texte. fn1 est l’identifiant de l’ancre de la note.

Si vous ne souhaitez pas que la note s’affiche au survol de la souris, supprimez title= »Texte de la note ».

Toujours en mode « texte », saisissez en bas de page le code suivant :


<a href= "#ref1">↑</a><sup><a id= "fn1">1</a></sup> Texte de la note </p>

 

Vous pouvez également utiliser cette technique des ancres pour créer des raccourcis au sein même de votre page. Cela se révèle particulièrement utile quand celle-ci est longue.

Par exemple, créez un plan de votre page. Pour indiquer la « Partie 1 », saisissez en mode texte le code suivant :

<a href="#Partie1">Partie 1</a>

Rendez-vous à la cible du lien (la Partie 1 dans notre exemple) et saisissez l’ancre :

<a id="Partie1"></a>

1 C’est possible ! Je vais vous expliquer comment faire.

 

Mathieu Belleville-Douelle

Auteur Mathieu Belleville-Douelle

Professeur de lettres classiques depuis 10 ans, je m'intéresse particulièrement à la coopération en classe mais aussi à la modernisation de l'enseignement du français et des langues anciennes. Par ailleurs, je suis blogueur, rédacteur web et webdesigner junior. N'hésitez pas à me contacter ou à réagir à cet article en laissant un commentaire.

Découvrez les séquences pédagogiques de Mathieu Belleville-Douelle

Donnez votre avis