Guides

Des parcours courts et pratiques pour le travail quotidien dans WebBlocks CMS. Chaque guide couvre une tâche, en quelques étapes, avec des captures d'écran.

Vous débutez ? Commencez par Se connecter au panneau d'administration et suivez le lien Suite au bas de chaque guide. Vous cherchez comment une fonction se comporte plutôt que comment l'utiliser ? Cela se trouve dans la documentation de référence.

WebBlocks CMS dashboard showing the sidebar and an overview of pages, blocks, and media.

Se connecter au panneau d'administration

Ouvrez le panneau d'administration, connectez-vous et repérez-vous sur le tableau de bord.

Pages list showing page titles, paths, and publishing status.

Le panneau d'administration en deux minutes

Ce qui se trouve où dans la barre latérale et les écrans que vous utiliserez vraiment.

Layout Slots tab showing which slots the page layout defines and which the page has.

Page, layout, slot, bloc

Les quatre mots que le CMS emploie pour tout, en langage simple.

Profile screen showing name, email, interface language, and the password section.

Votre profil et votre langue

Changez votre nom, votre e-mail, votre mot de passe et la langue du panneau d'administration.

New page form with title, slug, and page layout fields.

Créer une page

Ajoutez une nouvelle page à un site et enregistrez-la en brouillon.

Block picker showing the common block types including Header and Image.

Ajouter un titre et un paragraphe

Posez vos premiers mots sur une page avec les blocs Header et Plain Text.

Media Library picker dialog with a list of images and a Select button on each.

Ajouter une image

Placez sur une page une image de la médiathèque, avec un texte alternatif qui la décrit.

Public preview of a draft page with a preview mode notice at the top.

Publier une page

Prévisualisez votre travail, puis rendez la page visible aux visiteurs.

Translation editor with routing fields, list excerpt, and SEO fields.

Changer l'adresse d'une page

Renommez le slug et le chemin d'une page et réglez ses champs SEO et sociaux.

Rich Text block editor showing the formatting toolbar and a formatted paragraph with a list.

Rich Text : mise en forme, listes et liens

Gras, italique, liens et listes imbriquées dans un seul bloc modifiable.

Hero block form showing eyebrow, title, intro, CTA fields, variant, and layout.

Hero : construire une section d'ouverture

La bannière en haut d'une page : titre, introduction, boutons et image de fond.

CTA block form showing eyebrow, heading, body copy, and two call-to-action pairs.

Boutons et CTA

Un simple bouton, ou tout un panneau d'appel à l'action avec titre et actions.

Quote block form showing the quote text, author, source, and variant fields.

Citation et alerte

Mettez en avant les mots de quelqu'un, ou signalez ce que le lecteur ne doit pas manquer.

Public page showing a list of linked notes with dates and descriptions, above a data table.

Listes de liens et tableaux

Une liste de liens soignée avec descriptions, et de vraies données tabulaires.

Code block form showing the title, filename label, code sample, and syntax language.

Blocs Code et HTML

Montrez un exemple de code correctement, et sachez quand le bloc HTML est la mauvaise réponse.

Media Library showing uploaded files with search, kind, and usage filters.

Téléverser des fichiers dans la médiathèque

Faites entrer images et documents une fois dans la médiathèque, puis réutilisez-les partout.

Image Variants panel listing thumbnail, card, and content sizes with a regenerate action.

Texte alternatif, légendes et variantes d'image

Les détails qui rendent une image utilisable, et les tailles que le CMS produit pour vous.

Public page showing a three-column image gallery with captions under each image.

Construire une galerie

Plusieurs images en une seule grille, avec légendes et une lightbox facultative.

Video block form showing video title, external video URL, and supporting copy.

Ajouter un bloc vidéo ou audio

Intégrez un extrait hébergé ou pointez vers un extrait qui vit ailleurs.

Download block form showing the download label, helper text, and selected document.

Proposer un fichier à télécharger

Une action de téléchargement claire pour un PDF ou un document, plutôt qu'un lien nu.

Media Library showing folder chips and a document assigned to the Studio documents folder.

Organiser les médias en dossiers

Gardez la médiathèque navigable dès qu'elle dépasse un écran.

Public page showing a heading and paragraph constrained to a readable measure.

Section et Container : maîtriser la largeur de la page

Les deux enveloppes qui décident de la largeur de votre contenu et de l'air qu'il reçoit.

Public page showing a three-column set with intro copy above a grid of cards.

Columns et Grid

Placez des éléments côte à côte, avec un texte propre ou en disposition nue.

