Når du lager nettsider i Elementor, er det veldig viktig å finne ut hvordan nettsiden din er anatomisk. Dette er den vanlige strukturen som alle sidene dine vil ha. Noen ganger kan dine spesifikke krav være slik at du trenger 2 til 4 typer malsider. For hver type må du sette deg ned og nøye finne ut hvordan den er anatomisk. Bruk tid på det og få det til, for hvis du får grunnlaget riktig fra starten av, vil ikke huset ditt smuldre opp og falle! Det sparer deg for mye lappeteppehodepine til slutt.
Så med å få anatomien riktig, mener jeg å finne ut strukturen til siden. Vil det være en sidetittel (vanligvis ja)? Hva med undertekst eller underkategori? Vil det være en nedlastingsseksjon? Hvordan vil hovedinnholdsoverskriftene se ut? Hva med innholdsteksten?
Når du ser på HVERT av disse elementene, må du finne ut TRE ting.
- Hvilken farge vil teksten ha
- Hvilke skriftinnstillinger vil teksten ha (størrelse, tykkelse osv.)
- Og du må finne ut av hver av disse for – STATIONÆR, NETTBRETT og MOBILTELEFON (ellers vil skrivebordsinnstillingene se ville ut på en mobiltelefon). Ikke glem at folk flest nå bruker nettet på telefonene og nettbrettene sine! Så – DU MÅ GJØRE DETTE. Ja, dette er hardt arbeid, men du trenger bare å gjøre det ÉN GANG.
Og Elementor gjør det enklere for deg å gjøre dette med noe som kalles GLOBALE SKRIFTTYPER og GLOBALE FARGER. I bunn og grunn kan du angi GLOBAL FARGE for for eksempel tittelen på alle sidene dine. Du kan deretter angi GLOBAL SKRIFTTYPE for tittelen på alle sidene dine. Det er to fordeler med dette…
- Du trenger ikke å angi de individuelle skrift- og fargekomponentene for hver (for eksempel) sidetittel. De globale skrifttypene og fargene gjør det for deg.
- Hvis du i fremtiden ønsker å endre for eksempel fargen på tittelen på alle sidene dine, endrer du bare innstillingen i den globale fargeseksjonen i stedet for å gå gjennom hver nettside på nettstedet ditt. Tenk deg et nettsted som dette du leser nå – over 300 sider – tenk deg tiden du sparer ved å endre alle sidene fra bare én seksjon!
Her er innstillingene mine for dette nettstedet. Hvis du først vil lære mer om globale fonter og globale farger, skriver du inn «Elementor Global Fonts Colours» på YouTube. Jeg har laget denne siden som en referanse for meg selv i fremtiden, og du vil kanskje gjøre noe lignende for nettstedet ditt.
DT = Skrivebord
TAB = Nettbrett
PH = Telefon
f.eks. DT betyr Desktop : 37, 400, LS -2.5, understrek = 37 skriftstørrelse , 400 tykkelse , LS linjeavstand , understrek er dekorasjon. LH = linjehøyde. WS = ordavstand.
Kategori f.eks. Etikk
Farge #0097FD
Skrifttype: Courier Prime
DT: 27, 400, LS -2.5, understrek
TAB: 27, 400, LS -2.5, understrek
PH: 17, 400, LS -2.5, understrek
underkategori f.eks. Planetarisk helse
Farge #F94A00
Font: Roboto
DT: 35 600
TABLETTER: 35, 600
pH: 25, 600
Tittel f.eks. Induksjon
Farge # F94A00
Font: Roboto
DT: 35, 600, understrek
TABLETTER: 35, 600, understrek
pH: 23, 600, understrek
Undertittel f.eks. alt du vil vite
Farge #0097FD
Skrifttype: Courier Prime
DT: 17 400, LS -2.5
TABLETTER: 17, 400, LS -2.5
pH: 14 400, lav temperatur -2.5
NEDLASTINGER
Boksfarge = #DDDDDD
Kantlinje: Heltrukket, bredde 1 1 1 1, Kantradius 5 5 5 5
Tekstfarge #35C3FF
Tekstfont: Lato
DT: 20 500
TABLETTER: 16, 500
pH: 16, 500
NETTLENKER
Farge #24B72F
Tekstfont og innstillinger for DT, TAB, PH: samme som NEDLASTINGER til venstre
Svømmebanefelt og tekst
Lilla boksfarge #610071
Tekstfarge: # FFFFFF
Tekstfont: Ubuntu kondensert
DT: 27 600
TABLETTER: 27 600
pH: 20 600
Hovedtekst
Farge #333333
Tekstfont: Lato, 15, 400, LH 24
Slik vil teksten se ut…
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.