Miniguide til WordPress og DIVI

Guiden er til dig, der har fået bygget website i WordPress og DIVI. Dig, der gerne vil kunne rette tekster, sætte nye billeder ind etc.

Jeg vil anbefale, at du læser hele denne guide FØR du begynder at slette, rette eller tilføje indhold på dit website.

Du behøver ikke være IT-nørd
eller have teknisk superpower
for at designe smarte websider
med DIVI og WordPress

At skrive webtekster og designe websider er noget helt andet end at bygge website

Du kan sammenligne det med bygge køkken - og lave mad. Køkkensnedkeren kan bygge køkken - men er næppe specialist i at lave mad.

At skrive og designe handler ikke om det tekniske, men om at have sans for tekster, farver, billeder, kommunikation og brugernes vaner. Du behøver ikke være en nørd til koder, it og teknik.

Man kan være god til at lave mad - eller god til at producere og præsentere indhold. Du behøver ikke også kunne bygge website eller køkken.

Kommer du til at ødelægge noget på dit website?

Du skal ikke være bange for at prøve dig frem.
Man kan finde “tidligere versioner” af en side.
Du kommer næppe til at lave uoprettelige fejl.

De hyppigste, værste og mest alvorlige fejl kan du undgå ved at skaffe viden.

Du bør især lære om billeder til web. 99 ud af 100 laver nemlig alvorlige fejl med billeder!

Guide til brug af billeder på web

Log ind på dit website

Vil du lave ændringer på dit website, skal du først logge på.
Skriv wp-admin efter webadressen

https://dit-website.dk/wp-admin

Har du glemt brugernavn og/eller adgangskode?

Brug linket “mistet din adgangskode” i bunden af login-boksen.

Først en advarsel

DIVI er nem at bruge… når du har trænet

117 ting kan drille. Noget er svært, tidkrævende, umuligt eller helt anderledes, end du forestillede dig - fordi du ikke endnu har prøvet og øvet.

DIVI er faktisk ret nem at bruge. Men der er en del, du lige skal lære først.

At rette hist og pist i en tekst - eller lægge et nyt blogindlæg på - er ikke svært. Det lærer du ret hurtigt. Men…

At designe websider er et håndværk som meget andet. Det er ikke nemt før du har lært det grundlæggende.

Kontrolpanelet

Det første du ser, når du har logget ind på dit WordPress website er kontrolpanelet.

Det kan se lidt forskelligt ud afhængig af, om du er administrator eller redaktør på websitet.

Menupunkterne i den sorte bjælke i venstre side kan være flere eller færre afhængig af, hvilke funktioner der er installeret på netop dit website.

Skift mellem frontend og backend

Fra kontrolpanelet (backend) har du adgang til alle sider, blogindlæg og funktioner.

Jeg vil anbefale, at du starter oppe i venstre hjørne af kontrolpanelet

Aktiver linket med navnet på dit website (eller det lille hus-ikon) og vælge menupunktet besøg website. Sådan kommer du til websitets frontend.

Grundlæggende viden om DIVI

DIVI er en såkaldt pagebuilder - en ekstra funktion, der bliver installeret på WordPress.

Med en pagebuilder kan man bygge sider. Eller designe sider, om du vil…

Sider kan ned til mindste lillebitte detalje designes præcis som du ønsker.

Hvor flotte og smarte siderne bliver afhænger ikke af DIVI, men af den, der bruger DIVI som værktøj.

Skal det være både smart, brugervenligt, brugbart og flot, kræver det naturligvis både viden (om design, web, brugeradfærd) og erfaring (træning i at bruge DIVI).

DIVI er et værktøj med massevis af smarte funktioner og indstillingsmuligheder.

Sektioner, rækker og moduler

Med DIVi opbygger man sider ved at kombinere sektioner, rækker og moduler. Jeg sammenligner det med at “bygge lagkage”

SEKTIONER

Man bygger en side i lag - af flere og forskellige sektioner.

RÆKKER

I sektioner indsætter man rækker, der inddeles i kolonner

MODULER