Cluster block form showing name, width, justify, align, wrap, and gap.

Cluster et espacement

Alignez quelques éléments en rangée et maîtrisez l'air entre tout le reste.

Public page showing a grid of cards above a feature grid.

Card, Feature Grid et Stat Card

Trois façons d'emballer une petite unité de contenu, et quand chacune convient.

Layout Slots tab showing present, missing, and extra slots for the page.

Choisir et changer le layout d'une page

Choisissez le cadre dans lequel une page est rendue et changez-le ensuite sans perdre de contenu.

Public page showing an on-this-page list of anchored headings above a breadcrumb trail.

Sommaire et fil d'Ariane

Deux petits blocs qui aident les lecteurs à se situer dans une longue page.

Navigation items screen showing the site and menu selectors above the list of links.

Construire un menu de navigation

Ajoutez, groupez et réordonnez les liens que cliquent les visiteurs.

Shared slot block list showing a navbar with brand, navigation, and header actions nested inside.

Construire un en-tête en Shared Slot

Construisez l'en-tête une fois, puis pointez-y toutes les pages.

Shared slot block list showing a section, container, header, text, and link list.

Construire un pied de page en Shared Slot

Créez de zéro une zone réutilisable et remplissez-la de vrais blocs.

Shared slot edit screen showing the usage panel listing the pages that use it.

Mettre à jour un Shared Slot en toute sécurité

Modifier une zone partagée change toutes les pages d'un coup. Voici comment le faire sans rien casser.

Page overview showing draft status with submit for review and publish actions.

Brouillon, relecture et publication

Les quatre états que traverse une page, et qui la fait avancer.

Page revision history listing workflow and block changes with author and restore actions.

Révisions : consulter l'historique et restaurer

Découvrez ce qui a changé, qui l'a changé, et remettez-le en place.

Add user form showing name, email, password, role, and per-site access checkboxes.

Rôles : qui peut faire quoi

Les trois rôles, jusqu'où va chacun et comment ajouter un collègue.

Duplicate page screen showing target site, new title and slug, and what carries over.

Dupliquer, déplacer et archiver des pages

Copiez une page comme point de départ, déplacez-la entre sites ou retirez-la sans la supprimer.

Contact messages inbox listing submissions with their status.

Ajouter un formulaire de contact et lire les messages

Posez un formulaire sur une page, puis retrouvez ce que les visiteurs ont envoyé.

Comments moderation screen listing pending comments with approve, reject, and spam actions.

Commentaires et notes

Laissez les lecteurs réagir et relisez ce qu'ils disent avant publication.

Search form block showing accessible label, placeholder, button label, and variant.

Recherche du site

Posez un champ de recherche sur le site et gardez l'index honnête.

Translation editor showing SEO title, description, keywords, and social image fields.

Champs SEO, image sociale et favicon

Ce qu'affichent les résultats de recherche et les liens partagés, et où cela se règle.

Site settings locales tab showing enabled languages for the site.

Ajouter une langue à un site

Deux étapes : enregistrer la locale, puis l'activer sur le site qui en a besoin.

Add translation form showing routing fields for the German version of a page.

Traduire une page

Donnez à une page une deuxième langue, avec sa propre adresse et son propre SEO.

Sites screen listing the sites in the installation with their domains.

Gérer plusieurs sites

Une installation, plusieurs sites — ce qui est partagé et ce qui ne l'est pas.

Site variables tab listing reusable public tokens with their keys and values.

Variables de site

Écrivez une valeur une fois, utilisez-la sur tout le site, changez-la à un seul endroit.

À venir

  • Texte et structure — Rich Text · Hero · boutons et CTA · citation, encadré, alerte · listes et tableaux · code et HTML
  • Images et médias — téléversement dans la médiathèque · texte alternatif et légendes · galeries · vidéo et audio · téléchargements · dossiers de médias
  • Mise en page — Section et Container · Columns et Grid · espacement · cards et feature grids · choisir un layout de page
  • Contenu structuré — FAQ et Accordion · Tabs · Slider · sommaire et fil d'Ariane
  • Navigation et zones réutilisables — menus de navigation · l'en-tête en Shared Slot · Shared Slots de pied de page et de CTA · mettre à jour un Shared Slot en toute sécurité
  • Travailler en équipe — brouillon, relecture, publication · révisions et restauration · rôles · dupliquer, déplacer, archiver
  • Visiteurs — formulaires de contact et messages · commentaires et notes · recherche du site · SEO et images sociales
  • Plus de sites et de langues — ajouter une langue · traduire une page · plusieurs sites · variables de site