“Det er en dårlig elev, der ikke overgår sin mester”

(Leonardo da Vinci)

Formål

Du lærer at sætte et helt website op med WordPress (WP). Først defineres forsidens ved hjælp af skabelonen “Forside” (eng. “Frontpage”). Her skal du kopiere designstrukturen, fonte og farver fra et veldesignet site på nettet.

Fremgangsmåde

• Vælg den side, hvis struktur og layout du vil efterligne. Lav et screenshot af siden, og brug det som forlæg.
• Du skal bruge din egen grafik og billeder; men efterligne fonte, farver og layoutstrukturer. Firmaer og forfattere ejer naturligvis retten til de billeder, der ligger på deres websites.
• Studer den side du vil kopiere designstrukturen.
• Tegn en firkant rundt om hver række. Marker kolonner og grids, gerne med en særlig farve eller stregtype.
• Skitsen skal ikke være perfekt i alle detaljer, det vigtigste er at du har en fornemmelse af, hvor de enkelte elementer ligger.
• Identificer sitets farvepalette. Find evt en colorpicker-plugin til din browser, der kan gøre dette.
• Identificer sitets vigtigste fonte, hvis de ikke er frit tilgængelige så anvend en font der ligner eller kommer tæt på.
• Øvelsen slutter med at du præsenterer dit screenshot ved siden af den forside, som du har designet.

Skabelon: Forside

Når skabelonen “Forside” er til stede bliver den automatisk sitets forside.

Gå ind i:

(da) > Kontrolpanel > Udseende > Editor > Skabeloner

(eng) Dashboard > Appearance > Editor > Templates

• Tryk på den blå knap “Ny Skabelon” (“New Template”)
• Vælg “Forside” eller “Frontpage”

Skip evt. de hæslige forslag til designs, der bliver foreslået.

Nu kan du designe din forside, ved hjælp af editorens byggeklodser.

• Tryk på gem.

Test lige om det virker. Sæt et billede eller cover ind. Tast gem. Tjek dit site, hvordan ser forsiden ud.

Byggeklodserne

Obligatoriske byggeklodser