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, tant dans la fonctionnalité Pages que lors de la création de Pages dans les Espaces.
Note : Le processus décrit ci-dessous s’applique également à la création de pages dans des espaces.
Étape 1 : Créer une nouvelle page
- Dans la barre de navigation en haut, cliquez sur Explorer → Pages
- Cliquez + Ajouter la page
- Sélectionner une nouvelle page
-
Ensuite, vous pouvez choisir :
- Construis à partir de la page blanche
- Commencez par un modèle
Remarque : dans cet exemple, nous nous concentrerons sur la création à partir d'une page vierge. Clique ici pour en savoir plus sur les modèles de pages.
Étape 2 : Ajouter des blocs de contenu
Dans la barre latérale de gauche, clique sur Composants pour révéler la gamme de blocs de contenu, notamment : (explorer la liste complète)
- Texte
- Image
- Vidéo
- CONTENU INTÉGRÉ
- Section extensible / pliable
Ici, vous pouvez aussi :
- Frotter les blocs pour réorganiser
- Redimensionner les blocs supportés
- Pliez les sections pour gérer les longues pages
- Alignez les images à gauche, à droite ou au centre
- Enrouler le texte autour des images
Tu peux désormais ajuster la largeur de la page et la façon dont elle s’affiche pour les utilisateurs. Dans la barre de texte supérieure, il existe désormais une option permettant de conserver la largeur par défaut, de la passer en largeur moyenne ou en pleine largeur. Clique sur l'icône <-> pour sélectionner la meilleure solution pour chaque page.
Étape 3 : Téléverser les médias
Dans les blocs d’images ou de vidéos :
- Téléverser les médias depuis votre appareil
- Sélectionner les éléments précédemment téléchargés
- Insérer du contenu hébergé sur la plateforme
Une fois qu'une image a été ajoutée à la page, tu peux :
- Redimensionne l'image (Petite, Moyenne, Grande ou Pleine largeur), ou même une taille personnalisée en cliquant et en faisant glisser un côté des bords de l'image.
- Ajouter un lien à l'image (Clique sur … puis « Ajouter un lien »).
- Déterminer si tu souhaites que le lien s'ouvre dans un nouvel onglet.
Étape 4 : Gérer la structure de la page
- En haut à droite, cliquez sur Options → Déplacer la page
- Sélectionner une page mère
- Enregistrer les modifications avec Déplacer la page
Vous pouvez aussi réarranger les pages en les faisant glisser et déposer via la barre latérale de navigation
Étape 5 : Prévisualisez votre page
Vous pouvez désormais prévisualiser le rendu de votre page sur ordinateur et mobile grâce au mode aperçu. C’est utile pour valider votre mise en forme avant de publier.
- Dans la barre de démarcation, accède à l'icône du mobile sur le côté droit, puis clique sur Activer l'aperçu mobile
- Pour revenir à l’éditeur de bureau / à l’aperçu, cliquez à nouveau sur l’icône
Publier votre page
Les pages sur Workvivo peuvent exister dans deux états :
- Repêchage
- Publié
Sauvegarder en tant que draft vous permet de :
- Sauvegardez la progression à tout moment
- Sortie et retour plus tard
- Continuer la révision avant de publier
La publication d’une page la rend visible aux utilisateurs finaux grâce à ses paramètres de visibilité. Une fois les étapes terminées ci-dessus et satisfait de son apparence, il vous suffit de cliquer sur le bouton Publier .
Modifier une page publiée est simple, il suffit de naviguer sur la page, de cliquer sur Options → Modifier la page, de faire vos modifications et de cliquer sur Republier.
Les changements deviennent visibles immédiatement après la republication.
Expérience utilisateur final avec les pages publiées
- Disposition de lecture propre
- Sections extensibles
- Conception optimisée pour le mobile
- Indexation par recherche