Avalanche Mate

La grille Elementor pour designer vos pages

Une page Elementor suit une grille.

La grille Elementor c’est la trame de votre page.

Elle reflète l’organisation des éléments et des différentes parties qui la compose.

Il est essentiel de bien maitriser la grille Elementor pour construire efficacement vos pages. 

La grille Elementor est donc partie intégrante du webdesign et également du responsive mobiles et tablettes de votre site.

La grille Elementor

Dans une grille Elementor on va retrouver 3 éléments :

  • Les Sections Elementor : En violet sur l’image
  • Les Colonnes Elementor : En jaune sur l’image
  • Les sections Internes Elementor : En rose sur l’image

Grille Elementor : section, colonnes, widget section internes

Les Sections Elementor 

Les sections sont un passage de votre page.

Les sections sont les unes au-dessus des autres et elles construisent votre page.

Sur Elementor elles sont représentées par le contour bleu ciel :

section elementor

Une section prend toute la largeur définie par le modèle de la page.

Et une section a un fond d’arrière-plan.

A l’intérieur de la section se trouve tous les Elements colonnes et Widgets :

Grille Elementor Sections

A l’intérieur des sections on trouve les colonnes :

Les colonnes Elementor

Les colonnes se trouvent systématiquement à l’intérieur des sections.

Sur Elementor elles sont représentées par l’icône et contour gris :

colonnes elementor

Les colonnes s’alignent les unes à côté des autres :

colonnes elementor grille

Et en responsive mobile, elles s’alignent les unes au-dessus des autres :

grille colonne mobile elementor

Les colonnes peuvent contenir deux éléments :

Partagez le hub Elementor :