1. Forstå WordPress og Divi

WordPress er verdens største system til at lave hjemmesider med. Over 60% af hjemmesider bygget med et CMS er bygget i WordPress. Til sammenligning ligger Joomla, som er det næststørste hjemmeside-system, på en andel på 5,1% (maj 2019).

WordPress’ udbredelse betyder at der er:

  • 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 og for din webudvikler
  • et hav af forskellige temaer (skabeloner til din hjemmeside)
  • en kæmpe efterspørgsel på professionelle med WordPress kompetencer

Du har valgt WordPress. Det er et godt valg.

Et interessant alternativ er Squarespace, som stiger i udbredelse i disse år.

Noget af det, der gør Squarespace populært, er den nemme og intuitive træk-og-slip bygge-metode. Derudover er Squarespace en fryd for øjet – både for den besøgende og for den, der bygger.

Squarespace har dog sine begrænsninger, hvorfor WordPress stadig for de fleste er det mest oplagte valg.

Træk-og-slip metoden har du også i WordPress med de forskellige Page Builders. En af de Page Builders er Divi Byggeren, som du får med som en del af Divi-temaet.

Divi Byggeren giver dig og din webudvikler mulighed for hurtigt og visuelt at bygge flotte og rige hjemmesider.

Divi – tema og builder

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

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 deres ressourcer til at optimere og videreudvikle.

Divi er et af de mest udbredte WordPress-temaer – måske det mest udbredte. Ligesom med WordPress’ udbredelse giver det dig en række fordele, at der er et støt voksende og sundt økosystem omkring dit valgte tema.

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

  1. sektioner,
  2. som har rækker,
  3. som har kolonner,
  4. som har moduler

Det lyder måske kompliceret nu, men du vænner dig til det – og vil komme til at elske 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
  • Seneste indlæg
  • Portfolio
  • Kontaktformular
  • Slider
  • Pristabeller mv.

Du kan enten arbejde med Divi Byggeren i frontend eller backend. I frontend ser du, mens du redigerer, hvordan siden ser ud. I backend ser du sidens struktur med sektioner, rækker, kolonner og moduler. Prøv dig frem og find ud af, hvad du foretrækker.

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

Til dette kursus er Divi blevet installeret på dit kursus-site. Jeg har også installeret et såkaldt child theme. Det bruger man, hvis man vil lave kodemæssige ændringer. Derudover har jeg lavet nogle layouts, som du kan bruge.

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