Les modifications apportées sur un appareil apparaissent sur tous les appareils. Par exemple, si une ligne est supprimée sur la version tablette de votre site, elle disparaîtra également sur les versions ordinateur et mobile. En effet, le contenu peut être partagé sur tous les appareils. Cependant, vous pouvez différencier le contenu affiché sur chaque appareil. Pour ce faire, utilisez nos fonctionnalités de modification par appareil et proposez à vos visiteurs un contenu adapté à l'appareil depuis lequel ils accèdent à votre site.
Lors de la modification d'un appareil spécifique, il est souvent nécessaire de changer de vue. Pour plus d'informations, consultez la section « Changer de vue » .
Afficher les barres d'informations
Certains widgets et fonctionnalités peuvent n'apparaître que sur certains appareils. Pour modifier le style d'un widget sur un appareil spécifique, cliquez sur la vue de l'appareil dans la barre de navigation supérieure pour accéder à cette vue, puis effectuez votre modification.
Masquer sur l'appareil
Presque tout dans l'éditeur, à l'exception de l'en-tête et du pied de page, peut être modifié appareil par appareil en rendant le contenu spécifique à cet appareil.
Pour modifier le contenu par appareil :
- Copiez le contenu que vous souhaitez rendre spécifique à l'appareil. Faites un clic droit sur le widget , cliquez sur Copier , puis sur Coller .
- Faites un clic droit sur l'un des widgets , sélectionnez « Masquer sur l'appareil », puis sélectionnez l'appareil sur lequel vous souhaitez masquer le widget. Par exemple, définir un bouton sur « Masquer sur l'ordinateur » le supprime de l'ordinateur, mais l'affiche sur les sites tablette et mobile.
- Cliquez sur le contenu original et sélectionnez « Masquer sur l'appareil » , puis masquez le contenu sur le ou les appareils sur lesquels vous ne souhaitez pas le modifier. Par exemple, si vous définissez le bouton copié sur « Masquer sur ordinateur » , vous définirez le bouton d'origine sur « Masquer sur tablette » et « Masquer sur mobile » . Vous aurez ainsi deux boutons distincts : l'un sur ordinateur, l'autre sur tablette et mobile.
- Si vous souhaitez que le contenu soit différent sur les trois appareils, vous pouvez le copier à nouveau (vous disposez ainsi d'un total de trois copies du même contenu) et afficher un bouton différent sur chaque appareil.
- Vous disposez désormais de deux (ou trois) contenus identiques, mais différents, chacun affiché sur un appareil différent. Toute modification ultérieure de ce contenu n'affectera que l'appareil sur lequel il est configuré pour s'afficher.
Modifications qui n'affectent pas les autres appareils
Note :
De nombreux paramètres indiquent les appareils concernés. Par exemple, un paramètre peut indiquer « La modification affecte les ordinateurs de bureau et les tablettes », accompagné d'une icône représentant les appareils.
Plusieurs modifications dans l'éditeur peuvent être effectuées sans affecter la version mobile. Voici les suivantes :
- Espacement (marges et remplissage)
- Positionnement
- Largeur
- Hauteur
- Arrière-plan du site / de la page
- Taille de la police (cela n'affectera pas le texte qui a déjà été modifié sur mobile)
- Les modifications apportées à l'en-tête et au pied de page sur la vue tablette n'affectent pas la vue bureau et mobile
Chaque autre modification que vous effectuez dans la vue de chaque appareil affectera les autres appareils.
Outre la liste ci-dessus, vous pouvez ajuster les paramètres sans affecter les autres appareils. Ces modifications s'affichent avec l'icône « Modifications affectant uniquement cet appareil » dans l'éditeur.
Modifications spécifiques aux widgets
Bien que certains widgets fonctionnent correctement sur tous les appareils, il existe des différences radicales entre les appareils, ce qui crée le besoin d'un ensemble différent de fonctionnalités ou de préférences de conception par appareil.
Vous trouverez ci-dessous une liste de widgets avec des suggestions de conception et des notes pour personnaliser certains widgets sur certains appareils.
Images d'arrière-plan
En raison des différences considérables dans les rapports hauteur/largeur entre les appareils, il est important de porter une attention particulière à la manière dont vous concevez les images de votre site web.
Par exemple, un arrière-plan pleine page sur une ligne peut être superbe sur un ordinateur, mais horrible sur un appareil mobile. Cela peut s'expliquer par le fait que les ordinateurs sont plus adaptés aux images de grande largeur, tandis que les appareils mobiles sont exactement le contraire.
Vous pouvez définir un arrière-plan de page différent pour chaque appareil dans les paramètres du thème du site. Il est recommandé d'utiliser une image d'arrière-plan large pour ordinateur et une image étroite pour mobile ou tablette.
Widget de curseur
Comme pour l'image d'arrière-plan, les images sélectionnées pour la version bureau du widget curseur peuvent ne pas être aussi performantes sur tablette ou mobile. Il est recommandé de :
- Ajuster la taille du cadre pour que le curseur s'adapte au mobile, ou
- Masquer le curseur sur le bureau et créer une version spécifique pour mobile
Widget d'images et d'icônes
La taille du widget image n'est pas automatiquement ajustée dans la version mobile. Il est important de vérifier les appareils mobiles sur lesquels le widget image est utilisé afin d'effectuer les ajustements nécessaires.
Effets de survol sur tablettes/appareils mobiles
Contrairement aux ordinateurs de bureau, les tablettes et les appareils mobiles ne proposent aucun effet de survol. Toute disposition ou option de survol est désactivée sur les tablettes et les appareils mobiles.
Widget Cartes
Le widget Carte dispose d'options spécifiques à l'appareil pour savoir quand il s'affichera sous forme de bouton ou de carte.
Widget de formulaires de contact
Les formulaires de contact apparaîtront toujours avec une entrée par ligne sur mobile.
Considérations
Lorsque vous modifiez des widgets spécifiques à un appareil, pensez à vérifier toutes les vues avant de publier votre site web. Les widgets peuvent facilement être oubliés avec l'option « Masquer sur l'appareil ».
Pour plus d'informations sur le changement de vue, lisez cet article .