Formation Joomla : comment faire un lien interne dans une même page ?

Gérer les ancres dans joomla avec JCE

Il peut être intéressant lorsque vous avez de longues pages, ou plusieurs informations importantes à mettre en avant, de découper ses contenus, et les rendre accessibles par des liens.

Prenons un exemple : vous avez un article sur votre site qui parle de comment faire des ancres à l’intérieur d’une page web avec Joomla. Vous obtiendrez une page qui sera découpée en plusieurs parties :

Description - prérequis – installation – paramétrage – conclusion

Dans l’exemple ci-dessus, en cliquant sur le terme « Installation », vous êtes directement dirigé vers le contenu texte traitant de l’installation

Avec Joomla, il n’est pas nécessaire de connaître le code html pour insérer une ancre. Notre expert joomla va utiliser une extension très utile qui remplace l’éditeur natif et rend plus puissant et agréable la création et la gestion des contenus. Si cette extension n’est pas présente sur votre site vous pouvez suivre notre tutoriel : Tutoriel : Comment installer JCE dans Joomla 3 ?

1ère étape : déposons une ancre dans le contenu

  • Positionnez-vous à l’endroit que vous souhaitez atteindre grâce à votre lien
  • Cliquez maintenant sur l’icône en forme de petite ancre présent dans votre éditeur

icone ancre jce

  • Remplissez le nom de l’ancre sans mettre d’espace et validez

Voila a quoi ressemble le dépot de votre ancre dans l'éditeur

vue ancre contenu

  • Vous venez de placer l’ancre et votre éditeur s’est chargé seul du code html. Voilà le code qu’il a construit pour vous :

CODE  

2nd étape : faites appel à cette ancre dans un lien

  • Sélectionnez le texte que vous voulez mettre en lien à l’aide de votre souris.
  • Cliquez sur la petite icône en forme de cadenas

lien vers une ancre avec JCE

Une pop-up s’ouvre :

jce lien ancre

Ancre : sélectionnez l’ancre que vous avez créée précédemment dans le menu déroulant.

Titre : le texte contenu dans ce champ s’affichera au survol de votre lien. Il doit donc décrire ce que les internautes vont trouver en cliquant dessus.

Voici le code qui sera généré automatiquement par votre éditeur de texte

CODE Jaune pâle