Les modifications apportées à un appareil sont visibles sur tous les appareils. Par exemple, si une ligne est supprimée sur la version tablette de votre site, elle sera également absente des versions ordinateur et mobile. En effet, le contenu peut être partagé entre tous les appareils. Toutefois, vous pouvez personnaliser l'affichage du contenu selon l'appareil utilisé. Pour cela, utilisez nos fonctionnalités de modification par appareil et proposez à vos visiteurs un contenu adapté à l'appareil qu'ils utilisent pour accéder à votre site.
Lors de la modification des paramètres d'un appareil, il est souvent nécessaire de changer d'affichage. Pour plus d'informations, consultez la section Changer d'affichage.
Barres d'information d'affichage
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 l'icône correspondante dans la barre de navigation supérieure afin de basculer vers cet appareil, puis effectuez vos modifications.
Masquer sur l'appareil
Presque tout dans l'éditeur, à l'exception de l'en-tête et du pied de page, peut être modifié pour chaque appareil en adaptant le contenu à cet appareil.
Pour modifier le contenu par appareil :
- Copiez le contenu que vous souhaitez rendre spécifique à un appareil. Cliquez avec le bouton 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 choisissez l'appareil sur lequel vous souhaitez masquer le widget. Par exemple, si vous définissez un bouton sur « Masquer sur ordinateur », le bouton disparaîtra de l'ordinateur, mais restera visible sur les versions tablette et mobile du site.
- Cliquez sur le contenu original et sélectionnez « Masquer sur l'appareil », puis masquez le contenu sur les appareils sur lesquels vous ne souhaitez pas le modifier. Par exemple, si vous configurez votre bouton de copie sur « Masquer sur ordinateur », vous configurerez le bouton original sur « Masquer sur tablette » et « Masquer sur mobile ». Ainsi, vous aurez deux boutons différents : un sur votre ordinateur et un autre sur votre tablette et votre mobile.
- Si vous souhaitez que le contenu soit différent sur les trois appareils, vous pouvez le copier à nouveau (vous aurez ainsi 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, affichés chacun sur un appareil différent. Toute modification ultérieure apportée à ces contenus n'affectera que l'appareil sur lequel ils sont affichés.
Note :
Il est possible que du contenu masqué apparaisse encore dans le code du site en ligne (après publication/republication). Ce comportement est normal et dû à la technologie utilisée. Pour plus d'informations, consultez la section « Pourquoi du contenu que j'ai masqué apparaît-il dans les audits ? »
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 « Modifier affecte les ordinateurs de bureau et les tablettes » accompagné d'une icône représentant les appareils.
Plusieurs options de modification dans l'éditeur peuvent être modifiées sans affecter la version mobile. Les voici :
- 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 déjà modifié sur mobile)
- Les modifications apportées à l'en-tête et au pied de page sur tablette n'affectent pas les affichages sur ordinateur et mobile.
Toute autre modification effectuée dans la vue de chaque appareil affectera les autres appareils.
Outre les options mentionnées ci-dessus, vous pouvez effectuer d'autres modifications de paramètres sans affecter les autres appareils. Celles-ci sont signalées par une icône indiquant que les modifications ne concernent que cet appareil .
Modifications spécifiques au widget
Bien que certains widgets fonctionnent parfaitement sur tous les appareils, il existe des différences importantes entre les appareils, ce qui nécessite un ensemble différent de fonctionnalités ou de préférences de conception pour chaque appareil.
Vous trouverez ci-dessous une liste de widgets accompagnée de suggestions de conception et de notes pour adapter certains widgets à certains appareils.
Images de fond
En raison des différences importantes de format d'image entre les appareils, il est essentiel d'apporter un soin particulier à la conception des images sur votre site web.
Par exemple, une image de fond pleine page sur un seul écran peut être superbe sur un ordinateur, mais affreuse sur un appareil mobile. Cela peut s'expliquer par le fait que les ordinateurs sont mieux adaptés aux images larges, contrairement aux appareils mobiles.
Vous pouvez définir un arrière-plan 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 les ordinateurs de bureau et une image plus étroite pour les mobiles et les tablettes.
Widget Slider
Comme pour l'image d'arrière-plan, les images que vous avez sélectionnées pour la version de bureau du widget de diaporama peuvent ne pas être aussi bien rendues sur une tablette ou un ordinateur. Il est recommandé de :
- Ajustez la taille du cadre pour que le curseur s'affiche correctement sur mobile, ou
- Masquez le curseur sur l'ordinateur et créez une version spécifiquement conçue pour les appareils mobiles.
Widget Images et icônes
La taille du widget image ne s'ajuste pas automatiquement sur la version mobile. Il est important de vérifier les paramètres de votre appareil mobile 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 disposent d'aucun effet de survol. Toute option ou mise en page de survol est désactivée sur ces appareils.
Widget Cartes
Le widget Carte propose des options spécifiques à chaque appareil permettant de déterminer quand il s'affichera sous forme de bouton ou de carte.
Widget de formulaires de contact
Sur mobile, les formulaires de contact afficheront toujours un champ par ligne.
Considérations
Lors de la modification de widgets spécifiques à un appareil, pensez à vérifier tous les affichages avant de publier votre site web. Les widgets peuvent facilement être mal positionnés si l'option « Masquer sur l'appareil » est activée.
Pour plus d'informations sur le changement d'affichage, consultez cet article.