{"id":3289,"date":"2025-01-17T14:32:31","date_gmt":"2025-01-17T14:32:31","guid":{"rendered":"https:\/\/thoth.dk\/?p=3289"},"modified":"2026-01-14T07:16:28","modified_gmt":"2026-01-14T07:16:28","slug":"twenty-twenty-five-sadan-gor-du-temaet-til-din-portfolio","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2025\/01\/17\/twenty-twenty-five-sadan-gor-du-temaet-til-din-portfolio\/","title":{"rendered":"Lav en portfolio med WP 6.7+ og Twenty twenty-five temaet"},"content":{"rendered":"\n

Her er en trin for trin guide. Vi begynder med skitser, moodboards og wireframes. Derefter kan du arbejde med at udvikle din portfolio i WordPress. I dette eksempel har jeg brugt temaet Twenty twenty-five, fordi det er nemt at tilpasse til ethvert behov.<\/p>\n\n\n\n\n\n

Designprocessen<\/h3>\n\n\n\n

S\u00e5 snart du har udviklet din ide med mindmaps, moodborads, og tegnet nogle typiske wireframes er du klar til at arbejde i WordPress. <\/p>\n\n\n\n

Du beh\u00f8ver alts\u00e5 ikke at udvikle et pixelperfekt design i fx Figma eller Photoshop. WP best\u00e5r allererde af komponenter i form af pagebuilderens blokke. Designopgaven handler mest af alt om at bygge et layout med blokkene, og at style dem i editoren eller m\u00e5ske med tilpasset HTML, CSS og JavaScript. Det sidste er en mulighed som den almindelige bruger ikke t\u00e6nker over; men som giver store muligheder for multimediedesigneren.<\/p>\n\n\n\n

Hvis du skal dokumentere din udviklingsproces, s\u00e5 er det bedst at begynde med wireframes, og dern\u00e6st at lave screendumps eller m\u00e5ske video screencasts, der viser stadierne i arbejdet med din portfolio.<\/p>\n\n\n\n

I WordPress arbejder vi med komponenter, eller blokke, der s\u00e6ttes sammen til sider. Lidt som legoklodser. <\/p>\n\n\n\n

S\u00e6t din farvepalette<\/h3>\n\n\n\n

Dit moodboard og din styletile giver en klar ide om, hvilke farver der passer bedst til dit tema. Temaet har en farvepalette; men du kan nemt \u00e6ndre farverne til noget smukkere, der passer til dit projekt.<\/p>\n\n\n\n

Color Picker<\/h4>\n\n\n\n

Jeg kan godt lide at bruge en colorpicker, n\u00e5r farverne skal v\u00e6lges. Harmoniske farver kan laves ved hj\u00e6lp af redskaber, som “triad<\/em>” (tre harmoniske farver) eller “tetrad<\/em>” (fire harmonerende farver). <\/p>\n\n\n\n

\"DuckDuckGos\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
DuckDuckGo farvev\u00e6lger.<\/figcaption><\/figure>\n\n\n\n

Her har jeg valgt fire farver i en DuckDuckGo’s “color picker<\/a>“. Hvis du vil have disse farver som standardfarver, skal du \u00e5bne for Full Site Editing. <\/p>\n\n\n\n

Full Site Editing \u00e5bnes s\u00e5dan: <\/p>\n\n\n\n

> Udseende > Editor<\/strong><\/p>\n\n\n\n

\"Mulighederne<\/figure>
\n

Du f\u00e5r nu adgang til at redigere hele stitets udseende fra denne menu. Det er her du \u00e6ndrer fonte, farver, skabeloner, blokgrupper. S\u00e5 det er alts\u00e5 her vi \u00e6ndrer farverne.<\/p>\n\n\n\n

Klik p\u00e5 “Stilarter<\/em>“.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Nu \u00e5bnes en menu til venstre, hvor du kan se en r\u00e6kke “stilkombinationer<\/em>“. <\/p>\n\n\n\n

Du kan v\u00e6lge en af dem, hvis den kommer t\u00e6t p\u00e5 din generelle ide til farverne. <\/p>\n\n\n\n

Husk at klikke p\u00e5 den bl\u00e5 “Gem” knap nederst p\u00e5 siden, n\u00e5r du er tilfreds med dine tilretninger.<\/p>\n\n\n\n

Jeg v\u00e6lger stilvarianten “Ember<\/strong><\/em>“, for at have lidt farvelade at g\u00e5 i gang med.<\/p>\n<\/div>

\"Alternative<\/figure><\/div>\n\n\n\n

\u00d8verst i menuen findes to ikoner, der ligner et \u00f8je og en pen:<\/p>\n\n\n\n

\"Stilarter\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n