Utiliser les Compositions (Patterns)
Construire une page web peut sembler complexe, mais sur votre site, tout a été pensé pour vous simplifier la vie. Nous avons traduit les maquettes de vos designers en Compositions : des sections « prêtes à l’emploi » qui garantissent un rendu professionnel en quelques clics.
1. Le concept des "Lames"
Imaginez que votre page est un empilement de sections horizontales, appelées Lames. Chaque lame a un rôle précis (présenter un service, afficher des tarifs, proposer un téléchargement).
Dans votre interface d’édition (Back-Office), vous disposez de boutons de commande rapides situés à droite de chaque section :
- Ajouter une disposition : Pour insérer une nouvelle section vierge.
- Dupliquer : Très pratique pour reprendre une mise en page que vous avez déjà remplie et simplement changer le texte.
- Retirer : Pour supprimer une section proprement.
L’astuce du pro : Utilisez le glisser-déposer sur la droite d’une lame pour réorganiser votre page en un clin d’œil. C’est aussi simple que de déplacer des dossiers sur votre bureau !
2. Votre bibliothèque de blocs
Dans chaque section, vous avez accès à une palette d’éléments spécifiques. Voici les principaux outils à votre disposition pour enrichir vos pages :
- Le texte & boutons : Pour vos titres et vos appels à l’action (« En savoir plus »).
- Accordéons : Idéal pour une foire aux questions (FAQ) ou des contenus denses à masquer.
- Médias : Images simples, liens imagés ou galeries.
- Outils pratiques : Tableaux de données, fichiers PDF à télécharger, ou formulaire de contacts.
- Effets visuels : Double push (deux images côte à côte) ou « Marquee » (texte défilant pour un effet dynamique).
3. Le Menu d'Ancres (Navigation interne)
Si votre page est longue, vous pouvez activer un menu de navigation rapide en haut de celle-ci.
- Comment ça marche ? WordPress récupère automatiquement les Titres de chaque Section pour créer les liens.
- Comment l’activer ? En haut de votre page d’édition, vous trouverez un bouton Afficher les ancres : OUI / NON.
- Le résultat : Un petit menu discret apparaîtra pour permettre à vos visiteurs de « sauter » directement à la partie qui les intéresse.
4. Conseils pour un design parfait
- Ne surchargez pas : Laissez de l’espace entre vos sections pour que l’œil du visiteur puisse respirer.
- Gardez la logique : Utilisez les « Titres de sections » de manière cohérente, car ce sont eux qui servent de repères pour vos menus d’ancres.
- Suivez la maquette : Si vous avez un doute, jetez un œil aux modèles de pages que nous avons déjà créés pour vous (voir la page Référence de style).