Vous est-il déjà arrivé de cliquer sur un lien et d’être téléporté à un autre endroit de la page ? C’est ce que l’on appelle un lien d’ancrage, couramment utilisé pour créer une table des matières, mais qui peut parfois être un peu dérangeant. Une solution consiste à ajouter un effet de « défilement de page ».
Cela signifie qu’au lieu de se téléporter d’un endroit à l’autre d’une page, votre page défilera vers le haut ou vers le bas en fonction de l’endroit où vous vous trouvez. L’avantage est que les utilisateurs pourront regarder le reste du contenu de la page.
Malheureusement, ce n’est pas possible avec les réglages par défaut, mais comme la plupart des choses dans WordPress, il y a un plugin qui peut y remédier : Page lien html. Dans ce cas, le plugin Page Scroll to ID peut ajouter cette fonctionnalité exacte et elle est facile à mettre en œuvre.
Aujourd’hui, je vais démontrer ce processus étape par étape.
Comment ajouter un défilement de page à un lien d’ancrage
Le plugin Page Scroll to ID vous permet d’ajouter une vitesse de défilement aux liens d’ancrage à l’aide d’un bloc Gutenberg. Lien page entreprise linkedin. Vous pourrez ajuster le rythme et la durée du défilement de la page ainsi que d’autres paramètres.
Il prend en charge une variété de fonctionnalités que vous pourriez trouver utiles, telles que la prise en charge du défilement horizontal et vertical, la mise en évidence du texte lorsqu’un lien est cliqué, et plus encore.
C’est un excellent plugin, ce qui explique pourquoi il a plus de 100 000 installations actives.
Remarque : si vous désinstallez le plugin, tous les liens d’ancrage cesseront de fonctionner. De plus, si vous avez choisi d’utiliser des shortcodes, ces derniers cesseront de fonctionner et apparaîtront sous forme de texte brut. Par conséquent, vous devez supprimer tout ce que vous avez ajouté pendant que vous utilisiez le plugin.
Étape 1 : Installer le plugin Page Scroll to ID
Commençons par cliquer sur Plugins et sélectionner l’option Ajouter un nouveau plugin dans le panneau d’administration de gauche.
Recherchez Page Scroll to ID dans le champ de recherche disponible. Vous obtiendrez ainsi d’autres plugins qui pourraient vous être utiles.
Faites défiler vers le bas jusqu’à ce que vous trouviez le plugin Page Scroll to ID et cliquez sur le bouton « Installer maintenant » et activez le plugin pour l’utiliser.
Étape 2 : Configurer les paramètres
Après l’activation, le plugin est prêt. Bien qu’il fonctionne immédiatement après l’activation, je commencerais par regarder la section des paramètres. Cela vous donne une bonne idée de ce dont le plugin est capable et vous pouvez faire quelques changements préliminaires.
Cela dit, vous voudrez probablement revisiter cette section une fois que vous aurez mis en place un lien : Lien page facebook instagram. De cette façon, vous pourrez voir ce que chaque changement que vous apportez fait réellement. Quoi qu’il en soit, les réglages sont assez simples à effectuer.
Dans le panneau d’administration de gauche, cliquez sur Paramètres et sélectionnez l’option Défilement de la page vers l’ID.
Il y a beaucoup de paramètres sur cette page. La bonne nouvelle, c’est qu’ils vous expliquent tous ce qu’ils font et que, pour la plupart, ils consistent en des cases à cocher et des menus déroulants : Lien page google. Cela dit, je tiens à souligner quelques options.
La première est la section relative au comportement de défilement (Lien page google my business). La première option est une option par défaut et elle ajoute l’option de défilement fluide à chaque lien de page dans WordPress. En dessous, vous trouverez des options permettant aux utilisateurs d’arrêter le défilement de la page, l’ajustement de la cible, et des options du Lazy Loading.
Il y a également une section sur la mise en page qui vous permet de choisir des options verticales ou horizontales. Vous pouvez également choisir l’option automatique pour permettre au plugin de déterminer ce qui est nécessaire sur chaque page.
Jetez un coup d’œil à tous les paramètres (Lien page instagram). Vous pouvez effectuer quelques changements maintenant et revenir plus tard si vous n’êtes pas sûr. Je recommande généralement d’avoir une page ouverte avec un lien d’ancrage actif afin que vous puissiez faire un changement et voir ce que cela donne.
N’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » en bas de page lorsque vous avez terminé.
Étape 3 : Créer des liens d’ancrage
La création de liens d’ancrage à défilement de page est un processus en deux étapes que vous pouvez effectuer dans n’importe quel ordre. Il s’agit simplement de créer un lien d’ancrage (le lien) et l’ancre (la cible du lien).
Accédez à n’importe quel article ou page existant sur votre site web. Vous pouvez également créer un article ou une page factice à des fins de test : Lien page linkedin. Vous devrez y ajouter du texte pour que cela fonctionne.
Une fois sur le site, mettez en évidence le texte que vous souhaitez transformer en lien d’ancrage et cliquez sur l’option de création de lien.
Normalement, vous devez simplement saisir l’URL du lien que vous souhaitez créer. Lien page pdf. Dans le cas présent, nous créons un lien d’ancrage. Pour en créer un, vous devez entrer le nom de l’ancre qui se présentera sous la forme « #nom-de-l’ancre ».
Vous pouvez créer autant de liens d’ancrage que vous le souhaitez : Page lien document. Bien entendu, les liens ne serviront pas à grand-chose sans cible ni ancre. Nous devons donc les ajouter ensuite.
Étape 4 : Créer des ancres
L’ajout d’un lien est simple car le plugin ajoute un bloc dédié appelé Page Scroll à ID Target. Il suffit d’aller à l’endroit où vous voulez que le lien mène et d’ajouter le bloc au-dessus.
Il ne vous reste plus qu’à saisir le nom de l’ancre vers laquelle votre lien défilera. Le lien que nous venons de créer a utilisé « nom-ancre » comme cible, nous l’appellerons donc « nom-ancre ».
Ils doivent correspondre, sinon le lien ne fonctionnera pas, mais vous pouvez lui donner le nom que vous voulez tant qu’ils correspondent.
Remarque : ce bloc n’affecte pas l’apparence de l’article ou de la page du point de vue du visiteur. Il n’y aura aucun signe de son existence sur la page en cours. Vous pouvez le vérifier en regardant l’aperçu. Il n’y a donc pas lieu de s’inquiéter des espacements bizarres.
Si vous allez dans un aperçu et que vous cliquez sur le lien d’ancrage, vous serez dirigé vers cet ancrage et vous le verrez défiler jusqu’à l’endroit indiqué : (Page lien facebook). A ce stade, il ne vous reste plus qu’à commencer à l’ajouter à votre contenu.
Si vous avez une barre de navigation en haut de l’écran, vous devez la décaler dans les paramètres : Page lien vers paragraphe. Il s’agit simplement d’entrer la hauteur de cette barre de navigation en pixels. Il en va de même si vous souhaitez que le lien soit placé juste en dessous d’un en-tête.
Et c’est tout. Félicitations pour avoir appris comment ajouter un défilement de page aux liens d’ancrage dans WordPress.
Créer une expérience de visualisation fluide
L’intérêt de ne pas utiliser le saut de page par défaut dans WordPress est qu’il est abrupt et peut être assez dérangeant pour certains visiteurs. L’ajout d’un défilement permet aux visiteurs de voir d’autres choses sur cette page que l’utilisateur pourrait être intéressé à vérifier.
C’est pourquoi il est important de régler la vitesse de défilement. Si elle est trop lente, l’utilisateur risque d’être très gêné, mais si elle est trop rapide, il ne pourra pas voir les autres éléments de la page. Un bon réglage améliore considérablement l’expérience de visualisation.
Ainsi, comme pour tout ce qui concerne WordPress, vous devez trouver le bon équilibre. Cela permet non seulement d’aider les visiteurs, mais aussi d’améliorer le référencement de votre site web.
En effet, ces liens d’ancrage sont considérés comme des liens internes.
Avez-vous trouvé le plugin WordPress Page Scroll to ID facile à utiliser ? Trouvez-vous que les liens d’ancrage divi sont des outils de navigation utiles ?
