Lorsque vous utilisez l’entête plein écran sur votre site, vous pouvez y ajouter une flèche de défilement vers le bas de page de manière à montrer à vos visiteurs qu’il reste du contenu à parcourir.
Malheureusement vos visiteurs ne voient pas forcément tous cette flèche et peuvent rater des informations intéressantes.
Je vous propose aujourd’hui de faire bouger cette flèche de mani§re à attirer l’oeil de vos visiteurs et faire en sorte qu’ils cliquent dessus.
Pour cela, cliquer sur Apparence->Personnaliser->CSS additionnel, ou copiez-collez le code suivant dans le fichier style.css de votre thème enfant :
bonjour moi ça ne marche pas sur le thème enfold pourquoi?
Julien
sur 13 juillet 2018 à 09h21
Bonjour, ce sont des tutoriels pour le thème Divi, donc il ne fonctionne pas sur d’autres thèmes WordPress.
nzaoui
sur 17 septembre 2018 à 11h06
Salut Julien, tout d’abord merci bcp pour tous ces tutoriels et infos…. J’ai d’ailleurs acheté le visual footer, plutôt satisfait de son effet plein écran.
J’ai une petite question concernant cette flèche qui bouge légèrement vers le bas, je cherche à faire la meme chose, un petit effet de respiration ou de mouvement léger comme cette flèche mais avec du texte.
Si jamais ca fait l’objet d’un prochain tutoriel ….
Bonne continuation Nico
Julien
sur 18 septembre 2018 à 11h29
Bonjour et merci 😉
Pour ce que tu veux faire, tu peux essayer de reprendre le code CSS en l’appliquant au paragraphe ou titre que tu veux faire bouger plutôt qu’à la flèche de Divi.
Théo
sur 18 octobre 2018 à 10h03
La classe !!!
Fabien
sur 23 décembre 2019 à 16h00
Bonjour, merci pour le tuto mais je ne comprends pas comment l’appliquer à mon image une fois le code entré dans l’emplacement indiqué sur l’interface admin. Merci pour votre aide.
Julien Guiard
sur 24 décembre 2019 à 17h35
Bonjour, si tu utilises le module indiqué alors l’animation est automatique et tu n’as rien à faire à part copier/coller le code.
MickA
sur 9 janvier 2020 à 14h39
Bonjour,
J’ai fait un copier/coller du code dans le .css (en bas de la page du code) de mon Divi-child et malheureusement, ça ne fonctionne pas pour moi,ma flèche reste fixe…
HELP please
Merci
MickA
sur 9 janvier 2020 à 14h58
Finalement j’ai réussi.
J’ai appliqué le code directement dans la personnalisation du CSS de la page. Et là du coup ça marche.
On peut également changer la vitesse du “sautillement” de la flèche, la hauteur aussi. C’est cool.
Merci
manu
sur 23 mars 2020 à 11h32
Excellent tuto ! Merci beaucoup Julien.
Ca marche impec !
Continuez comme ça 🙂
"Aucun résultat. La page demandée est introuvable…". Vous connaissez tous par cœur cette phrase qui apparait lorsqu'on utilise un module "blog" ou un module "portefeuille" du Divi Builder et qu'aucun article n'existe.Dans ce court tutoriel, je vous explique comment...
Forminator est un plugin pour WordPress permettant de créer des formulaires, des sondages et des quiz.Il est développé par WPMU Dev, l'équipe qui est déjà à l'origine de plugins reconnus tels que Smush (compression d'images) et Hummingbird (mise en cache).Si vous me...
Parfois, une image seule ne suffit pas et il est nécessaire de lui adjoindre un texte de légende.Le Divi Builder le permet via le module "Galerie" mais pas si on utilise tout simplement le module "Image".Voyons donc comment remédier à ça en quelques lignes de code....
Quel plaisir quand les choses sont expliquées simplement 🙂
Merci à toi. C’est le but de ce site alors c’est un plaisir si ça marche 😉
Merci beaucoup pour votre code.
bonjour moi ça ne marche pas sur le thème enfold pourquoi?
Bonjour, ce sont des tutoriels pour le thème Divi, donc il ne fonctionne pas sur d’autres thèmes WordPress.
Salut Julien, tout d’abord merci bcp pour tous ces tutoriels et infos…. J’ai d’ailleurs acheté le visual footer, plutôt satisfait de son effet plein écran.
J’ai une petite question concernant cette flèche qui bouge légèrement vers le bas, je cherche à faire la meme chose, un petit effet de respiration ou de mouvement léger comme cette flèche mais avec du texte.
Si jamais ca fait l’objet d’un prochain tutoriel ….
Bonne continuation Nico
Bonjour et merci 😉
Pour ce que tu veux faire, tu peux essayer de reprendre le code CSS en l’appliquant au paragraphe ou titre que tu veux faire bouger plutôt qu’à la flèche de Divi.
La classe !!!
Bonjour, merci pour le tuto mais je ne comprends pas comment l’appliquer à mon image une fois le code entré dans l’emplacement indiqué sur l’interface admin. Merci pour votre aide.
Bonjour, si tu utilises le module indiqué alors l’animation est automatique et tu n’as rien à faire à part copier/coller le code.
Bonjour,
J’ai fait un copier/coller du code dans le .css (en bas de la page du code) de mon Divi-child et malheureusement, ça ne fonctionne pas pour moi,ma flèche reste fixe…
HELP please
Merci
Finalement j’ai réussi.
J’ai appliqué le code directement dans la personnalisation du CSS de la page. Et là du coup ça marche.
On peut également changer la vitesse du “sautillement” de la flèche, la hauteur aussi. C’est cool.
Merci
Excellent tuto ! Merci beaucoup Julien.
Ca marche impec !
Continuez comme ça 🙂