6.4Boîte à outils
L'essentiel en 30 secondes
- Construire propre : conteneurs Flexbox simples, charte globale, un H1 + alt, overlay si texte sur image, parties globales au Theme Builder.
- Dégainer : Navigator pour retrouver/sélectionner un élément, copier/coller le style, aperçu responsive, historique (annuler/rétablir), conditions d'affichage — les bons réflexes multiplient la vitesse.
- Règle : une checklist cochée à chaque fois vaut mieux qu'une méthode connue par cœur — avant de livrer, on exécute.
Fil Nadia — les fiches près du bureau
Après quelques projets, les deux fiches ci-dessous restent près du bureau de Nadia : celle de la page propre affichée à côté de l'écran, celle des réflexes d'éditeur dans son carnet. « Ce qui m'a sauvée, dit-elle en substance, ce n'est pas de connaître les points, c'est de les cocher chaque fois — surtout avant une livraison. »
Adaptez les formulations à votre contexte, gardez la structure : c'est elle qui évite oublis et erreurs.
Des repères prêts à l'emploi
Une bonne checklist rend une tâche rapide et sans oubli ; les bons réflexes d'éditeur multiplient la vitesse. À adapter à votre contexte.
Construire une page propre
- Conteneurs Flexbox simples (direction, justify/align, gap)
- Pas de sur-imbrication (vérifier dans le Navigator)
- Charte globale appliquée (couleurs/polices), pas de valeurs en dur
- Un seul H1 ; hiérarchie H2/H3
- Alt descriptif sur chaque image utile
- Overlay dès qu'il y a du texte sur une image
- Boutons au texte clair + lien utile (tel: sur mobile)
- Responsive réglé par point de rupture + testé sur un vrai mobile
Réflexes d'éditeur essentiels
- Navigator : retrouver/sélectionner un élément dans une page chargée
- Clic droit ▸ Copier / Coller le style : harmoniser vite
- Aperçu responsive : desktop / tablette / mobile
- Historique : annuler / rétablir, revenir à un état antérieur
- Conteneur : Disposition (direction, gap, wrap) dans Avancé ▸ Responsive
- Theme Builder : en-tête/pied + conditions d'affichage
- Publier : rien n'est en ligne tant qu'on n'a pas publié
- Kit : exporter/importer styles et modèles d'un projet à l'autre
Script prêt à dire — monter une page propre (30 s)
« Conteneurs simples ? Charte globale ? Un H1 + alt ? Overlay si texte sur image ? Boutons clairs ? Responsive réglé et testé ? Si un non, je corrige avant de publier. »
Modèle copier-coller — réglages d'un conteneur
CONTENEUR : _______________
DIRECTION : rangée / colonne GAP : ____ px WRAP : oui / non
JUSTIFY / ALIGN : _____ / _____
FOND : couleur / image (+ overlay si texte)
RESPONSIVE (Avancé) : masquer l'inutile sur mobile ? oui / nonArtisan / petit budget
Fiches sur une page affichée au mur : l'essentiel (conteneurs simples, charte, overlay, test mobile) suffit.
PME Oran
Prévoir les réalités locales : bouton d'appel « tel: » visible, test sur un réseau mobile ordinaire.
Remote / hybride
Ajouter une ligne « preuve écrite » au suivi : à distance, une page datée et cochée évite les malentendus.
Multilingue
Dupliquer la checklist par langue ; vérifier l'affichage RTL (AR) et la charte partagée.
Défi 48h — appliquez demain
Prenez 1 page réelle, passez la checklist « Construire une page propre » et cochez où elle en est. Utilisez 3 réflexes d'éditeur (Navigator, copier/coller le style, aperçu responsive).
- J'ai coché une checklist sur une page réelle.
- Je sais dégainer la fiche propre et les réflexes d'éditeur au bon moment.
- J'ai fait le défi 48h ou planifié sa date.
Nadia monte la page d'accueil du menuisier. Que doit-elle cocher en priorité ?
Astuce : gardez ces checklists près du projet fil rouge du guide (site du menuisier).