Découvrez le Concepteur de contenu, votre nouvel outil pour créer des pages attrayantes sans difficulté. Il vous offre un moyen puissant de créer et structurer le contenu exactement comme vous le souhaitez.

Chaque page est composée de sections, de conteneurs et de votre contenu. Les sections définissent des zones horizontales sur votre page et permettent de séparer les sujets et d’organiser votre contenu. Les conteneurs se trouvent à l’intérieur de ces sections et contrôlent la mise en page de votre contenu. Chaque nouvelle page commence avec une section et un conteneur par défaut. C’est votre base, votre point de départ.

Chaque élément possède sa propre barre d’outils contextuelle. Elle n’apparaît que lorsque l’élément est sélectionné et affiche uniquement les options pertinentes. Dans les paramètres du conteneur, vous pouvez ajuster la mise en page, par exemple trois colonnes ou deux selon la façon dont vous souhaitez organiser le contenu côte à côte. Dans la partie design, vous pouvez ajouter une couleur d’arrière-plan parmi les couleurs de votre marque ou choisir une image de fond. Dans la partie visibilité, vous contrôlez qui voit quoi et sur quels appareils, et vous pouvez cibler des groupes spécifiques au sein de la même page.

Pour ajouter du contenu, cliquez sur le bouton Blocs dans la barre d’outils contextuelle ou dans la barre latérale. Vous trouverez tous les blocs de construction pour votre page. Cliquez ou faites glisser et déposer un bloc sur votre page. Pour les blocs de titre et de texte, vous pouvez ajuster la taille, l’alignement, ajouter des balises de profil pour la personnalisation, modifier la couleur et utiliser des emojis.

Le bloc de titre est recommandé pour l’en-tête principal, et le bloc de texte pour tous les en-têtes suivants. Cela rend votre page plus accessible aux utilisateurs de lecteurs d’écran. Les blocs de texte prennent en charge les mentions, les hashtags, la mise en forme classique comme l’italique, les liens, les listes et les citations de bloc. Certains blocs comme le bloc actualités proposent des variantes d’affichage. Utilisez Mes fichiers pour ajouter des médias comme des images, que vous pouvez redimensionner et recadrer directement sur le canevas sans affecter le fichier original.

Vous pouvez imbriquer jusqu’à trois blocs de conteneur les uns dans les autres. Le panneau de navigation affiche la structure complète de votre document et est particulièrement utile pour les grandes pages. La barre latérale contient également les boutons Annuler/Rétablir et les raccourcis clavier, y compris Commande/Contrôle+Maj+K pour ouvrir la boîte d’actions rapides.

Lorsque vous travaillez sur votre page, vous pouvez enregistrer les modifications comme brouillon et rien ne sera visible pour vos utilisateurs. Utilisez le panneau d’aperçu pour vérifier l’apparence de votre page sur différents appareils. Lorsque vous êtes prêt, cliquez sur Publier et votre page sera en ligne. Le menu Actions vous permet d’ouvrir la page publiée, de la dépublier, d’accéder à l’historique des versions, de copier le lien ou de supprimer la page.

Le Concepteur de contenu vous aide à créer des pages modernes et attrayantes avec une véritable approche WYSIWYG. En combinant sections, conteneurs et blocs, vous pouvez rapidement créer des pages claires et engageantes sans aucune expertise technique.

Dans cette vidéo, nous allons utiliser le Concepteur de contenu pour créer une page de département simple. Vous pouvez la reproduire et l’adapter dans votre propre environnement.

Chaque page commence par une section et un conteneur. Les sections définissent des zones horizontales et les conteneurs accueillent et organisent votre contenu. Pendant la création, vous pouvez sélectionner n’importe quel élément pour accéder à sa barre d’outils contextuelle avec toutes les options disponibles.

Pour créer l’en-tête du département, ajoutez une image de fond à la première section, puis ajoutez un bloc de titre. Utilisez le bloc de titre tout en haut de votre page et les blocs de texte pour les en-têtes suivants. Cela crée une structure de document claire, plus facile à lire pour les lecteurs d’écran. Ajoutez un texte d’accompagnement sous le titre et testez différentes couleurs. Si le contraste pose problème, revenez à l’image de fond et ajoutez une superposition de couleur, en ajustant l’opacité pour réguler le contraste.

Sous l’en-tête, créez une section d’accès rapide avec une mise en page à trois colonnes pour mettre en avant les ressources importantes. Ajoutez des liens rapides en les faisant glisser et déposer ou en cliquant directement dans un conteneur. Personnalisez l’icône, la mise en page et le style de chaque lien. Ajoutez une couleur d’arrière-plan atténuée au conteneur pour faire ressortir les liens.

