Visual editorÉditeur visuel
Select an element on the page to change its content or style. Define the site’s type and colors in the theme, then check the result on desktop and mobile.Sélectionnez un élément sur la page pour modifier son contenu ou son style. Définissez la typographie et les couleurs du site dans le thème, puis vérifiez le résultat sur ordinateur et sur mobile.
Edit a heading, refine its spacing or adjust a background from the page. Use the short toolbar for quick content edits and the full style panel for the properties that need closer attention.Corrigez un titre, reprenez son espacement ou ajustez un fond depuis la page. Utilisez la barre courte pour les modifications de contenu et le panneau de style pour les propriétés qui demandent plus de précision.
Typefaces, color scales and shared styles help pages stay consistent. When several sections should use the same accent, use the theme’s color role so one change can carry through the site.Les polices, les gammes de couleurs et les styles communs donnent de la cohérence aux pages. Quand plusieurs sections partagent un accent, utilisez le rôle de couleur du thème pour qu’un réglage puisse se répercuter dans le site.
A heading that fits on desktop can wrap on a phone. Check the text, navigation and forms at the widths visitors use. Review both color modes when your site offers them.Un titre qui tient sur ordinateur peut revenir à la ligne sur téléphone. Vérifiez les textes, la navigation et les formulaires aux largeurs utilisées par vos visiteurs. Contrôlez aussi les deux thèmes si le site les propose.
Save a card, button or other reusable group as a component. Its instances remain linked to the model. Use an independent copy when the new element needs to evolve on its own.Enregistrez une carte, un bouton ou un autre groupe réutilisable comme composant. Ses instances restent reliées au modèle. Utilisez une copie indépendante si le nouvel élément doit évoluer seul.
For a service catalogue, design a listing and a detail template. Connect them to a collection rather than maintaining a separate page for every service. Inspect real entries in staging to check the result.Pour un catalogue de prestations, concevez une liste et un modèle de détail. Reliez-les à une collection pour gérer les prestations sous forme de fiches. Ouvrez de vraies fiches en staging pour vérifier le résultat.
Communik renders the page content on the server. Use a generated staging URL to inspect the output, including metadata, links and interactions that go beyond the editor canvas.Communik rend le contenu des pages côté serveur. Utilisez une URL de staging générée pour contrôler le résultat, y compris les métadonnées, les liens et les interactions qui dépassent le canvas de l’éditeur.
Try a longer heading, an image with a different aspect ratio and a page with more content. These checks show whether the design will hold up when the site changes. Reusable components and collection templates give you shared places to maintain those choices.Essayez un titre plus long, une image d’un autre format et une page plus fournie. Ces essais montrent comment le design tient quand le contenu évolue. Les composants réutilisables et les modèles de collection donnent des points communs où maintenir ces choix.
Try it on your own project.Essayez avec votre propre projet.
Create a free project →Créer un projet gratuit →