Vous pouvez afficher un objet sur certaines tailles d'écran et le masquer sur d'autres. Sélectionnez-le, allez dans Inspecteur > Mesures et, sous Adaptatif, décochez les appareils sur lesquels il ne doit pas apparaître. Cela fonctionne bien pour quelques échanges, par exemple une bannière courte sur les téléphones et une large sur les ordinateurs. Si vous dupliquez la plus grande partie d'une page, une mise en page adaptative ou une page mobile séparée convient généralement mieux (voir le tableau ci-dessous).
Masquer un objet sur certains appareils
- Sélectionnez l'objet.
- Allez dans Inspecteur > Mesures (la troisième icône) et faites défiler jusqu'à Adaptatif.
- Décochez les appareils sur lesquels l'objet ne doit pas apparaître : Afficher sur mobile, Afficher sur tablette, Afficher sur le desktop, Afficher sur un desktop large ou Afficher sur un desktop ultra-large. Placez le pointeur sur une case pour voir les largeurs d'écran qu'elle couvre.
- Rétrécissez puis élargissez la fenêtre d'EverWeb. L'objet disparaît aux tailles que vous avez décochées.
- Publiez, puis vérifiez sur votre téléphone. Avant de publier, vous pouvez cliquer sur Aperçu dans la barre d'outils, choisir Preview QR Code (code QR d'aperçu) et scanner le code avec votre téléphone.
Vous échangez deux versions ? Cochez les tailles d'ordinateur sur l'une, et les tailles de téléphone et de tablette sur l'autre. Vérifiez que chaque taille a l'une des deux cochée, sinon il y aura un vide à cette taille.
Où commencent téléphone, tablette et ordinateur ? Ces largeurs s'appellent des points de rupture. EverWeb les affiche sous forme de lignes pointillées dans l'éditeur. Pour les modifier, cliquez sur Points d'arrêt (les points de rupture) dans la même section Adaptatif, ou choisissez Insérer > Points d'arrêt.... Définir la valeur par défaut rétablit les valeurs d'origine. La plupart des sites Web n'ont jamais besoin de les modifier.
Retrouver un objet masqué
- Pour les voir : choisissez Fenêtre > Afficher les objets cachés. Les objets masqués apparaissent sous forme de cases grises barrées d'une croix. Vous pouvez les voir mais pas cliquer dessus. C'est normal.
- Pour en sélectionner un : faites un clic droit sur une partie vide de la page (ou Contrôle-clic sur Mac), choisissez Objets cachés, puis choisissez l'objet. Vous pouvez ensuite modifier ses cases Show on (Afficher sur), ou le supprimer. Si la page n'a aucun objet masqué, cet élément de menu n'apparaît pas.
Show on Device, une mise en page adaptative ou une page mobile ?
| Show on Device | Mise en page adaptative (Conteneurs) | Page mobile | |
|---|---|---|---|
| Idéal pour | Échanger quelques objets | Le même contenu, réorganisé pour s'adapter à chaque écran | Les pages en Mise en page centrée |
| Type de page | Adaptative ou Mise en page centrée | Adaptative | Mise en page centrée |
| Ce que vous devez tenir à jour | Les deux copies de tout ce que vous échangez | Une page | Deux pages |
Les objets masqués font toujours partie de la page publiée, ils ne sont simplement pas affichés. Donc :
- Utilisez une mise en page adaptative quand le contenu est le même et que seule la disposition change. Consultez Créer une page adaptative avec des conteneurs pour qu'elle s'empile proprement sur un téléphone.
- Ne faites pas deux copies de votre titre principal ou de grandes vidéos. Réorganisez-les plutôt.
- Sur une page en Mise en page centrée, ajoutez une page mobile pour les téléphones. Consultez Mon site Web s'affiche mal sur un téléphone : comment fonctionne le mobile dans EverWeb.
Problèmes courants
| Ce que vous voyez | Pourquoi | Que faire |
|---|---|---|
| Un objet a disparu pendant que vous travailliez | Il est masqué à la largeur actuelle de la fenêtre | Utilisez Fenêtre > Afficher les objets cachés, ou faites un clic droit sur la page et choisissez Objets cachés |
| Les cases Show on sont grisées | L'objet est une Ligne dynamique (Responsive Row). Les Lignes dynamiques sont obsolètes et ne peuvent pas être masquées | Masquez les objets qu'elle contient, ou déplacez-les dans un Conteneur réglé sur Ligne et masquez le Conteneur. Consultez Pourquoi cet objet ne va-t-il pas là où je le fais glisser ? |
| Un espace vide où rien ne s'affiche | Un objet masqué s'y trouve peut-être | Faites un clic droit sur la page, choisissez Objets cachés, sélectionnez-le et supprimez-le si vous n'en avez pas besoin |
| Un objet n'apparaît jamais | Toutes ses cases Show on sont décochées | Cochez-en au moins une |
| Il s'affiche correctement dans EverWeb mais pas sur votre téléphone | Votre téléphone affiche peut-être une copie enregistrée | Ouvrez la page dans une fenêtre privée sur votre téléphone |
Articles connexes
- Pourquoi cet objet ne va-t-il pas là où je le fais glisser ?
- Créer une page adaptative avec des conteneurs pour qu'elle s'empile proprement sur un téléphone
- Mon site Web s'affiche mal sur un téléphone : comment fonctionne le mobile dans EverWeb
- Mon site Web s'affiche bien sur mon ordinateur, mais il est coupé ou désordonné sur mon téléphone