Déplacements verticaux et horizontaux dans une page unique avec Oxygen Builder pour WordPress

Gratuit (inscription nécessaire)

dans ce tutoriel en vidéo sur Oxygen Builder pour WordPress voyons comment dans une page unique, créer des déplacements verticaux et horizontaux doux et progressifs à l'aide de 3 exercices pratiques.

Concevons une structure de page WordPress de manière à insérer des blocs HTML pleine largeur et pleine hauteur basés sur les même largeurs et hauteur du Viewport (100%).

• Utilisons dans un premier exemple l'extension "Page Scroll to ID" et des ancres HTML pour créer cet effet. La structure sera composée de deux colonnes: celle de gauche reste fixe et contient les éléments de navigation. La deuxième à droite permettra de se déplacer verticalement.
• Dans un deuxième exemple le script Jquery Mousewheel.js, intégré facilement avec l'extension WordPress "My Custom Functionnality". Finalisons la mise en forme en insérant en arrière-plan de chaque bloc une image fixe et texte animé en CSS.
• Le troisième cas pratique intègre le même système de navigation mais en y faisant apparaître dynamiquement des articles WordPress à l'aide d'un bloc "Repeater" d'Oxygen

deplacement-onepage-1

deplacement-onepage-4

deplacement-onepage-3

deplacement-onepage-2

EXPERT:  Photoshop, Illustrator, Indesign, Lightroom, Premiere Pro, Final Cut Pro, Wordpress, Joomla, Affinity Photo et Affinity Publisher, ECWID E-Commerce, Spline Design 3D

Auteur: Laurent briere

Je suis infographiste 2D/3D Web et print. Auteur/Producteur de formations en ligne, formateur, vidéaste et photographe  professionnel depuis près de 25 ans, je réalise,

• Reportages photos, vidéo, documentaires, clips institutionnels, avec plus d'une centaine de réalisations dans des domaines divers et variés (sport, culture, art, spectacle, monde de l'entreprise, supports de formation...).
• Je suis également un expert dans le domaine de la prise de vues et des visites virtuelles en 360° (Google StreetView Trusted).
• Concepteurs et auteur de formations en ligne depuis plus de 18 ans. J'interviens dans les domaines de l'audiovisuel, de la PAO (Final Cut Pro, Imagerie 360°, Lightroom, Photoshop, Indesign, Illustrator, Affinity Publisher, Affinity Photo, Spline Design 3D) mais également sur le thème du Web (Wordpress, Oxygen Builder pour Wordpress, Learndash).
• Formateur professionnel indépendant auprès des entreprises depuis près de 26 ans en freelance.
• Développeur : de scripts JSX pour Adobe Indesign.
•  
• Voici mon portfolio vidéo en ligne: cliquez ici
• Voici mon portfolio photo en ligne : cliquez ici
• Voici mon portfolio SplineDesign 3D : cliquez ici