Miniguide til WordPress og DIVI

Guiden er til dig, der har fået bygget website i WordPress og DIVI. Her får du grundlæggende viden - så du hurtigt kan 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.
Vil du hellere se video end læse, er der også en præsentationsvideo og en instruktionsvideo. Og derudover masser af link til mere viden om DIVI og WordPress.

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

Det er ikke så nemt, som mange tror!

Inden længe begynder du sandsynligvis at svovle.

Måske bliver du frustreret? Irriteret eller rasende.

117 ting vil drille. Noget er svært, tidkrævende, umuligt eller helt anderledes, end du forestillede dig.

Har du hørt, at det er nemt at bygge hjemmeside, vil du undre dig over, hvor meget der er svært.

 

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 bygge website er et håndværk som meget andet. Det er IKKE nemt før du har brugt timer på at lære. Og det tager lang tid at opnå rutine og blive fortrolig med mulighederne. 

 

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.

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.

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

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å de tre streger (den såkaldte hamburgermenu)

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

 

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.

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.

Vil du have 1:1 undervisning

Jeg underviser de fleste af mine kunder online - via et webinarsystem. Du kan se på din skærm, hvad jeg laver på min skærm. 1-3 timers online undervisning er effektiv læring.

Du kan sagtens lære på egen hånd. 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!

Mere viden om DIVI

Jeg har skrevet masser af blogindlæg med tips om WordPress, webdesign, DIVI, mobilvenligt design….

Page 1 of 6

Moderne kommunikation til digitale hjerner

Forny dine skrivevaner og din viden om webtekster og webdesign - så du kan markedsføre dig til moderne læsere.

Dejligt at du vil overraskes! Tjek venligst din mail. ... Og tusinde tak for din tilmelding!