%20(500%C2%A0%C3%97%C2%A0500%C2%A0px)%20(800%C2%A0%C3%97%C2%A0800%C2%A0px)%20(500%C2%A0%C3%97%C2%A0500%C2%A0px)%20(800.png)
STRUCTURE D'UNE PAGE
3 sections
Les pages sont divisées en 3 sections définies par des grilles : l'en-tête (1), la partie principale de la page (2) et le pied de page (3).
2
1
3
L'en-tête et le pied de page sont visibles sur toutes les pages alors que les éléments de la page elle-même ne sont visibles que sur une page spécifique.
Remarque
Possibilité de masquer l'en-tête et le pied de page sur une page spécifique (mais il n'est pas possible de masquer uniquement le pied de page ou l'en-tête) via la partie "Pages et menu" du menu de gauche.
Cliquer sur la page > icône "..." plus d'actions > paramètres > mises en page > page d'atterrissage
Dans l'en-tête, on peut retrouver le titre du site, un logo et très souvent le menu du site.
Dans le pied de page, on retrouve généralement des informations de contact et de copyright.
Personnalisation de l'en-tête et du pied de page
Vous pouvez ajouter des éléments en les déplaçant dans les zones d'en-tête et de pied de page (les éléments doivent être plus petits que l'en-tête ou le pied de page pour pouvoir y tenir).
Pour joindre un élément à l'en-tête et au pied de page, faites le glisser jusqu'à voir apparaitre "Joindre à l'en-tête/au pied de page".
-
Possibilité de redimensionner l'en-tête et le pied de page à votre convenance en utilisant la poignée d'extension.
-
Possibilité de modifier le design de l'en-tête et le pied de page (différents modèles avec possibilité de personnaliser couleur, bordure, ombre...).
-
Possibilité d'ajouter un effet de défilement à votre en-tête.
-
Possibilité de fixer la position du pied de page pour qu'il soit toujours visible sur votre page même lors de son défilement.
Grilles
Les grilles sont les pointillés à l'intérieur de l'éditeur pour s'assurer que les internautes puissent voir votre contenu sur toutes les tailles d'écran (tablettes et petits écrans d'ordinateur).
Pour vous assurer que votre contenu soit visible sur différents navigateurs et appareils, placez-le à l'intérieur des lignes verticales. Les éléments placés en dehors des lignes verticales peuvent être coupés sur les tablettes et les petits écrans
Vous pouvez placer des éléments pleine largeur qui ne rentrent pas entre lignes (comme des bandes et des galeries) mais assurez-vous que le contenu important (par exemple, du texte, des boutons...) soit toujours placé à l'intérieur des lignes verticales de la grille.
Remarque
La largeur de la page à l'intérieur de la grille est de 980 pixels. La hauteur de votre page ne dépend pas des lignes de la grille mais du contenu de votre page.
Exception : les grilles de colonne
Les colonnes dans les bandes ont des lignes de grille différentes de la grille de l'éditeur.
Cela signifie que vous pouvez placer des éléments en dehors des lignes de grille verticales de l'éditeur, tant qu'ils se trouvent à l'intérieur des lignes de la grille de la colonne (les lignes de grille des colonnes remplacent les lignes de grille de l'éditeur).
Cette action est nécessaire si vous souhaitez que votre contenu de colonne apparaisse correctement sur les appareils et les navigateurs.
