In questo articolo, imparerai come modellare le tue landing page per dispositivi mobili.
Progetta le tue pagine ActiveCampaign per dispositivi mobili
Per iniziare a progettare le tue pagine per dispositivi mobili, dovrai accedere alla modalità di anteprima mobile.
1. Dall'editor di pagine, passa il mouse sulla modalità di anteprima "Desktop" situata nella barra in alto a sinistra.
2. Apparirà una finestra modale. Fai clic sull'opzione "Mobile".
La modalità di anteprima passerà al mobile. Puoi iniziare ad aggiungere, rimuovere e modificare blocchi nella tua pagina.
Informazioni sulle sostituzioni di stili per dispositivi mobili
Con lo stile mobile, puoi scegliere di creare sostituzioni di stile mobile. Le sostituzioni di stile mobile sono modifiche di progettazione visibili solo su un dispositivo mobile.
Visibilità
Puoi scegliere di rendere visibile o invisibile qualsiasi blocco nella vista mobile. È inoltre possibile rendere visibile o invisibile qualsiasi blocco nella vista desktop.
Stili di blocco pagina
Puoi modificare i seguenti stili di blocco in modo che siano diversi solo all'interno della vista per dispositivi mobili:
- Larghezza
- Priorità bassa
- Spaziatura interna
- confine
- Angoli
- Ombre
- Opacità
Non è possibile modificare i seguenti stili in modo che siano diversi solo nella vista mobile. Qualsiasi modifica apportata a quanto segue cambierà automaticamente nella vista desktop e mobile:
- Aggiunta di testo
- Aggiunta di contenuto
- Modifica dei colori del tema
- Stile del testo (grassetto, corsivo, dimensioni, ecc.)
Aggiungere sostituzioni di stile mobile
Tutte le modifiche apportate in modalità di anteprima per dispositivi mobili aggiungono sostituzioni in stile mobile. Se un elemento ha una sostituzione mobile, un'icona rossa "X" apparirà nel riquadro di destra accanto allo stile:
Rendere i blocchi visibili o invisibili nella vista mobile
Puoi rendere visibili o invisibili blocchi e persino intere sezioni della tua pagina nella vista mobile facendo clic sulle icone "Visibilità" situate nel riquadro di destra.
Per impostazione predefinita, entrambe le icone saranno selezionate. Per rendere visibile un blocco o una sezione solo sui dispositivi mobili:
1. Fai clic sulla sezione nell'editor di pagine con cui desideri lavorare.
2. Fare clic sull'icona "Desktop" per deselezionarla.
L'icona "Desktop" passerà dal blu al grigio; l'icona "Mobile" rimarrà blu. Ciò significa che il blocco o la sezione è visibile solo sul cellulare.
La riorganizzazione dei blocchi di pagina può essere eseguita solo in modalità desktop. Qualsiasi modifica apportata al layout di pagina sul desktop si rifletterà sui dispositivi mobili per impostazione predefinita.
Rimuovere le sostituzioni di stile mobile
Per rimuovere le sostituzioni dello stile mobile, fai clic sull'icona di sostituzione dello stile mobile. Si trova nel riquadro di destra per il blocco selezionato.
La rimozione dell'override dello stile mobile ripristina gli stili di blocco in modo che corrispondano al design del desktop.