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).