Design et mises en page.
FONCTIONNALITÉS DE DESIGN
Créez des expériences dynamiques pour toutes les tailles d'écran.
Points de rupture sur mesure
Ajoutez plusieurs points de rupture afin d'optimiser l'affichage de vos sites sur tous les types d'écrans.
Grille CSS
Créez des mises en page complexes dans un espace en deux dimensions et gérez avec précision le positionnement de tous les éléments à chaque point de rupture.
Répéteurs
Utilisez cet outil de mise en page flexible pour afficher du contenu dans des boites du même style. Connectez les répéteurs à un CMS intégré afin de créer des sections uniformes pour présenter par exemple, les profils des membres de votre équipe, des listings de biens immobiliers ou des projets.
Layouter (Structure flexible)
Créez des mises en pages flexibles ainsi que des boites qui s'adaptent harmonieusement à chaque zone d'affichage. Vous pouvez choisir parmi un large choix de maquettes vierges personnalisables ou de mises en page au design déjà élaboré.
Ancrage (Docking)
Grâce à l'ancrage intuitif, vos éléments s'attachent automatiquement aux bords les plus proches de leur boite-parent. Vous pouvez également ajuster manuellement l'ancrage pour personnaliser entièrement la zone d'affichage.
Layers (couches)
Utilisez le panneau de configuration de Layers pour voir et gérer l'ordre des éléments d'une page et comprendre la hiérarchie. Vous pouvez également renommer vos couches pour organiser votre travail.
Échelle du texte
Paramétrez une taille de police minimale et maximale pour vous assurer que votre texte s'adapte progressivement en fonction de la taille de l'écran.
Plus de fonctionnalités de design et de mise en page :
Masters
Sauvegardez et réutilisez les entêtes, les sections et les pieds de page sur plusieurs pages. Pour faciliter le processus de création, les modifications que vous effectuez à un master s'appliquera à tous les endroits où il apparait sur le site.
Éléments de design
Créez et sauvegardez des sections entières en tant qu'éléments de design et réutilisez-les sur plusieurs sites. Vous pouvez sauvegarder des éléments de design localement, sur votre site, ou les enregistrer dans une biblithèque de design que vous pourrez partager et à laquelle vous pourrez accéder depuis tous les sites d'un même compte.
Gestionnaire de thème
Découvrez et modifiez les thèmes de typographie et de couleurs d'un site. Vous pouvez personnaliser les styles de texte et les palettes de couleurs du site dans cette section.
Menus sur mesure
Créez et gérez plusieurs menus sur chaque page de votre site. Choisissez le design du menu, sélectionnez les éléments que vous souhaiter afficher dans le menu, connectez-les aux pages de votre choix et personnalisez chaque menu selon les points de rupture.
Hauteur du viewport (zone d'affichage)
Configurez n'importe quelle section d'un site à 100 % de la hauteur du viewport. De cette manière, il s'adaptera toujours à la hauteur de l'écran, peu importe l'appareil de navigation que vous utilisez.
Fixe, fluide et adapté
Contrôlez le comportement des éléments selon la taille de l'écran. Choisissez une taille fixe ou fluide, ou décidez d'adapter proportionnellement les images et le texte à la zone d'affichage.
Poignées de redimensionnement
Utilisez les poignées de redimensionnement de chaque côté du canvas afin de voir et de designer un site sur n'importe quelle largeur de zone d'affichage.
Empilement
Maintenez les marges verticales entre les éléments d'une zone d'affichage et évitez que ceux-ci ne se chevauchent sur les petits écrans.
Padding d'un container
Définissez les écarts de remplissage des quatre côtés d'une boite afin de toujours garder un espace avec les bords de celle-ci.
Modèle de cascade
Toutes les modifications que vous effectuez à un point de rupture s'appliqueront aux points de rupture plus petits.
Copier au point de rupture
Copiez la mise en page et le style d'un élément, d'un point de rupture à un autre. Par exemple, vous pouvez appliquer le style d'un élément qui apparait sur un téléphone, au même élément sur une tablette, en quelques clics.
Copier le formatage
Copiez des attributs de design d'un élément à un autre pour gagner en efficacité. Choisissez de copier le style d'un élément à un point de rupture spécifique ou copiez le style d'un élément tel qu'il apparait à tous les points de rupture.
Ancres
Aidez vos visiteurs à naviguer sur votre site à l'aide des indicateurs de position invisibles. Tout élément de votre site peut devenir une ancre et vous pouvez y connecter vos boutons et vos menus.
Téléchargement de polices
Téléchargez vos propres polices de texte et utilisez-les sur tous vos sites.
Unités de mesure
Redimensionnez vos éléments selon les pixels, les pourcentages ou la hauteur et largeur du viewport. Vous pouvez également définir la taille des colonnes et des rangées de votre grille en utilisant fr, calc et plus.
See all →
Et ce n'est qu'un début.
Découvrez encore davantage de possibilités pour créer, gérer et publier des sites sophistiqués avec Editor X.
Suite de collaboration.
Organisez votre travail et optimisez la collaboration entre les membres de votre équipe grâce aux différents rôles et autorisations, aux comptes d'équipe, aux bibliothèques de design à partager et plus encore.
Développement web.
Créez des applications web avancées en utilisant du JavaScript sur mesure et des APIs sur Velo - une plateforme de développement ouverte, intégrée à votre site.
CMS sans programmation.
Utilisez les collections de données pour gérer facilement le contenu dynamique d'un site sans avoir à modifier le design.
Marketing et SEO.
Utilisez des intégrations marketing avancées pour mesurer l'impact de vos campagnes, attirer du trafic et récolter des informations sur vos visiteurs.
Solutions pour entreprises.
Répondez aux besoins de toutes les entreprises grâce à des outils eCommerce puissants de nos boutiques en ligne et des systèmes d'abonnement et de réservation sophistiqués.
