L'éditeur d'affichage mobile vous permet d'adapter votre site web pour être consulté sur des appareils mobiles. Les modifications effectuées dans l'éditeur d'affichage mobile n'ont aucune incidence sur la version de bureau de votre site.
Vous pouvez effectuer les réglages suivants :
- Masquer les éléments dans l'affichage mobile.
- Modifier la taille de la police
- Adapter l'alignement des boutons
- Éditer l'en-tête et le menu
- Modifier l'ordre des éléments
- Verrouiller des éléments dans le bas de la page
Nous améliorons Website Builder en permanence. Toutefois, certaines optimisations ne seront visibles qu'une fois que vous aurez republié votre site web. Cette la raison pour laquelle nous vous recommandons de republier votre site avant d'utiliser l'éditeur d'affichage mobile.
Vous n'avez pas encore de site web ? Avec Website Builder, notre programme facile à utiliser, vous pouvez créer un site web professionnel vous-même sans avoir de compétences en codage.
Masquer les éléments dans l'affichage mobile.
Vous pouvez masquer des parties de votre site qui ne vous semblent pas adaptées à un affichage mobile telles qu'un en-tête imposant, par exemple.
- Sélectionner le composant que vous souhaitez masquer et cliquer sur l'icône en forme d'œil sur la droite pour masquer le composant.
- L'élément sera repris dans la section Éléments masqués à gauche de votre écran.
- Cliquez sur l'icône + sous Éléments masqués pour annuler l'action et faire réapparaître l'élément.
Astuce : Les raccourcis suivants s'avèrent utiles pour l'édition de votre site pour les versions mobiles : passer de l'éditeur mobile à bureau avec Ctrl/Cmd+J et afficher un aperçu de votre site avec Ctrl/Cmd+P.
Modifier la taille de la police
Vous pouvez réduire ou agrandir la taille de la police ou modifier l'alignement (à gauche, à droite, centre, justifié), si un titre n'est pas adapté à votre page par exemple.
Cliquez sur le texte que vous souhaitez adapter. Vous verrez les options suivantes s'afficher :
- Pour agrandir ou réduite le texte, cliquer sur les icônes A- et A+.
- Modifier l'alignement du texte à gauche, centre, à droite ou justifié.
- Supprimer tous les formatages et réinitialiser les paramètres par défaut en cliquant sur le bouton Tx.
Adapter l'alignement des boutons
La présentation des boutons peut être modifiée pour l'affichage mobile.
- Cliquer sur le bouton que vous souhaitez modifier et choisissez entre un alignement du bouton à droite, au centre, à gauche ou justifié.
- Lorsqu'un bouton est justifié, il occupe toute la largeur de la page.
Éditer l'en-tête et le menu
Vous pouvez modifier l'aspect de l'en-tête visible en haut de l'écran de sorte à ce qu'il soit adapté à votre site. Par défaut, le nom de la page est visible dans le coin supérieur gauche, l'icône menu est située à droite et le style de l'en-tête dépend du modèle que vous utilisez.
Cliquez sur l'icône menu dans le coin en haut à droite pour ouvrir le panneau de configuration. Vous pouvez modifier les paramètres suivants :
- Afficher le logo - Cochez cette case pour afficher votre logo dans le coin en haut à gauche de l'en-tête de votre site. Vous êtres libre de sélectionner l'image que vous souhaitez mais nous vous recommandons toutefois d'utiliser une image avec un fond transparent.
- Afficher le titre - Le titre de la page s'affiche par défaut. Vous pouvez cependant choisir d'afficher le titre de votre site web à la place.
- En-tête fixe - Cocher cette case pour que l'en-tête reste visible sur la page lorsque vos visiteurs déroulent vers le bas.
- Utiliser un style personnalisé - Cocher cette case si vous souhaitez modifier le style du titre, du menu et de l'arrière-plan. Vous pouvez modifier la police, la couleur et la couleur d'arrière-plan. Dans le menu style, vous pouvez éditer le style du menu fermé, du menu ouvert ainsi que l'aspect d'une page sélectionnée dans le menu ouvert.
Par défaut, cette option n'est pas cochée et le style dépend du modèle que vous utilisez.
Modifier l'ordre des éléments
Vous pouvez modifier l'ordre dans lequel les éléments s'affichent sur votre page en les déplaçant vers le haut et vers le bas.
- Cliquer sur le composant que vous souhaitez déplacer et maintenir le curseur pendant tout le déplacement.
- Vous pouvez également vous servir des flèches à droite de votre écran pour déplacer l'élément de votre choix.
- Certains éléments sont regroupés dans un encadré et ne peuvent être déplacés en dehors. Il vous est toutefois possible de déplacer l'encadré avec tous les éléments intégrés.
Verrouiller des éléments dans le bas de la page
Les composants du modèle (dans le pied de page) peuvent être verrouillés en bas de vos pages.
- Faites un clic droit sur l'élément que vous souhaitez déplacer vers le bas et cliquez sur "Verrouiller dans le bas" dans le menu qui s'affiche.
- Les composants verrouillés en bas apparaissent surlignés en bleu lorsque vous passez le curseur dessus. Il n'est pas possible de modifier l'ordre des composants verrouillés en bas.
- Pour déverrouiller un élément, sélectionnez-le et cliquez sur l'icône déverrouiller à droite de votre écran.
Astuce : Vous pouvez aussi bien verrouiller l'intégralité du pied de page que seulement quelques éléments situés en bas.
Vous n'avez pas accès à Website Builder ? Tentez l'essai gratuit de 14 jours pour créer un site web en quelques clics. Commencer votre essai gratuit maintenant
Articles associés :