Présentation de l'éditeur de pages

L'éditeur de page est un espace de travail visuel, de type WYSIWYG : ce que vous organisez sur le canevas correspond à ce que les visiteurs verront une fois que vous aurez enregistré et publié. Vous n’écrivez pas de code HTML brut : vous composez des blocs à l’intérieur de sections, de lignes et de colonnes que ArtInStack transforme en une page publique rapide et réactive.

Aperçu des fonctionnalités

• Blocs par glisser-déposer — Texte, images, bannières, formulaires, grilles de produits, etc. (voir Référence sur les blocs et la mise en page de l’éditeur et Blocs de présentation multimédia pris en charge).
• Édition en ligne — Cliquez sur le texte dans la zone de travail pour modifier le contenu ; sélectionnez un bloc pour ajuster ses propriétés dans la barre latérale droite.
• Aperçu adaptatif — Les boutons d’appareil de la barre d’outils (Ordinateur de bureau, Tablette, Mobile) vous donnent une idée de la manière dont la mise en page s’adaptera avant la mise en ligne.
• Interactions (onglet Événements) — Effets de défilement, survol, bascules et animations sur le site publié sans code personnalisé (voir Événements et interactions de l’éditeur de page).
• Chrome partagé — L’en-tête et le pied de page du site proviennent souvent de modèles appliqués à l’ensemble des pages (voir Utilisation des modèles de page).

Architecture de l’interface

[Pages → Modifier → onglet Éditeur de page]
        |
        v
[Barre d’outils : enregistrer, publier, aperçu sur appareil]
        |
        +-- Zone d’édition (au centre) : sections → lignes → colonnes → blocs
        |
        +-- Barre latérale droite (panneaux empilés) :
              Icônes : Modifier | Calques | Blocs
              Lorsque « Modifier » est actif : onglets Style | Attributs | Événements en dessous

Sections, lignes et colonnes

La plupart des pages sont construites à partir de sections (bandes pleine largeur). À l’intérieur d’une section, vous placez des lignes, puis des colonnes (1 à 4 colonnes ou des mises en page avec barre latérale issues de la catégorie Mise en page). Les blocs se trouvent à l’intérieur des colonnes — ils ne flottent jamais librement sur une racine invisible.

Calque	Fonction
Section	Bande verticale ; contrôle l’espacement et l’arrière-plan de la section
Ligne	Ligne horizontale ; largeur maximale, espacement et remplissage
Colonne	Cellule contenant un ou plusieurs blocs
Bloc	Image, texte enrichi, Hero, formulaire de contact, etc.

Utilisez les Calques dans la barre latérale de droite lorsque vous devez sélectionner une ligne ou une section masquée par d’autres contenus.

Ce que voient les visiteurs par rapport à ce que vous voyez lors de l’édition

L’espace de travail de l’éditeur applique les mêmes règles de mise en page que le site en ligne : l’espacement, la typographie et la structure des blocs sont harmonisés afin que vous n’ayez pas à deviner le résultat après publication. Si quelque chose semble incorrect sur l’URL publique après publication, consultez Aperçu et publication et Dépannage des problèmes de publication — il s’agit généralement d’un problème de cache, d’un statut « brouillon » ou d’un bloc auquel il manque encore un élément multimédia.

Cas d’utilisation courants

• Page d’accueil — Bandeau + grille de portfolio + appel à l’action « Contact ».
• Contact — Bloc Formulaire de contact — Ajouter un formulaire de contact aux pages.
• À propos — Texte enrichi + bloc image portrait.
• Services — Grille de fonctionnalités + blocs de témoignages.
• Vitrine — Blocs de liste de produits (voir Produits et vente).

Étapes suivantes et validation

1. Ouvrez l’éditeur de page sur une page réelle.
2. Consultez la section Barre latérale et barre d’outils de l’éditeur de page.
3. Consultez la section Mise en page et contenu pour en savoir plus sur les sections, les lignes et la largeur maximale.
4. Parcourez la section Événements et interactions de l'éditeur de page si vous souhaitez mettre en place des effets d'affichage au défilement, au survol ou au clic sans code personnalisé.
5. Placez un bloc Section et un bloc Image, puis Enregistrez la page et prévisualisez-la sur mobile.
6. Prévisualisez et publiez lorsque vous êtes prêt.