0:00:00.000,0:00:04.000
Nå skal du få et lite tips som gjelder

0:00:04.000,0:00:07.117
juster av fonter, blant annet. Det gjelder

0:00:07.117,0:00:10.007
egentlig flere ting, men det gjelder

0:00:10.007,0:00:12.771
spesielt fonter og overskrifter. På

0:00:12.771,0:00:15.577
forsiden vår så har vi en tittel på topp-

0:00:15.577,0:00:18.045
feltet her sånn, hvor det står WordPress

0:00:18.045,0:00:21.341
på norsk. Den er på 60 px. Hvis vi kjører

0:00:21.341,0:00:25.752
en mobilvisning på samme side, klikker på

0:00:25.752,0:00:29.349
responsive view her nede og på mobil, så

0:00:29.349,0:00:32.533
fungerer det jo sånn nogenlunde. Men det

0:00:32.533,0:00:38.473
kunne vært enda verre. Vi kunne hatt en font

0:00:38.473,0:00:44.259
på kanskje 90px. Og da ser du at ordene

0:00:44.259,0:00:47.606
begynner å dele seg. Så ss'ene i WordPress

0:00:47.606,0:00:51.046
havner nå på linje nr 2. Og noen ganger så

0:00:51.046,0:00:53.454
kan det være en greit med en font som er

0:00:53.454,0:00:55.420
kjempestor på desktop, men på mobil så

0:00:55.420,0:00:58.109
blir det ikke bra. Det som er fint i Thrive

0:00:58.109,0:01:00.578
Architect, det er jo at du kan justere det

0:01:00.578,0:01:03.300
her bare ved å dra i spakene her sånn,

0:01:03.300,0:01:06.144
uten å røre kode i det hele tatt for å få

0:01:06.144,0:01:08.990
ulike innstillinger på desktop, mobil og

0:01:08.990,0:01:12.753
nettbrett. Så her velger jeg å justere denne

0:01:12.753,0:01:18.784
ned til ca 40px, slik at vi får teksten på en

0:01:18.784,0:01:22.237
linje. Og når jeg lagrer her nede nå, så

0:01:22.237,0:01:25.121
lagres innstillingene for mobil skjerm. Så

0:01:26.046,0:01:28.672
de innstillingene her vil vises på liten

0:01:28.672,0:01:36.073
skjerm. Dvs fra 360px og nedover. Størrelsen

0:01:36.073,0:01:42.221
står på siden her sånn. En iPad er 768px

0:01:42.221,0:01:45.571
i høydeformat. Og det er det tablet størrelsen

0:01:45.571,0:01:47.849
er tilpasset til. Men det er spesielt på mobil

0:01:47.849,0:01:51.202
som det her er et problem, enten med at

0:01:51.202,0:01:53.012
overskriften forsvinner ut av skjermen, eller

0:01:53.012,0:01:57.419
at ordene deler seg. Så det er en enkel måte

0:01:57.419,0:02:00.290
å løse det her på. Så hvis jeg går tilbake

0:02:00.290,0:02:04.138
på desktopvisning nå, så er fontstørrelsen

0:02:04.138,0:02:07.549
fortsatt den samme på stor skjerm. Jeg

0:02:07.549,0:02:09.452
skal vise deg en annen ting også som kan

0:02:09.452,0:02:11.982
være kjekt å vite når det gjelder mobil

0:02:11.982,0:02:15.980
visning. La oss si at det banneret som ligger

0:02:15.980,0:02:18.887
her bare er til pynt. I grunn så er det jo det.

0:02:18.887,0:02:21.764
Det har ikke veldig stor nytteverdi, spesielt

0:02:21.764,0:02:24.954
ikke på mobil hvor den tar stor plass. En

0:02:24.954,0:02:28.665
ting du kan gjøre her er å markere hele

0:02:28.665,0:02:34.325
denne bakgrunnsseksjonen, og når den

0:02:34.325,0:02:36.102
er valgt så vil du se at det står "background

0:02:36.102,0:02:38.476
section" her oppe. Da er hele dette feltet

0:02:38.476,0:02:42.281
valgt. Hvis jeg nå scroller meg litt ned

0:02:42.281,0:02:44.743
her sånn, så vil du se at vi har noen

0:02:44.743,0:02:47.118
responsive innstillinger her sånn. Og jeg

0:02:47.118,0:02:49.838
kan faktisk velge å ikke vise denne bak-

0:02:49.838,0:02:52.122
grunnsseksjonen i det hele tatt på mobil.

0:02:52.122,0:02:55.275
Da skrur jeg rett og slett av den her: Mobile

0:02:55.275,0:03:01.806
hidden. Og hvis vi nå tar en titt, skal bare

0:03:01.806,0:03:04.622
lagre først. Hvis vi NÅ tar en titt på mobil

0:03:04.622,0:03:07.472
så ser du at hele den toppseksjonen er

0:03:07.472,0:03:10.804
borte, og du kommer rett på teksten om

0:03:10.804,0:03:14.109
gratiskurset. Og jeg kan hente den fram igjen ved å

0:03:14.109,0:03:18.092
velge "visible" igjen. Dette er spesielt praktisk for

0:03:18.092,0:03:22.854
optinbokser. Hvis du har laget en optinboks

0:03:22.854,0:03:26.124
for desktopvisning som er stor og dominerende,

0:03:26.124,0:03:29.487
så vil den ofte fylle hele skjermbildet for

0:03:29.487,0:03:32.495
mobil. Det du kan gjøre da, spesielt hvis

0:03:32.495,0:03:35.806
du bruker Thrive Leads, så kan du lage

0:03:35.806,0:03:38.232
to forskjellige optinbokser som er

0:03:38.232,0:03:41.536
beregnet for stor skjerm, og så kan du lage

0:03:41.536,0:03:43.900
en mindre variant som du stripper helt

0:03:43.900,0:03:46.636
ned til en minimum størrelse for å få med

0:03:46.636,0:03:49.093
bare det mest elementære. Og så kan du

0:03:49.093,0:03:53.246
velge å ha den store optin "visible" på

0:03:53.246,0:03:56.300
desktop og skjult på mobil, mens den lille

0:03:56.300,0:04:00.215
kan være skjult på desktop og synlig på

0:04:00.215,0:04:09.121
mobil. Så på denne måten kan du justere

0:04:09.121,0:04:13.730
utseendet på nettsiden din i langt større

0:04:13.730,0:04:17.653
grad enn du hadde mulighet til i den gamle

0:04:17.653,0:04:20.305
Thrive Content Builder versjonen. OK, jeg

0:04:20.305,0:04:22.323
håper du hadde nytte av noe av det her!

0:04:22.323,0:04:24.335
Vi høres igjen :-)