#01 Webdesign med DIVI og Kaizen

peacock-90051_795x449px

Sådan kan du designe flotte websider med WordPress og DIVI

DIVI_theme_logoHvis du ikke allerede har gjort det, vil jeg foreslå, at du læser mit blogindlæg om at designe websider hurtigt, enkelt, effektivt og elegant.

Denne lille serie om webdesign handler om at bruge DIVIs sidebygger, som jeg anbefaler størstedelen af mine kunder at bruge.

DIVi er en designskabelon til WordPress. Det er også en såkaldt sidebygger, der gør det nemt at designe med træk og slip. Uden at rode i koder… medmindre du vil lave virkelig avancerede ting.

DVI er brugervenlig og nem at arbejde med. Også for ikke-webdesignere. Vil du selv kunne designe flotte sider, er DIVI et rigtig godt arbejdsredskab. Du skal lige lære at bruge værktøjet – og så er det ellers bare med at gå i gang.

DIVIs sidebygger kan eksempelvis nemt forvandle en massiv tekstside til en flot designet webside.

Størstedelen af den tekst jeg designer i denne trin-for-trin guide er såkaldt lorem ipsum tekst. Også kaldet dummy-tekst. Men alle de sider jeg bruger som eksempel, vil også indeholde rigtig tekst. Med tips og tricks til kreativt webdesign.

Da jeg gik i gang med at designe sider til denne guide, havde jeg følgende indhold at arbejde med:
Et billede af en påfugl og tre afsnit lorem ipsum tekst.
Undervejs i processen fandt jeg flere påfuglebilleder.

Vil du prøve at gøre processen efter, vil jeg foreslå, at du har et par billeder og en passende mængde tekst at arbejde med.

Før DIVI sidebygger aktiveres

Opret i første omgang din side som en helt klassisk WordPress-side.
Når du er blevet rutineret DIVI-bruger, vil du starte med at slå sidebyggeren til med det samme.

Når du er klar til at designe, kan du vælge at bruge DIVIs sidebygger – med det resultat, at billede og tekst pakkes ind i et DIVI tekstmodul. Det ændrer dog i første omgang ikke meget på sidens udseende.

Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip

  • Ex ea commodo consequat
  • Duis aute irure dolor in
  • Reprehenderit in voluptate
  • Velit esse cillum dolore eu

Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum

Dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

Veniam quis

nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit

Esse cillum

Dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor

Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

#02 næste trin i processen med at designe med DIVI

Pin It on Pinterest