{"id":585,"date":"2026-01-18T07:20:03","date_gmt":"2026-01-18T07:20:03","guid":{"rendered":"https:\/\/itdd.au.dk\/lab\/?page_id=585"},"modified":"2026-01-22T07:39:02","modified_gmt":"2026-01-22T07:39:02","slug":"workshop-wordpress-cms","status":"publish","type":"page","link":"https:\/\/itdd.au.dk\/lab\/workshop-wordpress-cms\/","title":{"rendered":"Workshop 1. Semester &#8211; WordPress CMS"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">1. Semester &#8211; Introduktion til WordPress\/CMS<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Definition<\/h3>\n\n\n\n<p><strong>Hvad er WordPress?<\/strong> WordPress er et Open Source Content Management System (CMS), som alle frit kan downloade og bruge gratis<sup><\/sup>. Det er en l\u00f8sning, der kombinerer en editor (til at skrive indhold) med en database og programmeringssproget PHP til at administrere ressourcer som billeder og videoer<sup><\/sup>. Det adskiller sig fra statiske HTML-sider ved at v\u00e6re dynamisk og lettere at vedligeholde for ikke-tekniske brugere<sup><\/sup><sup><\/sup><sup><\/sup><sup><\/sup>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Beskrivelse og Form\u00e5l<\/h3>\n\n\n\n<p><strong>Hvorfor arbejder vi med det?<\/strong> Form\u00e5let med workshoppen er at give studerende kompetencer til at opbygge og designe digitale l\u00e6ringsmilj\u00f8er og blogs. Selvom browseren i sidste ende bestemmer, hvordan en side ser ud, hj\u00e6lper CMS-l\u00f8sninger som WordPress med dynamisk at tilrette indhold til forskellige sk\u00e6rmst\u00f8rrelser og enheder (mobil, desktop osv.)<sup><\/sup><sup><\/sup><sup><\/sup><sup><\/sup>.<\/p>\n\n\n\n<p>Vi ser p\u00e5 bloggen som en designopgave, hvor studerende l\u00e6rer at arbejde <em>med<\/em> systemet frem for imod det<sup><\/sup><sup><\/sup><sup><\/sup><sup><\/sup>. Det handler om at kunne strukturere information tydeligt ved hj\u00e6lp af r\u00e6kker og kolonner<sup><\/sup>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Hvordan g\u00f8r vi p\u00e5 studiet?<\/h3>\n\n\n\n<p>P\u00e5 ITDD-studiet arbejder vi med en specifik ops\u00e6tning for at sikre ensartethed og sikkerhed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tema:<\/strong> Vi benytter ofte temaet <em>OceanWP<\/em> p\u00e5 itdd.au.dk, da det giver gode muligheder for layout.<\/li>\n\n\n\n<li><strong>Editor:<\/strong> Vi bygger siderne op ved hj\u00e6lp af &#8220;blokke&#8221; (Gutenberg-editoren), som styrer b\u00e5de placering og indhold p\u00e5 siden. Indholdsblokke kan v\u00e6re alt fra tekst og billeder til gallerier og knapper.<\/li>\n\n\n\n<li><strong>Plugins:<\/strong> P\u00e5 studiet installeres plugins centralt af sikkerhedshensyn, men de giver mulighed for at udvide funktionaliteten markant.<\/li>\n\n\n\n<li><strong>Metode:<\/strong> Vi anbefaler en <em>Design Thinking<\/em>-tilgang. Dette er en iterativ proces (Empathize, Define, Ideate, Prototype, Test), hvor I sikrer, at modtagerens behov er i centrum, n\u00e5r I udvikler jeres blog.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Teoretiske begreber<\/h3>\n\n\n\n<p>I arbejdet med WordPress ber\u00f8rer vi flere centrale it-didaktiske og tekniske begreber:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>CMS vs. HTML:<\/strong> Forst\u00e5elsen af forskellen p\u00e5 en statisk fil (HTML) og et system, der dynamisk genererer indhold via en database.<\/li>\n\n\n\n<li><strong>Web 2.0 &amp; Blogs:<\/strong> Begrebet &#8220;blog&#8221; stammer fra &#8220;weblog&#8221; (net-logbog) og er t\u00e6t knyttet til Web 2.0-tankegangen, hvor brugere interagerer og kommenterer.<\/li>\n\n\n\n<li><strong>Design Thinking:<\/strong> En metode til probleml\u00f8sning, der bruges til at strukturere udviklingen af websitet fra id\u00e9 til f\u00e6rdigt produkt.<\/li>\n\n\n\n<li><strong>Terminologi:<\/strong> Forst\u00e5else af hierarkiet mellem <em>Sider<\/em> (statisk indhold), <em>Indl\u00e6g<\/em> (tidsbestemt indhold), <em>Kategorier<\/em> og <em>Tags<\/em>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5. Litteraturliste<\/h3>\n\n\n\n<p>F\u00f8lgende kilder danner baggrund for workshoppen og kan bruges til fordybelse:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Interaction Design Foundation:<\/em> &#8220;<a href=\"https:\/\/www.interaction-design.org\/literature\/article\/what-is-design-thinking-and-why-is-it-so-popular?srsltid=AfmBOoqqowWpTz_rJJbSyihsm_-zqhZep3PCJS_Lxip4QjCucS-2WP3c\" data-type=\"link\" data-id=\"https:\/\/www.interaction-design.org\/literature\/article\/what-is-design-thinking-and-why-is-it-so-popular?srsltid=AfmBOoqqowWpTz_rJJbSyihsm_-zqhZep3PCJS_Lxip4QjCucS-2WP3c\">What is Design Thinking and Why Is It So Popular?<\/a>&#8220;.<\/li>\n\n\n\n<li><em>Wikipedia:<\/em> &#8220;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Blog\" data-type=\"link\" data-id=\"https:\/\/en.wikipedia.org\/wiki\/Blog\">Blog<\/a>&#8221; \u2013 for en dybere forst\u00e5else af mediets historie.<\/li>\n\n\n\n<li><em>Wikipedia:<\/em> &#8220;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Web_2.0\" data-type=\"link\" data-id=\"https:\/\/en.wikipedia.org\/wiki\/Web_2.0\">Web 2.0<\/a>&#8221; \u2013 om den sociale web-udvikling.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">6. V\u00e6rkt\u00f8jer + Links til vejledninger<\/h3>\n\n\n\n<p>Her finder du de konkrete v\u00e6rkt\u00f8jer og ressourcer, vi bruger i laboratoriet:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/da.wordpress.org\/\" data-type=\"link\" data-id=\"https:\/\/da.wordpress.org\/\">WordPress.org<\/a>:<\/strong> Stedet hvor selve open-source &#8220;programmet&#8221; hentes (hvis man installerer selv).<\/li>\n\n\n\n<li><a href=\"http:\/\/itdd.au.dk\" data-type=\"link\" data-id=\"itdd.au.dk\">itdd.au.dk<\/a> &#8211; brug menuen \u00f8verst til at finde links til studerendes blogs <\/li>\n<\/ul>\n\n\n\n<p>Vejledninger:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/itdd.au.dk\/lab\/tag\/wordpress\/\" data-type=\"link\" data-id=\"https:\/\/itdd.au.dk\/lab\/tag\/wordpress\/\">WordPress<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Semester &#8211; Introduktion til WordPress\/CMS 1. Definition Hvad er WordPress? WordPress er et Open Source Content Management System (CMS), som alle frit kan downloade og bruge gratis. Det er en l\u00f8sning, der kombinerer en editor (til at skrive indhold) med en database og programmeringssproget PHP til at administrere ressourcer som billeder og videoer. Det [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-585","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages\/585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/comments?post=585"}],"version-history":[{"count":8,"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages\/585\/revisions"}],"predecessor-version":[{"id":742,"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages\/585\/revisions\/742"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/media?parent=585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}