wpt-responsive

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 :-)