Effet de scroll sur une image sur Gutenberg de Wordpress

[@lecros2485]

Encore un tutoriel compréhensible et tant mieux. Merci à toi 👍

[@wphibou-wordpress]

Merci

[@PeterLeBreton]

Merci de cette vidéo ! Typiquement, c'est le genre de chose qu'il est très facile de mettre en place avec un builder tel que Divi, mais c'est une autre paire de manche avec Gutenberg. Cette astuce est donc carrément bienvenue. J'ai toutefois modifié le CSS que tu as utilisé. En effet, il ne peut s'appliquer qu'à une image, ce qui est un peu ennuyeux lorsque par exemple on veut créer des images scrollables pour diverses pages web dans le cadre d'un portfolio. J'ai donc repris ta classe scrollWeb, mais sans l'attribut background-image. Puis, dans chaque article de mon portfolio, j'ai créé des classes scrollWeb1, scrollWeb2, etc. ne comportant qu'un seul attribut : background-image avec l'URL de l'image à utiliser. Ces classes sont définies dans un bloc HTML et sont donc spécifiques à l'article les contenant, aucun risque de conflit avec les autres articles. D'autre part, pour éviter un mauvais cadrage de l'image en largeur, dans la classe scrollWeb j'ai ajouté la directive "background-size: contain". Résultat : parfait. 😁 Conclusion, même si pour parvenir à mon objectif j'ai dû faire quelques modifs, ta méthode a été une excellente base, merci encore. :)

[@wphibou-wordpress]

Merci beaucoup pour ce témoignage, ca va certainement aider plus d'un. C'est vrai. Pour les autres qui ne sont pas familiers avec le code, il suffit de faire un copier-coller et d'ajouter un chiffre à la class pour différencier les éléments et de changer l'url de l'image. C'est plus lourd, bien évidemment.

[@wd1534]

Salut Marc, très sympa cet effet! Je comprends comment mieux utiliser CSS, bravo pour le tuto 👍

[@wphibou-wordpress]

Bonjour, merci.

[@wd1534]

​@@wphibou-wordpress Pensez-vous faire un tuto sur les systèmes de panier/paiement comme celui sur votre site de formation, simple et efficace je trouve

[@wphibou-wordpress]

Franchement, je ne sais pas. Je ne traite pas de e-commerce, mais plus de sites vitrine. Mais c'est vrai que la partie paiement est aussi utile pour les produits numériques dans certains cas. Sur mon site, c'est un LMS (learning managment system) ca permet d'héberger ses formations et d'avoir un espace membres.