Le Content Designer pour les pages remplace l’éditeur de pages classique.
Chaque widget et paramètre de l’éditeur classique possède un équivalent dans le Content Designer, souvent sous un nouveau nom ou à un nouvel emplacement.
Découvrez où se trouvent désormais les éléments familiers et ce qui a changé dans la création des pages.
▶ Regardez la comparaison entre l’éditeur de pages classique et le Content Designer :
Vous pouvez également ouvrir la vidéo dans un nouvel onglet.
Développez chaque section pour voir le nom d’une fonctionnalité dans l’éditeur classique et celui qu’elle porte dans le Content Designer.
Menu supérieur
Le menu supérieur du Content Designer vous donne accès aux principales actions liées aux pages. Vous pouvez modifier le contenu, gérer les paramètres et contrôler la publication depuis un seul endroit.
| Éditeur classique | Content Designer |
|---|---|
|
L’éditeur classique ne propose pas les différentes options ni la possibilité de basculer entre les onglets Éditeur, Paramètres et Aperçu offertes par le Content Designer. |
Le Content Designer est spacieux et modulaire. Il organise les blocs de contenu dans une structure flexible qui s’adapte dynamiquement au fil de vos modifications et fournit un retour visuel instantané. Il comporte des onglets entre lesquels vous pouvez basculer selon vos besoins. |
|
Titre et description Sélectionnez Paramètres pour mettre à jour le titre et la description. |
Sélectionnez Paramètres dans le menu supérieur du Content Designer. |
|
Signe plus pour ajouter une langue Sélectionnez le signe plus pour ajouter une langue. |
Utiliser la liste déroulante des langues pour ajouter des langues Même fonction que dans l’éditeur classique, désormais accessible depuis la liste déroulante des langues. |
|
Choisir le mode d’ajout du contenu Après avoir ajouté une langue, choisissez comment renseigner son contenu. |
Choisir le mode d’ajout du contenu Même fonction que dans l’éditeur classique, après avoir ajouté une langue depuis la liste déroulante. |
|
Pas d’onglet Éditeur Dans l’éditeur classique, les paramètres de la page sont regroupés dans une seule zone au lieu d’être répartis entre les onglets Éditeur et Paramètres. |
Onglet Éditeur Basculez vers cet onglet pour créer et modifier le contenu de la page. |
|
Icône Paramètres Ouvre une boîte de dialogue contenant les paramètres de la page, tels que la visibilité et les propriétaires de la page. |
Basculez vers cet onglet pour configurer les paramètres de la page, tels que la visibilité, les propriétaires et l’espace, sans quitter la page. |
|
Enregistrer Sur une nouvelle page, sélectionnez Publier la page. Sur une page déjà publiée, sélectionnez Enregistrer. Dans les deux cas, vos modifications sont immédiatement mises en ligne. |
Enregistrer / Publier / Mettre à jour Vous enregistrez les modifications en tant que brouillon, qui n’est pas encore visible par votre audience. Sur une nouvelle page, sélectionnez Publier pour la mettre en ligne pour la première fois. Sur une page déjà publiée, sélectionnez Mettre à jour pour mettre vos modifications en ligne. |
|
Enregistrer et aperçu en direct Sélectionnez Enregistrer et aperçu en direct, puis choisissez le mode d’affichage. Choisissez Ordinateur, Tablette ou Mobile pour afficher l’aperçu. |
Aperçu Affiche le rendu de la page sur ordinateur, tablette et mobile avant sa publication ou sa mise à jour. |
|
Pas de menu d’actions supplémentaires Dans l’éditeur classique, les actions de gestion de la page ne sont pas regroupées dans un menu distinct. |
Menu d’actions (trois points) Regroupe les actions de gestion de la page : ouvrir la page dans l’application, l’enregistrer comme modèle de page, la publier ou annuler sa publication, consulter l’historique des versions, rechercher des blocs, copier le lien de la page, copier le contenu de la page, déplacer la page dans un espace ou supprimer la page. |
|
Historique des versions Permet d’afficher et de restaurer les versions précédentes d’une page. |
Menu d’actions (trois points) > Historique des versions Même fonction que dans l’éditeur classique, désormais disponible parmi les options du menu d’actions de la page. |
Barre d’outils de l’éditeur, panneau latéral et barre d’outils contextuelle
L’éditeur est la zone de travail principale dans laquelle vous créez et structurez votre page à l’aide de blocs, dans une véritable expérience WYSIWYG. Les pages sont structurées à l’aide de sections, de conteneurs et de colonnes.
| Éditeur classique | Content Designer |
|---|---|
|
Mise en page linéaire L’éditeur classique est un document linéaire contenant des widgets. 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. |
Mise en page WYSIWYG Le Content Designer offre une expérience de modification moderne et WYSIWYG, avec des mises en page flexibles, des modèles de pages et une convivialité améliorée. |
|
Éditeur en haut de l’espace de travail Vous ajoutez des paragraphes directement sur la zone de travail. Les séparateurs, tableaux, médias et widgets sont accessibles depuis la barre d’outils supérieure. Les paramètres tels que la visibilité ou le style sont définis avant l’ajout de l’élément, et les modifications ne deviennent visibles qu’après l’enregistrement. |
Panneau latéral et barre d’outils contextuelle Les éléments de contenu sont remplacés par des blocs, disponibles dans un panneau latéral rétractable. Le texte est également un bloc et ne se trouve pas directement sur la zone de travail. Lorsqu’il est sélectionné, un bloc affiche une barre d’outils contextuelle permettant de modifier les paramètres et de voir immédiatement le résultat, dans une véritable expérience WYSIWYG. |
|
Annuler et rétablir dans la barre d’outils de l’éditeur Les fonctions Annuler et Rétablir sont disponibles au début de la barre d’outils supérieure. |
Annuler et rétablir dans le panneau latéral Les fonctions Annuler et Rétablir se trouvent au bas du panneau latéral. Vous pouvez également utiliser les raccourcis clavier et le menu Actions rapides (Ctrl+Maj+K ou Cmd+Maj+K), ou la modification et la navigation au clavier. |
|
Mise en forme du texte dans la barre d’outils supérieure Toutes les options de mise en forme sont toujours visibles dans la barre d’outils supérieure. |
Barre d’outils contextuelle du bloc de texte La mise en forme est contextuelle. Ajoutez un bloc Texte depuis le panneau latéral pour afficher ses options de mise en forme. Le bloc Texte prend également en charge les @mentions et les émoticônes. |
|
Options de titre dans la barre d’outils supérieure Les options de titre sont toujours visibles dans la barre d’outils supérieure. |
Barre d’outils contextuelle du bloc Titre La mise en forme est contextuelle. Ajoutez un bloc Titre depuis le panneau latéral pour afficher ses options de titre. Cela s’applique uniquement aux titres H1 ; les titres H2, H3 et H4 sont disponibles dans le bloc Texte. |
|
Espaces réservés personnalisés Permet d’insérer dans le texte de la page des espaces réservés personnalisés, tels que le prénom d’un lecteur. |
Balises de profil dans le bloc Texte Même fonction que dans l’éditeur classique, désormais disponible dans le bloc Texte. |
|
Effacer la mise en forme dans la barre d’outils supérieure L’option permettant d’effacer la mise en forme est toujours visible dans la barre d’outils supérieure. |
Supprimer la mise en forme Disponible dans la barre d’outils contextuelle du bloc Texte ou Titre. |
|
Citation Ajoute un passage cité visuellement distinct. |
Citation Ajoute un passage cité visuellement distinct.
|
|
Ligne horizontale Ajoute une ligne horizontale pour séparer le contenu. |
Séparateur Même fonction que la ligne horizontale, ajouté en tant que bloc depuis le panneau latéral. |
|
Lien d’ancrage dans la barre d’outils supérieure Permet de créer un lien vers un point précis de la même page. |
Lien d’ancrage dans la barre d’outils contextuelle Sélectionnez la section ou le conteneur > l’icône en forme de crayon dans la barre d’outils contextuelle > Visibilité > Lien vers cette section. Consultez Copier un lien d’ancrage. |
|
Ajouter un tableau dans la barre d’outils supérieure Insère un tableau directement depuis la barre d’outils supérieure. |
Bloc Tableau Ajoutez un bloc Tableau depuis le panneau Blocs. Il commence sous la forme d’une grille 2 × 2 ; ajoutez ou supprimez des lignes et des colonnes selon vos besoins. |
|
Options de média dans la barre d’outils supérieure Insérez des images, des vidéos et des fichiers audio depuis la barre d’outils supérieure. |
Blocs Médias et ressources dans le panneau latéral Les blocs Image, Vidéo, Audio et Galerie d’images sont chacun disponibles séparément. |
|
Mes fichiers dans le menu Média Accédez à votre bibliothèque de fichiers depuis le menu Média de la barre d’outils supérieure. |
Mes fichiers dans le panneau latéral La même bibliothèque de fichiers est désormais accessible directement depuis le panneau latéral. |
|
Afficher les blocs Affiche une structure simplifiée des widgets présents sur la page. |
Non disponible |
|
Éditeur de code source HTML Permet d’ajouter du code HTML personnalisé directement à la page. |
Non disponible Le Content Designer n’est pas basé sur HTML. Consultez plutôt Style CSS personnalisé pour les options de style avancées. |
|
Widgets Choisissez un widget dans la boîte de dialogue Ajouter un widget. Consultez Présentation des widgets. |
Blocs Choisissez un bloc dans le panneau des blocs. Consultez Présentation des blocs dans le Content Designer. |
|
Sections dans la barre d’outils supérieure Ajoutez des zones de mise en page prédéfinies depuis la barre d’outils supérieure. |
Sections dans l’espace de travail de modification Ajoutez et réorganisez les sections directement sur la zone de travail pendant la création de la page. La mise en page se compose de sections, et chaque section contient des conteneurs qui regroupent tout le contenu. Vous divisez les conteneurs en colonnes via leurs paramètres et faites glisser-déposer n’importe quel conteneur pour réorganiser de grands ensembles de contenu. |
| Non disponible |
Modèles de sections Les sections et les conteneurs peuvent comporter des couleurs et des images d’arrière-plan, ce qui offre davantage de flexibilité en matière de conception. Consultez Présentation des modèles de sections. |
| Non disponible |
Panneau de navigation Affiche la structure complète des sections, des conteneurs et des blocs de la page et permet d’accéder directement à chacun d’eux. |
Des widgets aux blocs
Les widgets de l’éditeur classique sont remplacés par des blocs dans le Content Designer. La plupart des widgets disposent d’un bloc portant le même nom. Certains widgets sont regroupés en un seul bloc et quelques-uns sont remplacés par des paramètres de section et de conteneur. Pour plus d’informations, consultez Présentation des blocs dans le Content Designer et Présentation des widgets. Les lignes sont classées par ordre alphabétique selon le nom du widget dans l’éditeur classique.
| Éditeur classique | Content Designer | Pris en charge dans la mise à niveau des pages |
|---|---|---|
|
Widget Accordéon Affiche le contenu dans des sections extensibles et réductibles. |
Bloc Accordéon Même fonction que le widget Accordéon. |
Oui |
|
Liens d’ancrage Permet aux lecteurs d’accéder directement à un point précis de la même page. |
Même fonction, configurée depuis l’onglet Visibilité d’une section ou d’un conteneur. |
En cours |
|
Widget Animation Affiche un élément graphique animé à usage général sur la page. |
Non disponible | En cours |
|
Widget Bouton Ajoute un bouton d’appel à l’action cliquable. |
Bloc Bouton Même fonction. La couleur du bouton est issue de la couleur principale de la marque définie sur la page Branding. |
Oui |
|
Widget personnalisé Permet aux développeurs de créer et d’intégrer un widget entièrement personnalisé. |
Bloc personnalisé Même fonction, recréée pour la structure de blocs du Content Designer. |
En cours |
|
Widget Pages intégrées Intègre une page web externe dans une page Staffbase. |
Bloc Page intégrée Même fonction. La page cible doit autoriser son intégration. |
Oui |
|
Widget Liste de fichiers Affiche une liste de fichiers téléchargeables depuis Mes fichiers. |
Bloc Fichier Même fonction, recréée sous forme de bloc. |
Oui |
|
Widgets Google Widgets Google Agenda et Google Drive permettant d’intégrer du contenu Google. |
Blocs Google Blocs Agenda et Drive, chacun recréé individuellement. |
Non |
|
Widget Abonnement à un groupe Permet aux lecteurs de s’abonner à un groupe d’utilisateurs ou de s’en désabonner. |
Bloc Abonnement à un groupe Même fonction, recréée sous forme de bloc. |
Oui |
|
Widget Image principale Affiche une grande image de bannière en haut d’une page. |
Image d’arrière-plan de section ou de conteneur Définissez une image d’arrière-plan directement sur une section ou un conteneur, avec une superposition de couleur facultative. |
Oui |
|
Widgets RH Widgets Fiches de paie utilisateur et Absences utilisateur pour les données en libre-service RH. |
Bloc Absences et bloc Fiche de paie Même fonction, chacun étant recréé comme son propre bloc. |
En cours |
|
Widget Infobox Met en évidence des informations importantes dans une boîte colorée. |
Bloc Infobox Même fonction, avec quatre types de messages prédéfinis : information, réussite, avertissement et critique. |
Oui |
|
Widget Liste de liens Affiche une liste verticale de liens. |
Bloc Liens rapides (mise en page Liste) Même fonction, proposée comme l’une des mises en page du bloc Liens rapides. |
Oui |
|
Widget Vignettes de liens Affiche les liens sous forme de grille de vignettes. |
Bloc Liens rapides (mise en page Vignettes) Même fonction, proposée comme l’une des mises en page du bloc Liens rapides. |
Oui |
|
Widgets Microsoft 365 Widgets Visionneuse de fichiers, Sites, Fichiers, Tâches, Fil Teams, Calendrier, Vue d’ensemble Teams, Communautés Viva et Bibliothèque de documents. |
Blocs Microsoft Blocs Bibliothèque de documents, Fichiers, Calendrier et Visionneuse de fichiers. Tous les widgets Microsoft 365 de l’ancienne version ne disposent pas d’un équivalent direct dans le Content Designer. |
En cours |
|
Widget Navigation Affiche un menu de navigation personnalisé dans une page. |
Bloc Navigation Même fonction, recréée sous forme de bloc. |
Oui |
|
Widget Fil d’actualité Affiche un fil déroulant de publications d’actualité. |
Bloc Actualités (mise en page Fil) Même fonction, proposée comme l’une des mises en page du bloc Actualités. |
Oui |
|
Widget Scène d’actualités Affiche les actualités à la une sous forme de scène rotative ou de carrousel. |
Bloc Actualités (mise en page Scène ou Carrousel) Même fonction, proposée comme l’une des mises en page du bloc Actualités. |
Oui |
| Non disponible |
Bloc Section d’actualités Nouveau dans le Content Designer : un bloc dédié à l’affichage d’une section d’actualités sélectionnées. |
- |
|
Widget Plugin Intègre un plugin tiers dans une page. |
Bloc Plugin Même fonction, recréée sous forme de bloc. |
Oui |
|
Widget Plugin > Sondage Intègre un sondage via le widget Plugin. |
Bloc Sondage Les sondages disposent désormais de leur propre bloc dédié au lieu d’être intégrés au widget Plugin générique. |
En cours |
|
Widget Portfolio Affiche les liens sous forme de cartes avec image. |
Bloc Liens rapides (type Carte avec image) Même fonction, proposée comme l’une des mises en page du bloc Liens rapides. |
Oui |
|
Widget Publication Permet aux lecteurs de créer une publication directement depuis la page. |
Bloc Créer une publication Même fonction. Prend actuellement en charge la publication dans les canaux uniquement. |
Oui |
|
Widget Ticket ServiceNow Permet aux lecteurs de consulter ou de soumettre des tickets ServiceNow. |
Bloc ServiceNow Même fonction, recréée sous forme de bloc. |
Non |
|
Widget Shorts Affiche du contenu vidéo court. |
Bloc Shorts Même fonction, recréée sous forme de bloc. |
En cours |
|
Widget Contenu statique Ajoute une zone de contenu simple avec une couleur d’arrière-plan. |
Couleur d’arrière-plan de section ou de conteneur Définissez une couleur d’arrière-plan directement sur une section ou un conteneur. |
Oui |
|
Widget Profil utilisateur Affiche le profil et les coordonnées d’un utilisateur. |
Bloc Profil utilisateur Même fonction, recréée sous forme de bloc. |
Oui |
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.