Dans Gutenberg, vous organisez votre contenu en blocs. La Ville de Brossard dispose de blocs personnalisés, adaptés aux besoins spécifiques du site, afin d'assurer une structure cohérente et une mise en page optimale.
Étape 1 : Ajouter un bloc
Ouvrez la page ou l’article que vous souhaitez modifier.
Cliquez sur "+" en haut à gauche ou directement à l’emplacement où vous voulez insérer un bloc.
Recherchez ou sélectionnez un bloc dans la liste proposée.
Étape 2 : Liste complète des blocs disponibles
Blocs de texte
Paragraphe : Ajouter du texte courant.
Titre : Structurer le contenu avec des niveaux de titres (H1 à H6).
Liste : Créer une liste à puces ou numérotée.
Citation : Insérer une citation simple.
Citation en exergue : Mettre en avant une citation importante avec un style visuel distinct.
Blocs de médias
Image : Ajouter une image unique.
Galerie : Afficher plusieurs images sous forme de galerie.
Vidéo : Insérer une vidéo depuis le site ou via des plateformes comme YouTube.
Audio : Ajouter un fichier audio.
Média et texte : Combiner un visuel (image ou vidéo) avec du texte, côte à côte.
Blocs de fichiers et mise en page
Tableau : Organiser les informations en colonnes et lignes.
Fichiers : Ajouter des documents à télécharger.
Colonnes : Structurer le contenu horizontalement en plusieurs sections.
Blocs interactifs et personnalisés
Boutons : Ajouter un appel à l’action (ex. : "Voir plus", "S’inscrire").
Boîte de lien (bloc personnalisé) : Ajouter une boîte contenant un lien cliquable avec du texte et une image. Idéal pour orienter l’utilisateur vers d’autres pages importantes.
Étape 3 : Utiliser le drag-and-drop
L’éditeur Gutenberg permet de réorganiser facilement vos blocs grâce à la fonctionnalité glisser-déposer (drag-and-drop).
Cliquez sur un bloc que vous souhaitez déplacer.
Maintenez le bouton de déplacement (les 6 petits points à gauche du bloc).
Glissez le bloc à l’emplacement souhaité dans la page.
Relâchez le bouton pour déposer le bloc.
Étape 4 : Modifier et personnaliser chaque bloc
Chaque bloc a une barre d’outils contextuelle en haut pour personnaliser son alignement, son formatage, etc.
Dans la colonne latérale de droite, vous trouverez des options supplémentaires (couleur, typographie, marges).
Étape 5 : Sauvegarder et publier
Une fois la mise en page terminée, cliquez sur "Enregistrer le brouillon" ou "Mettre à jour" si vous modifiez une page existante.
Prévisualisez le contenu pour vous assurer que tout s’affiche correctement.
Bonnes pratiques
Utilisez les blocs de manière judicieuse pour maintenir une cohérence sur le site.
Reliez des pages avec des boutons ou boîtes de lien pour une navigation fluide.
Optimisez la hiérarchie des titres pour un contenu clair et lisible.
Prévisualisez régulièrement votre travail pour vérifier que le drag-and-drop n’a pas désorganisé la mise en page.