-
Nå skal du få et lite tips som gjelder
-
juster av fonter, blant annet. Det gjelder
-
egentlig flere ting, men det gjelder
-
spesielt fonter og overskrifter. På
-
forsiden vår så har vi en tittel på topp-
-
feltet her sånn, hvor det står WordPress
-
på norsk. Den er på 60 px. Hvis vi kjører
-
en mobilvisning på samme side, klikker på
-
responsive view her nede og på mobil, så
-
fungerer det jo sånn nogenlunde. Men det
-
kunne vært enda verre. Vi kunne hatt en font
-
på kanskje 90px. Og da ser du at ordene
-
begynner å dele seg. Så ss'ene i WordPress
-
havner nå på linje nr 2. Og noen ganger så
-
kan det være en greit med en font som er
-
kjempestor på desktop, men på mobil så
-
blir det ikke bra. Det som er fint i Thrive
-
Architect, det er jo at du kan justere det
-
her bare ved å dra i spakene her sånn,
-
uten å røre kode i det hele tatt for å få
-
ulike innstillinger på desktop, mobil og
-
nettbrett. Så her velger jeg å justere denne
-
ned til ca 40px, slik at vi får teksten på en
-
linje. Og når jeg lagrer her nede nå, så
-
lagres innstillingene for mobil skjerm. Så
-
de innstillingene her vil vises på liten
-
skjerm. Dvs fra 360px og nedover. Størrelsen
-
står på siden her sånn. En iPad er 768px
-
i høydeformat. Og det er det tablet størrelsen
-
er tilpasset til. Men det er spesielt på mobil
-
som det her er et problem, enten med at
-
overskriften forsvinner ut av skjermen, eller
-
at ordene deler seg. Så det er en enkel måte
-
å løse det her på. Så hvis jeg går tilbake
-
på desktopvisning nå, så er fontstørrelsen
-
fortsatt den samme på stor skjerm. Jeg
-
skal vise deg en annen ting også som kan
-
være kjekt å vite når det gjelder mobil
-
visning. La oss si at det banneret som ligger
-
her bare er til pynt. I grunn så er det jo det.
-
Det har ikke veldig stor nytteverdi, spesielt
-
ikke på mobil hvor den tar stor plass. En
-
ting du kan gjøre her er å markere hele
-
denne bakgrunnsseksjonen, og når den
-
er valgt så vil du se at det står "background
-
section" her oppe. Da er hele dette feltet
-
valgt. Hvis jeg nå scroller meg litt ned
-
her sånn, så vil du se at vi har noen
-
responsive innstillinger her sånn. Og jeg
-
kan faktisk velge å ikke vise denne bak-
-
grunnsseksjonen i det hele tatt på mobil.
-
Da skrur jeg rett og slett av den her: Mobile
-
hidden. Og hvis vi nå tar en titt, skal bare
-
lagre først. Hvis vi NÅ tar en titt på mobil
-
så ser du at hele den toppseksjonen er
-
borte, og du kommer rett på teksten om
-
gratiskurset. Og jeg kan hente den fram igjen ved å
-
velge "visible" igjen. Dette er spesielt praktisk for
-
optinbokser. Hvis du har laget en optinboks
-
for desktopvisning som er stor og dominerende,
-
så vil den ofte fylle hele skjermbildet for
-
mobil. Det du kan gjøre da, spesielt hvis
-
du bruker Thrive Leads, så kan du lage
-
to forskjellige optinbokser som er
-
beregnet for stor skjerm, og så kan du lage
-
en mindre variant som du stripper helt
-
ned til en minimum størrelse for å få med
-
bare det mest elementære. Og så kan du
-
velge å ha den store optin "visible" på
-
desktop og skjult på mobil, mens den lille
-
kan være skjult på desktop og synlig på
-
mobil. Så på denne måten kan du justere
-
utseendet på nettsiden din i langt større
-
grad enn du hadde mulighet til i den gamle
-
Thrive Content Builder versjonen. OK, jeg
-
håper du hadde nytte av noe av det her!
-
Vi høres igjen :-)