Conception de sites Web
Des commandes intégrées en mode géré. Des mises en page créées par un agent en mode personnalisé.
Mode géré et mode personnalisé
Beeboo propose des commandes de conception intégrées pour le contenu géré et des mises en page créées par un agent pour le contenu personnalisé. Les possibilités d’édition diffèrent d’un mode à l’autre.
Mode géré : des commandes de conception intégrées
Choisissez les polices, configurez les dégradés et les arrière-plans, définissez les images d’en-tête et disposez le contenu en colonnes à l’aide des commandes de l’éditeur. Ajustez les paramètres d’espacement et de présentation pris en charge sans modifier le code source de la page.
Polices
Choisissez les polices des titres et du corps du texte, avec une police d’accent facultative. Les choix du site servent de valeurs par défaut communes. Les commandes de contenu compatibles permettent de sélectionner le rôle de police approprié.
Dégradés et arrière-plans
Configurez les arrière-plans en dégradé et les couleurs du thème, puis appliquez les paramètres d’arrière-plan pris en charge à la page et à ses sections.
Les pages peuvent utiliser des couleurs de remplacement extraites automatiquement de leur image d’en-tête. Leurs arrière-plans et leurs dégradés peuvent ainsi reprendre les couleurs de cette image plutôt que de dépendre uniquement de la palette par défaut du site.
Images d’en-tête et colonnes
Définissez l’image d’en-tête de la page et configurez les options de présentation prises en charge. Disposez le contenu en rangées et en colonnes, ajustez l’espacement et vérifiez le résultat sur différentes tailles d’écran.
Le mode géré utilise les options de mise en page et de style disponibles dans l’éditeur. Il ne s’agit pas d’un outil de conception visuelle sans restrictions.
Mode personnalisé : demandez un design à un agent
Décrivez la mise en page et la direction visuelle souhaitées. Un agent peut créer du contenu et des styles personnalisés plutôt que de composer la page à l’aide des commandes de mise en page de l’éditeur géré.
Vous pouvez préciser la typographie, l’espacement, les arrière-plans, la hiérarchie du contenu et l’adaptation aux différentes tailles d’écran. Par exemple :
Crée une page de produit avec une introduction pleine largeur, une section de fonctionnalités à deux colonnes et un tableau comparatif. Utilise les polices de notre site et garde la mise en page lisible sur mobile.
Le contenu personnalisé peut inclure du HTML validé, du CSS à portée limitée, du SVG intégré original et les interactions prises en charge. Les scripts arbitraires ne sont pas acceptés.
Modifier un design personnalisé
Demandez à l’agent de réviser le design ou utilisez les commandes de modification du code source. Une mise en page personnalisée ne propose pas les mêmes commandes d’édition visuelle que le contenu géré.
La conversion d’un corps de page géré en code source personnalisé ne conserve pas une deuxième copie gérée modifiable. Les modifications ultérieures du code source ne mettent pas à jour une mise en page native cachée. Les versions antérieures restent accessibles dans l’historique des révisions.
Les fonctionnalités du site autour du design
La plateforme continue de gérer l’identité des pages, les contrôles d’accès, les métadonnées de référencement, la navigation et le pied de page du site.
Un corps de page personnalisé peut intégrer un formulaire existant du site tout en conservant ses champs, sa validation, le stockage des réponses et ses paramètres de notification.
Gabarits et contenu réutilisable
Les pages gérées peuvent utiliser des gabarits pour partager une structure et des zones modifiables. Les zones appartenant au gabarit restent liées à celui-ci. Les corps de page personnalisés ne sont pas pris en charge sur les pages liées à un gabarit.
Vérifier le résultat
Vérifiez la page sur ordinateur et sur mobile, notamment le contraste du texte, la longueur des titres, les liens, les formulaires et l’accès au clavier. Pour les designs personnalisés animés, prévoyez une version à mouvements réduits.