Pour la zone de contenu principale, ajoutez une section à deux colonnes. À gauche, ajoutez un bloc actualités et choisissez un canal. À droite, présentez le responsable du département avec un bloc profil utilisateur, puis regroupez-le dans un conteneur avec une couleur d’arrière-plan. Créez d’autres conteneurs pour les groupes d’équipe à l’aide du bouton d’abonnement à un groupe, et pour les documents clés en utilisant Mes fichiers ou un bloc espace réservé. Insérez des séparateurs entre les sections pour améliorer l’espacement.

Ajoutez un bloc accordéon pour le contenu des campagnes afin de garder la page structurée et facile à parcourir. Chaque panneau d’accordéon se réduit sur la page publiée. Sélectionnez le conteneur parent et ajoutez une image de fond, puis donnez à l’accordéon un fond blanc uni pour une meilleure lisibilité.

La section finale présente l’équipe. Ajoutez un en-tête, puis un conteneur divisé en quatre colonnes, et ajoutez un bloc profil utilisateur dans chaque colonne. Ajoutez une couleur de fond grise au conteneur pour une cohérence visuelle.

Le résultat est une page de département structurée avec une zone de navigation claire, du contenu pertinent et des ressources importantes. Prévisualisez votre page et publiez-la quand vous êtes prêt.

Comparons l’Éditeur classique de page et le Concepteur de contenu, en commençant par la mise en page.

Dans l’Éditeur classique, votre base est un document linéaire unique. Pour placer du contenu côte à côte, vous ajoutez des zones de mise en page prédéfinies à l’aide du bouton Sections dans la barre d’outils. Dans le Concepteur de contenu, la mise en page est contrôlée à l’intérieur des conteneurs. Votre page est composée par défaut de sections, qui contiennent des conteneurs dans lesquels se trouve tout le contenu. Ces conteneurs peuvent être divisés en différentes mises en page de colonnes via leurs paramètres, et vous pouvez faire glisser et déposer n’importe quel conteneur pour réorganiser facilement de grandes parties du contenu.

Pour ajouter du contenu dans l’Éditeur classique, vous ajoutez des paragraphes directement sur le canevas, avec des éléments comme des séparateurs, des tableaux, des médias et des widgets disponibles via la barre d’outils supérieure. Les paramètres comme la visibilité ou les options de style sont définis avant d’ajouter l’élément, et les modifications ne sont visibles qu’après avoir cliqué sur Enregistrer. Dans le Concepteur de contenu, les éléments de contenu sont remplacés par des blocs, disponibles dans un panneau latéral rétractable. Le texte est aussi un bloc et non directement sur le canevas. Lorsqu’il est sélectionné, un bloc affiche une barre d’outils contextuelle où vous pouvez modifier les paramètres et voir les changements immédiatement en mode WYSIWYG.

Pour la mise en forme du texte, l’Éditeur classique affiche toutes les options de mise en forme dans la barre d’outils supérieure. Dans le Concepteur de contenu, la mise en forme du texte est contextuelle et les options n’apparaissent que lorsque le bloc de texte est sélectionné. Les deux prennent en charge le gras, les en-têtes et les changements d’alignement.

Pour le style des zones de contenu, l’Éditeur classique propose un style d’arrière-plan limité mais prend en charge le widget Image Bannière. Dans le Concepteur de contenu, les sections et les conteneurs peuvent avoir des couleurs d’arrière-plan et des images, ce qui vous offre plus de flexibilité de design.

Pour la publication, dans l’Éditeur classique, l’enregistrement d’une page déjà publiée rend les modifications visibles immédiatement. Dans le Concepteur de contenu, vous enregistrez les modifications comme brouillon et, seulement lorsque vous êtes prêt, cliquez sur Actualiser pour que vos modifications soient publiées.

En résumé : l’Éditeur classique est compact et linéaire, similaire à un éditeur de texte traditionnel. Le Concepteur de contenu est spacieux et modulaire, organisant les blocs de contenu dans une structure flexible qui s’adapte dynamiquement pendant l’édition pour un retour visuel instantané.

Ici, nous voyons une version d’une page dans l’Éditeur classique. En haut, il y a un bouton sur lequel cliquer pour passer au Concepteur de contenu, ce qui lance le processus. Une fenêtre contextuelle apparaît pour confirmer qu’il s’agit d’un aperçu et qu’après la migration complète, vous ne pourrez plus modifier la page dans l’Éditeur classique.

L’aperçu montre à quoi ressemblera la page une fois éditée dans le Concepteur de contenu. Tout ce qui était déjà présent dans la page Éditeur classique est conservé. Vous pouvez effectuer des modifications, enregistrer comme brouillon, puis cliquer sur Migration complète, et la page sera transférée dans le Concepteur de contenu.

Dans l’aperçu des pages, il existe également un onglet Prêt pour le Concepteur de contenu, qui répertorie toutes les pages pouvant être migrées, ce qui facilite l’identification des pages éligibles.