Grâce au mode édition, les éditeurs de contenu peuvent aisément modifier le texte, les éléments graphiques et les vidéos du site à l'intérieur du Designer. Cette fonctionnalité assure que les conceptions du site demeurent constantes tout en permettant des ajustements précis au contenu, offrant ainsi une expérience de modification optimale.

Dans ce tutoriel vous apprendrez:

1. Accéder au mode édition
2. Éditer le contenu du site Internet
3. Gérer les paramètres des pages
4. Publier via le mode édition
5. Les limites du mode édition

‍

Accéder au mode édition

Le mode édition est accessible à tous les membres d'un espace de travail, à l'exception des "commenter".

Si vous disposez du rôle "Can Edit", accédez au mode édition en survolant la vignette d'un site depuis votre tableau de bord et en cliquant sur "Open Designer".

Pour les utilisateurs avec un accès Designer, activez le mode édition depuis le Designer du site en cliquant sur "Designing" dans la barre supérieure. Sélectionnez ensuite "Editing" dans le menu déroulant. Si quelqu'un est déjà en train de concevoir dans le Designer, vous basculerez automatiquement en mode édition.

En mode édition, explorez le panneau Pages, le panneau CMS, le panneau des ressources, le panneau des paramètres et le journal d'activité du site (sur les sites Enterprise). Profitez également des commentaires et de la publication (si l'option "Can Publish" est activée).

‍

Éditer le contenu du site Internet

Le mode édition offre la possibilité à plusieurs membres de l'équipe de modifier simultanément le contenu du site, qu'il soit statique ou dynamique. En cas de modifications concurrentes, les dernières prévaudront, d'où l'importance de coordonner les sessions d'édition avec vos coéquipiers.

Dans ce mode, vous pouvez :

• Modifier le texte, les liens et les images (à l'exception des images d'arrière-plan).
• Gérer les ressources du site.
• Gérer les éléments de collection dans le panneau Collections.
• Gérer les produits, catégories et remises du commerce électronique.

En mode édition, vous accédez à une version simplifiée du Designer, offrant une expérience conviviale avec des options de panneau réduites.

‍Pour en savoir plus sur les icônes du Designer, consultez le guide Webflow.

‍

Édition de texte, liens et images

Le contenu statique, comprenant texte, liens, et images, est facilement modifiable en mode édition sur Webflow. Lorsque vous survolez un élément statique éditable, une bordure bleue apparaît. Veuillez noter que les éléments statiques au sein de composants ne peuvent être modifiés, sauf s'ils sont associés à des propriétés spécifiques.

Édition de Texte (y compris le texte enrichi)

Pour modifier du texte, sélectionnez l'élément texte et cliquez sur l'icône "crayon" dans le coin supérieur gauche. Modifiez ensuite le texte directement sur le canevas. Vous avez également la possibilité de sélectionner du texte sur le canevas et de le formater (gras, italique, balisage avec une balise <span>, etc.) à l'aide du menu qui apparaît. Les textes enrichis offrent des options supplémentaires pour le formatage.

Édition de Liens

Pour modifier des liens, choisissez l'élément lien et cliquez sur l'icône "lien" dans le coin supérieur gauche. Vous pouvez alors ajuster le lien et ses paramètres.

Remplacement d'Images

Pour changer une image, sélectionnez l'élément image et cliquez sur l'icône "image" dans le coin supérieur gauche. Pour gérer les paramètres de l'image, sélectionnez l'élément image et cliquez sur l'icône "roue dentée". Vous pouvez également télécharger de nouvelles images via le panneau des ressources.

‍

Lorsque vous mettez à jour du contenu statique au sein d'une liste de collections (par exemple, un bouton), ce contenu sera mis à jour sur toutes les instances de cette liste de collections.

‍

Créer et gérer du contenu dynamique

Vous pouvez également modifier des Collections existantes et des éléments connectés aux Collections en mode édition.

‍

Édition des éléments de la Collection

Lorsque vous avez des Collections existantes sur votre site, vous pouvez créer, gérer, éditer, supprimer et importer/exporter des éléments de Collection en mode édition. Pour ce faire, rendez-vous dans le panneau CMS et cliquez sur le nom de la Collection que vous souhaitez modifier.

