Avec GemPages, vous pouvez contrôler la visibilité d'éléments ou de sections spécifiques sur tous les appareils, garantissant que vos pages s'affichent parfaitement sur ordinateur et sur mobile.
Par exemple, la conception et le contenu qui fonctionnent sur un ordinateur de bureau peuvent ne pas être idéaux pour un appareil mobile. En affichant et en masquant des éléments en fonction de la taille de l'écran, vous pouvez garantir une expérience utilisateur plus fluide et plus efficace.
Supposons que vous conceviez un bouton d'appel à l'action (CTA) pour votre site Web :
- Bureau:Vous souhaitez que le CTA soit plus grand et plus détaillé
- Mobile:Parce que l'espace sur l'écran est limité, vous optez pour une version plus épurée et plus simple.
En utilisant la fonctionnalité afficher/masquer de GemPages, vous pouvez créer différentes versions du même bouton, en les personnalisant pour répondre aux exigences uniques de chaque taille d'écran.
Comment afficher et masquer un élément ?
Étape 1 : Dans l'éditeur GemPages, ajoutez un nouvel élément ou cliquez sur un élément existant que vous souhaitez personnaliser pour différents appareils.
Pour cet exemple, supposons que vous travaillez avec un Appel à l'action (CTA) .
Étape 2 : Dans GemPages, dupliquez le bouton CTA pour créer deux boutons CTA distincts : un pour le bureau et un pour le mobile.
Étape 3 : Personnalisez les deux boutons selon vos préférences.
Étape 4 : Définir les propriétés d'affichage
- Sélectionnez le bouton que vous souhaitez afficher uniquement sur le bureau. Dans le Avancé languette, Utilisez l' Afficher sur paramètre pour garantir qu'il n'apparaît que sur les écrans de bureau.
- Sélectionnez l'autre destiné au mobile, ajustez le Afficher sur paramètre pour le masquer de la vue du bureau tout en le gardant visible sur les appareils mobiles.
Comment afficher et masquer une section ?
Vous pouvez également afficher et masquer des sections entières en fonction de la taille de l'écran. Cela est particulièrement utile si vous avez de grands blocs de contenu ou des fonctionnalités spécifiques qui ne s'adaptent pas bien aux écrans plus petits.
Étape 1 : Sélectionnez la section que vous souhaitez masquer sur mobile.
Étape 2 : Une fois l’élément sélectionné, les paramètres apparaîtront sur le côté droit de l’éditeur.
Cliquez sur le Onglet Avancé en haut du panneau des paramètres. À l'aide de Afficher sur fonctionnalité permettant de régler la visibilité.
- Afficher la section uniquement sur les écrans de bureau.
- Cacher il est visualisé sur des appareils mobiles.
Questions fréquentes
Pourquoi la fonction Afficher/Masquer ne fonctionne-t-elle pas sur iPhone ?
- Vérifiez les paramètres d'affichage : Assurez-vous que l'élément ou la section est activé pour Mobile Dans l'onglet Avancé. Si l'option est masquée sur mobile, elle n'apparaîtra pas sur iPhone.
- Évitez le chevauchement des éléments : Sur mobile, un élément peut être visible mais masqué par une autre section ou un autre élément. Vérifiez l'espacement, la position (notamment absolue/fixe) et l'indice z, le cas échéant.
- Vider le cache et actualiser : Si des modifications ont été apportées récemment, videz le cache de votre navigateur ou actualisez la page sur votre iPhone pour vous assurer que la dernière version est chargée.
Merci pour vos commentaires