I kolonnerne indsætter man moduler - og der placeres indhold. De mest brugte moduler er modulet til tekst og modulet til billeder.

Her er der én sektion, to rækker og tre moduler

Første række er en kolonne med et tekstmodul.

Anden række er to kolonner med et tekstmodul og et billedmodul.

… og sådan bygger man. Ved at kombinere sektioner, rækker i kolonner og moduler.

Indhold ligger i moduler.
Moduler holdes på plads i kolonner - der inddeles i rækker.
Rækker samles i sektioner.

Når man kombinerer de enkelte dele, kan man arbejde i backend eller frontend…. To meget forskellige måder at arbejde på.

Kigger du på en side i backend er det nemt at se hvordan den er inddelt i sektioner, rækker/kolonner og moduler.

Kigger du i frontend er det lettest at se, hvordan indhold designes.

Backend

Du skal være logget ind på dit website for at have adgang til backend - også kaldet kontrolpanelet. De første gange du redigerer i dit indhold, vil jeg anbefale, at du gør det i backend.

Frontend

Her ser du samme side i frontend. Altså som besøgende ser den. Kig godt efter. Så kan du se, hvordan sektioner, rækker, kolonner og moduler matcher sektionerne i backend.

De tre grundlæggende elementer du kan åbne og redigere i:

Designet består altid af sektion, række og modul.

Vil du ændre i indhold - tekst eller billede - skal du altid redigere et af de grå moduler.

Sektion (blå kant)
Række (grøn kant)
Modul (grå kant)

Uanset du vil redigere sektion, række eller et modul: aktiver med et klik på tandhjulet (andet ikon fra venstre)

Aktiver du tandhjulet i den blå sektion, kan du blandt andet lave baggrundsfarve under hele sektionen.

Vil du tilføje et modul (til tekst eller billede) skal du aktivere det grå plus-tegn.

Sektioner

Sektioner indeholder rækker.
Rækker er opdelt i 1-6 kolonner.
Kolonner kan indeholde moduler.

RÆKKER & KOLONNER

Du kan lave alle de rækker du har brug for i en sektion.
Hver række består af 1-6 kolonner.
Der kan være få eller mange moduler i en kolonne.

1-6 kolonner til forskellige moduler

Sådan kan kolonner kombineres. Fra en kolonne til seks kolonner.

Moduler

Hver kolonne i dit design kan indeholde et eller flere moduler.
De mest almindelige moduler er tekst og billede.

Der er utallige og meget forskellige moduler at vælge mellem. Se herunder.
Hvad de forskellige moduler kan bruges til lærer du bedst ved at bruge dem. Leg med mulighederne.

Grundlæggende viden om moduler

Når et modul er placeret på en side, er der adgang til at indsætte indhold i modulet. Eksempelvis tekst eller et billede.

I toppen af moduler finder du tre faneblade - indhold, design og avanceret.
Bag de tre faneblade finder du massevis af indstillingsmuligheder.
Og lad mig straks advare dig: det tager tid at blive fortrolig med dem. Lang tid og mange forsøg.

Sæt indhold ind i tekstmodulet.

Pas på med at kopiere fra andre kilder - får du koder med fra en anden webside, fra et Word-dokument eller lignende, kan det skabe trælse problemer.

Kopierer du tekst ind i WordPress, bør du altid gøre det ved først at aktivere fanebladet “Tekst” inde i selve tekstmodulet.

Under indstillinger kan du vælge skriftstørrelse, skrifttype, skriftfarve og utallige andre detaljer - hvis du ønsker at afvige fra de standardindstillinger din webdesigner har valgt, da websitet blev bygget.

Under fanebladet avanceret kan du blandt andet vælge, om modulet skal deaktiveres på mobil, tablet eller computer.

Vil du rette i et modul - tilføje, ændre eller slette tekst - skal du aktivere de tre streger.
Vil du kopiere et helt modul, med indhold og indstillinger, kan du aktivere de to skærme ved den grønne pil.

Her er der brugt et såkaldt fuldbredde-sektion. (Lilla kant)
Det består altid kun af en kolonne og går fra kant til kant på siden