Lorsque vous modifiez un élément de la Collection, vous pouvez prévisualiser votre contenu sur la page de cet élément. Cliquez sur "Voir le contenu sur la page de la "Collection"" et vous serez redirigé vers la page de l'élément de la Collection. Pour revenir à l'élément de la Collection, sélectionnez un élément dynamique sur la page et cliquez sur l'icône "CMS" dans le coin supérieur gauche de l'élément, ou retournez au panneau CMS.

‍En savoir plus sur la manière de modifier, sauvegarder et publier des éléments de Collection.

‍

Si vous modifiez un élément de la Collection et souhaitez le prévisualiser, on vous demandera de sauvegarder l'élément avant la prévisualisation. Cela enregistre votre élément de la Collection soit en tant que brouillon (s'il était précédemment défini comme brouillon) soit en tant que staged changes (s'il était précédemment publié). Si vous ne sauvegardez pas l'élément avant la prévisualisation, vos modifications seront perdues.

‍

Gestion des éléments de la Collection

Explorez et optimisez votre contenu avec la gestion des éléments de la Collection dans le panneau CMS. Cette fonctionnalité devient cruciale, surtout si vous opérez avec une base de données de contenu importante, afin de rationaliser efficacement votre flux de travail. Voici comment :

• Parcourez les éléments de la Collection : Explorez aisément tous les éléments de votre Collection.
• Affichez les champs de la Collection : Visualisez clairement les champs associés à chaque élément de la Collection.
• Recherchez des éléments de la Collection : Utilisez la fonction de recherche pour trouver rapidement les éléments spécifiques dont vous avez besoin.
• Filtrez des éléments de la Collection : Appliquez des filtres pour cibler des catégories spécifiques ou des critères définis.
• Triez des éléments de la Collection : Organisez votre contenu en le triant selon des critères pertinents.
• Éditez en masse des éléments de la Collection : Gagnez du temps en effectuant des éditions groupées sur plusieurs éléments simultanément.

‍

Modification des éléments dynamiques

Les éléments dynamiques, liés aux Collections, sont éditables en mode édition. Repérez-les facilement grâce à une bordure violette lors du survol.

Sélectionnez les éléments dynamiques éditables et cliquez sur l'icône "CMS" pour accéder rapidement au champ de la Collection dans l'élément correspondant. Là, ajustez le contenu dynamique, que ce soit du texte, des images, et bien plus encore. Cette approche de gestion avancée améliore non seulement votre visibilité, mais également votre efficacité opérationnelle.

‍

Gérer le commerce électronique

Si votre site dispose de la fonctionnalité de commerce électronique activée, vous avez la possibilité d'ajouter, d'éditer et de publier de nouveaux produits, catégories et remises liées au commerce électronique en mode édition.

‍

Vous recherchez une agence de confiance et spécialisée dans la conception de site Internet sur Webflow ?

‍

Gérer les paramètres des pages

En mode édition, vous avez la possibilité de gérer divers paramètres de page, notamment :

• Protection par mot de passe de la page
• Titre SEO et méta-description
• Paramètres Open Graph

‍

Publier via le mode édition

Il existe trois méthodes de publication à partir du mode édition :

1. Publication d'éléments individuels de la Collection
2. Publication sur votre sous-domaine de staging webflow.io
3. Publication sur votre domaine de production

‍

Les limites du mode édition

Cependant, en mode édition, certaines limitations s'appliquent :

• Impossible d'apporter des modifications de design (structurelles, stylistiques, ou des paramètres d'éléments)
• Modification non autorisée de la structure des composants principaux ou des instances de composants
• Édition restreinte du contenu dynamique sur le canevas
• Ajustement non disponible des noms de page, ajout ou édition de dossiers de pages, modification des identifiants de page ou définition d'une page d'accueil
• Impossible d'ajouter ou éditer du code personnalisé
• Contrainte pour ajouter ou éditer des éléments personnalisés
• Impossibilité de mettre à jour les paramètres du CMS
• Création restreinte de nouvelles Collections CMS

‍