Notre nouveau créateur de pages introduit une expérience moderne de montage de contenu basée sur des blocs dans Workvivo. Il permet aux administrateurs de créer des Pages professionnelles, mobiles d’abord, en utilisant une interface glisser-déposer avec des blocs de contenu flexibles, des mises en page structurées et une prévisualisation en temps réel.
Cette amélioration améliore considérablement l’utilisabilité, la flexibilité et l’évolutivité des Pages pour les administrateurs et créateurs de contenu.
Jetons un œil aux nouveaux composants qui permettront de créer des Pages avec une aisance visuelle attrayante. Nous allons examiner à la fois les blocs Components et l’éditeur Markdown.
Guide des blocs de composants
Ces blocs se trouvent dans la barre latérale gauche et apparaissent lorsque vous cliquez sur l’option Composants et servent à donner plus de contrôle de conception ou une mise en page avancée.
📐 Disposition
- 2 colonnes : Divise le contenu en deux colonnes verticales
- 3 colonnes : Divise le contenu en trois colonnes verticales
📝 Contenu de base
- Paragraphe : Bloc de texte corporel standard
- Titre 1 : Titre principal de section
- Titre 2 : Titre de sous-section
- Titre 3 : En-tête de section imbriqué
- Titre 4 : Sous-section mineure
- Liste (numérotée) : Liste ordonnée avec des numéros
- Liste à puces : Liste non ordonnée avec des puces
🧱 Composantes structurées et visuelles
| Composant | Détails | Cas d’utilisation |
|---|---|---|
| Intégration | Intègre du contenu externe (docs, tableaux de bord, Figma, formulaires) | Utilisation lors de la consultation de ressources en direct ou interactives |
| Carte | Affiche le contenu sous forme de carte visuelle | Utilisation pour la navigation ou la surbrillance de ressources clés |
| Appel | Bloc de contenu surligné pour accentuer | Bloc de contenu surligné pour accentuer |
| Tableau | Lignes et colonnes structurées pour des données organisées | Utilisation pour des comparaisons ou des informations structurées |
| Image | Insère une image dans la page | Utilisation à titre de support visuel ou d’exemples |
| Accordéon | Section de contenu extensible/pliable | Section de contenu extensible/pliable |
| Vidéo | Intégration ou mise en ligne d’une vidéo | Ligne horizontale séparant les sections |
| Bouton | Élément d’action cliquable | Utilisation pour les CTA ou la liaison de flux de travail clés |
| Séparateur | Ligne horizontale séparant les sections | À utiliser pour diviser visuellement les sections sur des pages plus longues et améliorer la lisibilité |
Guide de l’éditeur Markdown
Cet éditeur offre un moyen simple et efficace d’écrire et d’éditer du texte. Certaines options de mise en forme existent à la fois sur Markdown Editor et Component Blocks
🔄 Montage
- Annuler : Annule le changement le plus récent
- Refaire : Restaure le changement le plus récemment annulé
🧾 Menu déroulant du style du texte (menu texte normal)
- Grand titre : Titre principal de section
- Petit titre : Titre de sous-section
- Points clés : Liste non ordonnée avec des puces
- Liste numérotée : Liste ordonnée avec des numéros
- Citation : Citation en indentation ou bloc de texte surligné (Utilisé pour signaler des notes importantes ou des textes référencés)
- Bloc de code : Bloc formaté pour afficher du code ou du texte technique (Utilisation pour des extraits de code ou du contenu technique structuré)
✍️ Mise en forme du texte
- Gras : Met l’accent sur le texte avec un poids plus lourd
- Italique : Ajoute une subtile emphase au texte
- Rayage : Affiche le texte comme supprimé ou complété
- Code en ligne (</>) : Formate le texte en code en ligne (À utiliser lors de la référence à des commandes, variables, noms de fichiers ou courts extraits techniques dans une phrase)
📐 Alignement et indentation
- Alignez gauche / centre / droite : Aligne le texte à gauche / horizontalement / à droite
- Justifiez : Ça aligne le texte de façon uniforme sur la ligne.
- Indentation à droite : Des indentations pour créer une hiérarchie.
- Indentation à gauche : Déplace le contenu en indentation à l’alignement par défaut.
➕ Inserts & Bonus
- Insérer (+) : Ouvre la bibliothèque de composants
- Lien : Ajoute un lien hypertexte vers un texte sélectionné (Utilisation pour des ressources externes ou une navigation interne)
- Emoji : Insère des emojis dans le contenu (Utilisation pour des indices visuels ou un ton)
- Traduire : Traduit le contenu dans une autre langue (utilisation pour du contenu global ou multilingue)
- Aperçu mobile : Affiche l’apparence du contenu sur mobile (à utiliser pour vérifier la lisibilité et la mise en page mobile)
- <-> : Offre des options pour ajuster la largeur de page de Par défaut à Moyenne ou Pleine largeur.