Fuldbredde-sektionen med den lilla kant har ikke så mange moduler at vælge mellem som den standardsektionen med grøn kant.

Samme foto i henholdsvis fuldbreddemodul og standardafsnit. Set i frontend.

FULDBREDDE går helt ud til browserens kant. Uanset hvor bredt browservinduet er.

Billedmoduler - indsat i henholdsvis fuldbreddemodul (lilla kant) og standardafsnit (blå kant). Set i backend.

Indsæt standard afsnit

Aktiver linket “Standard afsnit” i bunden - se den blå pil.

Indsæt fuldbredde sektion

Aktiver linket “Sektion i fuld bredde” i bunden - se den lilla pil.

Indsæt modul

Når du har indsat en af de to sektioner, kan du vælge antal kolonne (i standard afsnit) og bagefter vælge det modul, du vil indsætte.

Rediger og design i DIVI fra frontend

VISUEL BYGGER

Ofte er det nemmere at designe og redigere, når man ser, hvordan siden rent faktisk ser ud.

Altså redigere i frontend. I den såkaldte visuelle bygger.

Er siden lavet i DIVI, er det nemt.

Log ind på dit website.
Find siden, du vil redigere - så du ser den i frontend.
Aktiver den lille knap i toppen og “Aktiver visuel bygger”.

REDIGER INDHOLD

Når du har aktiveret “visuel bygger”, kan du placere markøren på de forskellige elementer på siden og dermed få adgang til at redigere dem.

Sæt markøren i en tekst og du kan slette, tilføje og rette.

Hold musen på de forskellige ikoner og du får en forklaring på, hvad de giver adgang til.

GEM ÆNDRINGER

Når du har lavet ændringer i visuel bygger, skal du gemme siden.

Det gør du ved at aktivere den lille cirkel, der i midten af siden i bunden.
Når den aktiveres får du adgang til en grøn gem-knap (til højre på siden).

Er du klar til at designe sider fra bunden med DIVI

Når du har den grundlæggende forståelse for, HVAD du kan med DIVI pagebuilder, er det godt at se denne video.

Det er en præsentationsvideo - ikke en instruktionsvideo.

Den giver dig en fornemmelse af, hvordan du kan designe sider med DIVI

Værktøj, håndværk og erfaring

Et par ord om at blive en DIVI ninja… det tager tid!

Du lærer måske hurtigt at bruge værktøjerne - WordPress og DIVI.

Men det tager mange timers træning, før du kan finde rundt i alle muligheder og lave smart webdesign.

Vil du løse en meget konkret og måske kompleks udfordring, kan det tage timer at finde metoden.

Håndværket - at lave velfungerende webdesign - er en helt anden sag end at lære værktøjet.

Håndværket handler om at lave webdesign, der fungerer så godt, at du kan måle resultaterne.

Webdesign handler ikke om at dekorere men om at kommunikere! Det er et fag og et håndværk, der tager tid at lære.

Instruktionsvideo for begyndere

Er du klar til at lære mere om DIVI er her en video for begyndere.

Lær mere af webwoman

1:1 demo eller undervisinng

Jeg hjælper de fleste af mine kunder online - via et webinarsystem. Du kan se på din skærm, hvad jeg laver på min skærm. Jeg kan både lave demo og undervise dig.

Nogle kan det helt basale og enkle (rette i indhold) efter 1 times online demo. Vil du kunne designe sider selv, bør du investere i mindst 3-4 timers undervisning.

Vil du lære på egen hånd

Naturligvis kan du lære ved at at prøve dig frem, rette, tilpasse…

Men det tager timer og kan være frustrerende, når det ikke vil, som du drømmer om.

1:1 undervisning er ofte den hurtigste og bedste vej til at lære. Så lærer du ikke kun at finde konkrete metoder. Du lærer ikke kun at gøre det, du synes er pænt. Du lærer også dét, der bedst skaber resultater.

Med 1:1 undervisning i DIVI og WordPress lærer du hurtigt. Du lærer tingene i en hensigtsmæssig rækkfølge - det grundlæggende før detaljerne. Og du sparer timers arbejde!