template creator for wordpress themes

one page et go to top plugin

Faites défiler votre page où vous voulez, et améliorer l'expérience de vos visiteurs en leur offrant une navigation fluide et agréable. Utiliser l'option du bouton "Retour en haut" pour revenir au haut de la page sans effort.

 

 

 

Fonctionnalités

  • Scroller / Défiler vers n'importe quel élément de la page (grâce à son ID HTML)
  • Fonctionne avec n'importe quel lien, de menu ou lien texte
  • Facile à utiliser grâce à une classe CSS
  • Option pour activer le bouton "Retour en haut"

Comment l'utiliser

Avec un lien de menu

Créez un lien de menu dans votre gestionnaire de menu. Utilisez un type de lien perssonnalisé pour y écrire l'ancre qui fait référence à l'ID html de l'élément vers lequel scroller.

create menu link

Dans le menu vous devez ajouter la classe CSS au lien. Pour cela assurez vous que cette option est active dans votre administration. Ouvez le panneau d'options tout en haut de la page, et cochez la case "classe CSS" :

activate screen options

Ensuite ajoutez la classe "scrollTo" à votre lien. Cela va indiquer au plugin que ce lien doit être scrollé.

menu stucture with link

 

 

Vous devez définir vers quel élement de la page il faut scroller. Par exemple si vous avez un bloc dans la page ayant pour identifiant HTML "section1", vous pouvez écrire "#section1" dans l'option du lien pour faire défiler la page juqu'à cet élement.

 

Vous pouvez facilement trouver l'identifiant HTML d'un bloc si vous utilisez Template Creator CK pour créer votre template. L'ID est écrit dans la zone en noir lors du survol du bloc.

Si vous n'utilisez pas Template Creator CK, vous pouvez inspecter votre page avec Firebug pour trouver l'ID du bloc.

 

Avec un lien texte

Vous pouvez utiliser la même technique mais sur n'importe quel lien de la page. Il suffit d'assigner la classe CSS "scrollTo" au lien et de pointer la cible vers l'élément de la page.

Exemple de code html pour un lien standard :

<a class="scrollTo" href="#section1">Click me to scroll</a>

Télécharger le plugin Scroll To CK

 

Outil de création rapide, puissant et responsive.

En savoir plus