Dans cet article, vous apprendrez comment styliser vos pages de renvoi pour les appareils mobiles.
Concevez vos pages ActiveCampaign pour le mobile
Pour commencer à concevoir vos pages pour le mobile, vous devez accéder au mode d'aperçu mobile.
1. Dans l'éditeur de page, , passez votre souris sur le mode d'aperçu "Desktop" situé dans la barre supérieure gauche.
2. Une fenêtre modale apparaît. Cliquez sur l'option "Mobile".
Le mode de prévisualisation passe en mode mobile. Vous pouvez commencer à ajouter, supprimer et modifier des blocs sur votre page.
À propos des substitutions de style pour mobile
Avec le style mobile, vous pouvez choisir de remplacer le style mobile. Les dérogations au style mobile sont des modifications de conception qui ne sont visibles que sur un appareil mobile.
Visibilité
Vous pouvez choisir de rendre un bloc visible ou invisible en vue mobile. Vous pouvez également rendre n'importe quel bloc visible ou invisible en vue de bureau.
Styles de blocs de page
Vous pouvez modifier les styles de bloc suivants pour qu'ils soient différents uniquement en vue mobile :
- Largeur
- Contexte
- Espacement intérieur
- Frontière
- Les coins
- Ombres
- Opacité
Vous ne pouvez pas modifier les styles suivants pour qu'ils soient différents uniquement en vue mobile. Toutes les modifications que vous apportez aux éléments suivants seront automatiquement modifiées sur les écrans de bureau et mobiles :
- Ajout de texte
- Ajout de contenu
- Changer les couleurs du thème
- Style du texte (gras, italique, taille, etc.)
Ajouter des surcharges de style mobile
Toutes les modifications que vous effectuez en mode d'aperçu mobile ajoutent des substitutions de style mobile. Si un élément a une priorité mobile, une icône rouge "X" apparaît dans le volet de droite à côté du style :
Rendre les blocs visibles ou invisibles en vue mobile
Vous pouvez rendre des blocs et même des sections entières de votre page visibles ou invisibles en vue mobile en cliquant sur les icônes "Visibilité" situées dans le volet de droite.
Par défaut, les deux icônes seront sélectionnées. Pour rendre un bloc ou une section visible sur mobile uniquement :
1. Cliquez sur la section dans l'éditeur de page avec lequel vous souhaitez travailler.
2. Cliquez sur l'icône "Desktop" pour la désélectionner.
L'icône "Desktop" passe du bleu au gris ; l'icône "Mobile" reste bleue. Cela signifie que le bloc ou la section n'est visible que sur le mobile.
La réorganisation des blocs de pages ne peut se faire qu'en mode bureau. Toute modification apportée à la mise en page sur le bureau sera répercutée sur le mobile par défaut.
Supprimer les surcharges du style mobile
Pour supprimer les substitutions de style mobile, cliquez sur l'icône de substitution de style mobile. Elle se trouve dans le volet de droite pour le bloc sélectionné.
En supprimant le remplacement du style mobile, les styles de bloc sont rétablis pour correspondre à la conception de l'ordinateur de bureau.