1. Forstå WordPress og Divi

WordPress er verdens største system til at lave hjemmesider med. Over 63% af hjemmesider bygget med et CMS er bygget i WordPress. Til sammenligning ligger Shopify, Joomla, Drupal, Wix og Squarespace, som er de næststørste hjemmeside-systemer, tilsammen på en andel på 16,1% (september 2020).

WordPress’ enorme udbredelse giver WordPress en række styrker:

• en dedikeret organisation bag systemets vedligeholdelse og videreudvikling
• flere og bedre plugins (udvidelser af funktionalitet) at vælge mellem
• mange flere at spørge til råds – både for dig, din webudvikler og din chatrobot
• mange gode temaer (skabeloner til din hjemmeside)
• et kæmpe marked for professionelle med WordPress kompetencer

WordPress som platform er således et solidt valg til langt de fleste hjemmesider.

Træk-og-slip metoden er efterhånden også udbredt indenfor WordPress, enten med WordPress’ standard block editor eller en af de mange Page Builders. En af disse Page Builders er Divi Byggeren, som du får med som en central del af Divi-temaet.

Divi Byggeren giver dig og din webudvikler mulighed for hurtigt at bygge flotte, professionelle hjemmesider (se nogle af vores eksempler her). Den muliggør også en fornuftig arbejdsdeling, hvor du eller dine redaktører kan stå for indholdet på siderne, mens din udvikler tilpasser form og udtryk.

Divi – tema og builder

Tema – eller på engelsk theme – er et centralt begreb i WordPress. Alle WordPress hjemmesider kører på et tema. Temaet indeholder layout og funktionalitet, som udvider WordPress.

Det er meget vigtigt at vælge det rette tema fra starten af.

Divi bliver udviklet af et firma, der hedder Elegant Themes. De laver også andre temaer, men Divi er deres helt store værk, som de dedikerer størstedelen af deres ressourcer til at optimere, videreudvikle og yde support til.

Divi er et af de mest populære WordPress-temaer – måske det mest udbredte. Ligesom med WordPress’ udbredelse giver det dig en række fordele, at der er et stort og sundt økosystem omkring dit valgte tema. Derfor er Divi som WordPress et solidt valg af tema til din WordPress-hjemmeside.

Det centrale ved Divi er Divi Byggeren. Her kan du arbejde med dine sider ved brug af:

Eksempel på en Divi-sektion med 2 rækker med hver to kolonner:

Det virker måske kompliceret nu, men du vænner dig til det – og vil forhåbentlig komme til at elske logikken i det. Sektioner > rækker > kolonner > moduler.

Det er med modulerne, du indsætter dit indhold. Divi Byggeren indeholder 40+ moduler til fx:

• Tekst
• Billede
• Knap
• Video
• Seneste indlæg
• Portfolio
• Kontaktformular
• Slider
• Produkter
• Pristabeller mv.

Du kan enten arbejde med Divi Byggeren i frontend eller backend. I frontend ser du, hvordan siden ser ud, samtidig med at du redigerer. I backend har du et bedre overblik over sidens struktur med sektioner, rækker, kolonner og moduler. Prøv dig frem og find ud af, hvad du foretrækker. De to metoder kan godt bruges samtidig.

Det var den korte intro til WordPress og Divi. Nu skal du i gang med dit site.

Og nu til kurset og dit site

Til dette WordPress kursus er Divi blevet installeret og gjort klar til dig på dit kursus-site. Jeg har også installeret et såkaldt child theme. Det bruger man, hvis man på et tidspunkt får brug for at lave kodemæssige ændringer. Derudover har jeg lavet nogle layouts i Divis bibliotek, som du kan bruge.

Vejledningerne til dette kursus er målrettet backend, men kan også bruges med frontend redigering (“Visuel bygger” hedder det i Divi-verden).

Men lad os komme i gang med at bygge dit site. Vi starter med at tilpasse headeren.