{"id":5543,"date":"2025-12-16T10:03:36","date_gmt":"2025-12-16T10:03:36","guid":{"rendered":"https:\/\/thoth.dk\/?p=5543"},"modified":"2026-03-03T06:03:57","modified_gmt":"2026-03-03T06:03:57","slug":"en-dag-med-sider-og-struktur","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/","title":{"rendered":"En dag med sider og struktur"},"content":{"rendered":"\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3130c121941&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3130c121941\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"480\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp\" alt=\"\" class=\"wp-image-5876\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp 727w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki-300x198.webp 300w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Sidens hierarki best\u00e5r af en forside med undersider.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:800\">I dag laver vi et fuldst\u00e6ndigt site med forside, undersider og en blogsektion. Brugeren kan navigere rundt p\u00e5 siden ved hj\u00e6lp af menuer, ikoner og forskellige links. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/playground.wordpress.net\/#{%20%22$schema%22:%20%22https:\/\/playground.wordpress.net\/blueprint-schema.json%22,%20%22landingPage%22:%20%22\/%22,%20%22login%22:%20true,%20%22preferredVersions%22:%20{%20%22wp%22:%20%22latest%22,%20%22php%22:%20%228.3%22%20},%20%22features%22:%20{%20%22networking%22:%20true%20},%20%22steps%22:%20[%20{%20%22step%22:%20%22importWordPressFiles%22,%20%22wordPressFilesZip%22:%20{%20%22resource%22:%20%22url%22,%20%22url%22:%20%22https:\/\/playground.thoth.dk\/kursus2026.zip%22%20}%20}%20]%20}\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"631\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-2-1024x631.png\" alt=\"I dag arbejder vi med sitets struktur. Her er en forside. Vi afs\u00e6tter s\u00e6rlige sider til forsiden og bloggen og designer andre statiske sider.\" class=\"wp-image-5819\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-2-1024x631.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-2-300x185.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-2-768x474.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-2-1536x947.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-2-2048x1263.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Klik p\u00e5 knappen for at se hvordan s\u00e5dan en l\u00f8sning kan se ud i en Playground:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\" id=\"eksempel\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/playground.wordpress.net\/#{%20%22$schema%22:%20%22https:\/\/playground.wordpress.net\/blueprint-schema.json%22,%20%22landingPage%22:%20%22\/%22,%20%22login%22:%20true,%20%22preferredVersions%22:%20{%20%22wp%22:%20%22latest%22,%20%22php%22:%20%228.3%22%20},%20%22features%22:%20{%20%22networking%22:%20true%20},%20%22steps%22:%20[%20{%20%22step%22:%20%22importWordPressFiles%22,%20%22wordPressFilesZip%22:%20{%20%22resource%22:%20%22url%22,%20%22url%22:%20%22https:\/\/playground.thoth.dk\/kursus2026.zip%22%20}%20}%20]%20}\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Se eksempel<\/a><\/div>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<h3 class=\"wp-block-heading\">Sider er til &#8220;statisk indhold&#8221;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">I WordPress bruger vi sider til statisk indhold, der pr\u00e6senterer websiden, afsenderen og sitets muligheder. Siderne giver sitet den struktur som afspejles i navigationen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Lidt om skabeloner<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sidernes indhold pr\u00e6senteres af skabelonen. Du kan derfor designe alle siders udseende ved at redigere skabelonen &#8220;Sider&#8221;. Skabelonen pr\u00e6senterer indholdet mellem en header og en footer. Indholdet kommer frem ved hj\u00e6lp af blokke som &#8220;Indhold&#8221; ved en enkelt side eller indl\u00e6g eller ved hj\u00e6lp af et &#8220;Foresp\u00f8rgsels-loop&#8221;, der bruges n\u00e5r mange elementer skal hentes, fx alle de nyeste indl\u00e6g.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enkelte sider\/indl\u00e6g skal m\u00e5ske have et helt specielt design. N\u00e5r det er n\u00f8dvendigt kan du v\u00e6lge at fremstille en s\u00e6rlig skabelon til disse sider.<\/p>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-cover is-light has-parallax has-custom-content-position is-position-top-center\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-accent-2-background-color has-background-dim-80 has-background-dim\"><\/span><div aria-label=\"Websidens overordnede hierarki.\" class=\"wp-block-cover__image-background wp-image-5876 has-parallax\" role=\"img\" style=\"background-position:50% 50%;background-image:url(https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp);\"><\/div><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center has-contrast-color has-base-background-color has-text-color has-background has-link-color wp-elements-df876a93dc2e86519a2015b9cc9a1f81\">Struktur: <br>Forside, blogside <br>og undersider<\/h2>\n<\/div><\/div>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Nu skal vi oprette sidens overordnede struktur. Det sker ved at tilf\u00f8je nogen sider og skabeloner:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tilf\u00f8j en side og kald den fx &#8220;<strong>Forside<\/strong>&#8220;<\/li>\n\n\n\n<li>Tilf\u00f8j en side og gem den som fx &#8220;Blog&#8221; (&#8230; eller: Nyheder, Det sker, etc.)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I kontrolpanelet skal du g\u00e5 ind i l\u00e6sning og tilf\u00f8je forsiden og blogsiden til disse sider, fx s\u00e5dan:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3130c122559&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3130c122559\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"675\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/forsblog.png\" alt=\"\" class=\"wp-image-5565\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/forsblog.png 969w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/forsblog-300x209.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/forsblog-768x535.png 768w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Her defineres den side, der skal v\u00e6re forside og en side, der fungerer som blog.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r du har valgt at disse sider skal holde pladsen for forsiden og din nyheds-blog kan du \u00e6ndre deres udseende. Det sker ved at redigere sidernes skabelon. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Forsidens skabelon er &#8220;Forside&#8221;. Hvis temaet ikke har s\u00e5dan en, s\u00e5 skal den oprettes.<\/li>\n\n\n\n<li>Bloggens skabelon er &#8220;Blog forside&#8221;.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">De \u00f8vrige sider styres ogs\u00e5 af skabeloner, som kan redigeres ved at klikke p\u00e5 &#8220;Rediger websted&#8221;, n\u00e5r du st\u00e5r p\u00e5 siden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alle webstedets skabeloner er her:<\/p>\n\n\n\n<p class=\"is-style-text-annotation is-style-text-annotation--1 wp-block-paragraph\">Udseende > Rediger > Skabeloner<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Blokgrupper som headere og footere er her:<\/p>\n\n\n\n<p class=\"is-style-text-annotation is-style-text-annotation--2 wp-block-paragraph\">Udseende > Rediger > Blokgrupper<\/p>\n\n\n\n<!--nextpage-->\n\n\n\n<h3 class=\"wp-block-heading\">Forsiden<\/h3>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3130c123071&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3130c123071\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"626\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-5-1024x626.png\" alt=\"Sitets forside.\" class=\"wp-image-5830\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-5-1024x626.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-5-300x183.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-5-768x469.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-5.png 1360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Sitets forside.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:700\">Nu skal vi designe vores forside. Det er en af de vigtigste sider. Her m\u00e5 du overveje, hvad du \u00f8nsker, at dine brugere skal g\u00f8re.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lav nu et udkast til din forside. I Twenty twenty-five styres forsidens udseende af skabelonen &#8220;Frontpage&#8221;. Begynd med at oprette skabelonen. Husk, at du altid kan vende tilbage og lave forsiden om, n\u00e5r der er brug for det.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I kontrolpanelet skal du \u00e5bne:<\/p>\n\n\n\n<p class=\"is-style-text-annotation is-style-text-annotation--3 wp-block-paragraph\">Udseende &gt; Editor &gt; Skabeloner<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Klik p\u00e5 den bl\u00e5 knap &#8220;Tilf\u00f8j skabelon&#8221; og klik p\u00e5 &#8220;Forside&#8221;. S\u00e5 laver WP skabelonen, der viser din forside. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3130c1237c7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3130c1237c7\" class=\"wp-block-image size-large wp-lightbox-container\" style=\"margin-top:0;margin-bottom:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"860\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-3-1024x860.png\" alt=\"Her kan du oprette skabeloner. Vi har brug for &quot;Forside&quot;.\" class=\"wp-image-5822\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-3-1024x860.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-3-300x252.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-3-768x645.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-3.png 1028w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Her kan du oprette skabeloner. Vi har brug for &#8220;Forside&#8221;.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">S\u00e5 nu kan du designe din forside, som du vil. Hvad du g\u00f8r i denne skabelon bliver simpelt hen til din forside!<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3130c123bcd&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3130c123bcd\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"651\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-4-1024x651.png\" alt=\"\" class=\"wp-image-5825\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-4-1024x651.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-4-300x191.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-4-768x488.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-4.png 1380w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Nu kan du arbejde med forsidens udseende.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">I arbejdet med forsiden kan disse designblokke v\u00e6re nyttige:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Banner: viser et stort billede baggrunds, og du kan l\u00e6gge tekst ind over. Alle typer af blokke kan bruges inde i banner. Banneret bruges til &#8220;Hero-billeder&#8221;.<\/li>\n\n\n\n<li>Video: du kan l\u00e6gge videoer ind &#8211; og endda have en video som baggrund i banneret. En &#8220;hero-video&#8221; giver noget s\u00e6rligt til et website.<\/li>\n\n\n\n<li>Udvalgt billede: Banneret kan bruge sidens udvalgte billede. <\/li>\n\n\n\n<li>Indhold: viser det indhold, som du skriver p\u00e5 din siden &#8220;Forside&#8221;. Hvis du ikke skriver noget, kan du frit designe forsiden som du vil. <\/li>\n\n\n\n<li>Header\/footer: brug gerne headere og footere.<\/li>\n\n\n\n<li>Knapper: er praktiske n\u00e5r du vil have brugeren til at g\u00f8re noget bestemt. Derfor kaldes de ofte &#8220;Call to action&#8221;.<\/li>\n\n\n\n<li>Billeder, video, etc.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3130c123eac&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3130c123eac\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"626\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-5-1024x626.png\" alt=\"Forsiden er designet. \u00d8verst er et logo og en navigationsmenu. Et enkelt banner med en k\u00e6mpe overskrift s\u00e6tter stemningen.\" class=\"wp-image-5830\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-5-1024x626.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-5-300x183.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-5-768x469.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/image-5.png 1360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Forsiden er designet. \u00d8verst er et logo og en navigationsmenu. Et enkelt banner med en k\u00e6mpe overskrift s\u00e6tter stemningen.<\/figcaption><\/figure>\n\n\n\n<!--nextpage-->\n\n\n\n<h2 class=\"wp-block-heading\">\u00d8velse: Typiske sider p\u00e5 et site<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Snak med din(e) sidekammerat(er): <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Unders\u00f8g en tre fire websider fra mindre forretninger.<\/li>\n\n\n\n<li>Hvilke sider findes p\u00e5 n\u00e6sten alle websites? <\/li>\n\n\n\n<li>Hvilke sidetyper kan du n\u00e6vne?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Tilf\u00f8j tre sider i kontrolpanelet. Arbejd med passende indhold af disse n\u00f8dvendige sider.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e5dan nogen sider f\u00e5r vi ogs\u00e5 brug for.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sidernes skabeloner<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:700\">\u00c5bn en af dine sider. I stedet for at redigere sidens indhold skal du \u00e6ndre dens skabelon. Dette vil \u00e6ndre, hvordan alle dine sider vises. Husk, at skabelonerne ikke er beregnet til indhold &#8211; de pr\u00e6senterer hvor indholdet skal v\u00e6re.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Videoen viser, hvordan du \u00e5bner sidens skabelon &#8211; og redigerer den.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"823\" style=\"aspect-ratio: 1356 \/ 823;\" width=\"1356\" controls src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/sideskabelon.webm\"><\/video><figcaption class=\"wp-element-caption\">S\u00e5dan \u00e5bner du for sideksabelonen.<\/figcaption><\/figure>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-accent-2-background-color has-background-dim-70 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"480\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp\" class=\"wp-block-cover__image-background wp-post-image\" alt=\"Websidens overordnede hierarki.\" data-object-fit=\"cover\" data-object-position=\"81% 51%\" style=\"object-position:81% 51%;\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp 727w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki-300x198.webp 300w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center has-contrast-color has-base-background-color has-text-color has-background has-link-color wp-elements-1c48accf0b8c632aad9bc8ffe7a33412\" style=\"border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\">Navigation<\/h3>\n\n\n\n<p class=\"has-text-align-center has-contrast-color has-base-background-color has-text-color has-background has-link-color wp-elements-74679f88824248a130ade5278f4e41cb wp-block-paragraph\" style=\"border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px\">Navigations-blok, Links, Knapper, Ikoner<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Navigationsblokken<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Navigation handler om at finde rundt i noget. P\u00e5 websites styrer vi brugere p\u00e5 mange m\u00e5der. Menuer er s\u00e6rligt vigtige. De b\u00f8r placeres synligt, typisk sker det i headeren, til siden eller i footeren. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r du har et antal sider kan du begynde at arbejde med Navigations-blokke. Blokken foruds\u00e6tter, at du har nogen sider eller links, der kan l\u00e6gges ind.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-accent-1-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-f1c6f5f6 wp-block-group-is-layout-constrained\" style=\"border-color:#ffffff;border-width:1px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--20)\">\n<h3 class=\"wp-block-heading\">\u00d8velse: Menuer med Navigations-blokken<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">L\u00e6s denne artikel: <a href=\"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/navigation-block\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">&#8220;Use the Navigation block&#8221;<\/a>.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Rediger (eller tilf\u00f8j) en Navigations-blok i headeren<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Pr\u00f8v at lave en alternativ menu &#8211; der kan optr\u00e6de i en footer eller et andet sted p\u00e5 en side.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">S\u00f8rg for at &#8220;Forside&#8221;, &#8220;Blog&#8221; og andre v\u00e6sentlige sider er med i menuen.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Hvordan laver du en dropdownmenu med Navigationsblokken?<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Eksempel p\u00e5 en alternativ Navigations-blok<\/h2>\n\n\n<nav class=\"has-text-color has-accent-3-color has-background has-accent-2-background-color has-large-font-size is-responsive is-vertical wp-block-navigation has-beiruti-font-family is-layout-flex wp-container-core-navigation-is-layout-f0b6b26e wp-block-navigation-is-layout-flex\" aria-label=\"Eksempel p\u00e5 navblok i artikel\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"\u00c5bn menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container has-text-color has-accent-2-color has-background has-accent-3-background-color\"  id=\"modal-4\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Luk menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-4-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container has-text-color has-accent-3-color has-background has-accent-2-background-color has-large-font-size is-responsive is-vertical wp-block-navigation has-beiruti-font-family\"><li class=\"has-large-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/category\/faq\/\"><span class=\"wp-block-navigation-item__label\">FAQ<\/span><\/a><\/li><li class=\"has-large-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/category\/wordpress\/\"><span class=\"wp-block-navigation-item__label\">WordPress<\/span><\/a><\/li><li class=\"has-large-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/\"><span class=\"wp-block-navigation-item__label\">Forside<\/span><\/a><\/li><li class=\"has-large-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/om-valgfaget-webudvikling\/\"><span class=\"wp-block-navigation-item__label\">Om valgfaget Webudvikling<\/span><\/a><\/li><\/ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Andre navigationsformer: Links, knapper, ikoner , etc.<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:700\">Det siges, at en side maksimalt har \u00e9t form\u00e5l. En god landingpage lokker din bruger til at udf\u00f8re en bestemt handling. Dette princip kaldes &#8220;Most wanted response&#8221; eller &#8220;Call to action&#8221; (CTA).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r vi arbejder med CTA bruges billeder, links, knapper, ikoner, animationer og meget mere. WordPress har et rigt udvalg af muligheder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se disse artikler p\u00e5 WordPress.org:<\/p>\n\n\n\n<ul class=\"wp-block-list has-small-font-size\">\n<li class=\"has-medium-font-size\"><a href=\"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/image-block\/link-image\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">&#8220;Link an Image&#8221;<\/a> (billeder, ikoner, etc.)<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><a href=\"https:\/\/wordpress.com\/support\/wordpress-editor\/links\/\">&#8220;Add Links to Text&#8221;<\/a> (tekstlinks)<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><a href=\"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/buttons-block\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">&#8220;Buttons Block&#8221;<\/a> (Knapper)<\/li>\n<\/ul>\n\n\n\n<!--nextpage-->\n\n\n\n<h2 class=\"wp-block-heading\">\u00d8velse: CTA (Call to Action)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:700\">N\u00e5r du har lavet sideskabelonen bestemmer du, hvordan alle sider skal se ud. Nu skal du lave flere sider med indhold. Vi begynder med en side med en CTA: fremstil et banner med en kort s\u00e6tning, som skal &#8220;lokke&#8221; (<em>nudge<\/em>) din bruger til at klikke p\u00e5 den tydelige knap du har placeret visuelt centralt p\u00e5 dit banner! <\/p>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" class=\"wp-block-cover__image-background wp-image-4420 size-large\" alt=\"\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/landskab-1024x683.png\" style=\"object-position:66% 78%\" data-object-fit=\"cover\" data-object-position=\"66% 78%\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/landskab-1024x683.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/landskab-300x200.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/landskab-768x512.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/10\/landskab.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#9e8d5e\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h2 data-wp-context---core-fit-text=\"core\/fit-text::{&quot;fontSize&quot;:&quot;&quot;}\" data-wp-init---core-fit-text=\"core\/fit-text::callbacks.init\" data-wp-interactive data-wp-style--font-size=\"core\/fit-text::context.fontSize\" class=\"wp-block-heading has-fit-text has-accent-1-color has-text-color has-link-color wp-elements-a0910b53f66b38fe0ad5470788e7f07e\">K\u00f8b kartofler nu<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-35f06ea7 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-contrast-color has-accent-2-background-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/thoth.dk\/index.php\/kontakt\/\" style=\"font-style:italic;font-weight:500\">Klik her<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r brugeren klikker p\u00e5 knappen skal hun f\u00f8res til en af dine sider m\u00e5ske med et produkt, kontaktoplysninger eller et indl\u00e6g i din blok. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du f\u00e5r brug for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Banner<\/li>\n\n\n\n<li>Str\u00e6kbar overskrift<\/li>\n\n\n\n<li>Knap<\/li>\n\n\n\n<li>Find ud af hvordan man linker til sider, mv.<\/li>\n<\/ul>\n\n\n\n<!--nextpage-->\n\n\n\n<h2 class=\"wp-block-heading\">Alternative navigationsformer<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WP tilbyder mange alternative navigationsformer, her er et par stykker.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kalender<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kalenderen l\u00e6gger et link d\u00e9r, hvor nye indl\u00e6g er skrevet. Kalendere kan v\u00e6re nyttige i logskrivning.<\/p>\n\n\n<div class=\"wp-block-calendar\"><table id=\"wp-calendar\" class=\"wp-calendar-table\">\n\t<caption>juni 2026<\/caption>\n\t<thead>\n\t<tr>\n\t\t<th scope=\"col\" aria-label=\"mandag\">M<\/th>\n\t\t<th scope=\"col\" aria-label=\"tirsdag\">Ti<\/th>\n\t\t<th scope=\"col\" aria-label=\"onsdag\">O<\/th>\n\t\t<th scope=\"col\" aria-label=\"torsdag\">To<\/th>\n\t\t<th scope=\"col\" aria-label=\"fredag\">F<\/th>\n\t\t<th scope=\"col\" aria-label=\"l\u00f8rdag\">L<\/th>\n\t\t<th scope=\"col\" aria-label=\"s\u00f8ndag\">S<\/th>\n\t<\/tr>\n\t<\/thead>\n\t<tbody>\n\t<tr><td>1<\/td><td>2<\/td><td>3<\/td><td>4<\/td><td>5<\/td><td>6<\/td><td>7<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>8<\/td><td>9<\/td><td>10<\/td><td>11<\/td><td>12<\/td><td>13<\/td><td>14<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>15<\/td><td id=\"today\">16<\/td><td>17<\/td><td>18<\/td><td>19<\/td><td>20<\/td><td>21<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>22<\/td><td>23<\/td><td>24<\/td><td>25<\/td><td>26<\/td><td>27<\/td><td>28<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>29<\/td><td>30<\/td>\n\t\t<td class=\"pad\" colspan=\"5\">&nbsp;<\/td>\n\t<\/tr>\n\t<\/tbody>\n\t<\/table><nav aria-label=\"Forrige og n\u00e6ste m\u00e5neder\" class=\"wp-calendar-nav\">\n\t\t<span class=\"wp-calendar-nav-prev\"><a href=\"https:\/\/thoth.dk\/index.php\/2026\/04\/\">&laquo; apr<\/a><\/span>\n\t\t<span class=\"pad\">&nbsp;<\/span>\n\t\t<span class=\"wp-calendar-nav-next\">&nbsp;<\/span>\n\t<\/nav><\/div>\n\n\n<h2 class=\"wp-block-heading\">Blokken s\u00f8g<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">M\u00e5ske ved brugeren hvad hun s\u00f8ger. Her kan du tilbyde en s\u00f8geformular. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><a href=\"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/search-block\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">&#8220;Search Block&#8221;<\/a> (WordPress.org)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Det er nemt at s\u00e6tte en s\u00f8gebar ind i WP. Blokken s\u00f8g har mange muligheder. N\u00e5r brugeren klikker s\u00f8g, vil WP bruge skabelonen S\u00f8geresultater, som du ogs\u00e5 kan redigere.<\/p>\n\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/thoth.dk\/\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);margin-left:var(--wp--preset--spacing--40);margin-right:var(--wp--preset--spacing--40)\" class=\"wp-block-search__button-only wp-block-search__searchfield-hidden wp-block-search__icon-button wp-block-search\" \n\t\t data-wp-interactive=\"core\/search\"\n\t\t data-wp-context='{\"isSearchInputVisible\":false,\"inputId\":\"wp-block-search__input-5\",\"ariaLabelExpanded\":\"S\\u00f8g\",\"ariaLabelCollapsed\":\"Udvid s\\u00f8gefelt\"}'\n\t\t data-wp-class--wp-block-search__searchfield-hidden=\"!context.isSearchInputVisible\"\n\t\t data-wp-on--keydown=\"actions.handleSearchKeydown\"\n\t\t data-wp-on--focusout=\"actions.handleSearchFocusout\"\n\t\t><label class=\"wp-block-search__label screen-reader-text\" for=\"wp-block-search__input-5\" >S\u00f8g<\/label><div class=\"wp-block-search__inside-wrapper\"  style=\"width: 50%\"><input aria-hidden=\"true\" class=\"wp-block-search__input\" data-wp-bind--aria-hidden=\"!context.isSearchInputVisible\" data-wp-bind--tabindex=\"state.tabindex\" id=\"wp-block-search__input-5\" placeholder=\"\"  value=\"\" type=\"search\" name=\"s\" required \/><button  aria-expanded=\"false\"  class=\"wp-block-search__button has-icon wp-element-button\" data-wp-bind--aria-controls=\"state.ariaControls\" data-wp-bind--aria-expanded=\"context.isSearchInputVisible\" data-wp-bind--aria-label=\"state.ariaLabel\" data-wp-bind--type=\"state.type\" data-wp-on--click=\"actions.openSearchInput\"  ><svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n\t\t\t\t\t<path d=\"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z\"><\/path>\n\t\t\t\t<\/svg><\/button><\/div><\/form>\n\n\n<h3 class=\"wp-block-heading\">Tagcloud (&#8220;emneordssky&#8221;)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En tagcloud kan samle dine emneord. Derefter kan din bruger navigere efter de tags (emneord) du har giver til dine indl\u00e6g. Her er en tagcloud for denne webside:<\/p>\n\n\n<p class=\"wp-block-tag-cloud\"><a href=\"https:\/\/thoth.dk\/index.php\/tag\/animation\/\" class=\"tag-cloud-link tag-link-80 tag-link-position-1\" style=\"font-size: 1.0234090909091rem;\" aria-label=\"Animation (6 elementer)\">Animation<span class=\"tag-link-count\"> (6)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/backup\/\" class=\"tag-cloud-link tag-link-58 tag-link-position-2\" style=\"font-size: 0.46rem;\" aria-label=\"Backup (2 elementer)\">Backup<span class=\"tag-link-count\"> (2)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/blokke\/\" class=\"tag-cloud-link tag-link-121 tag-link-position-3\" style=\"font-size: 0.795rem;\" aria-label=\"Blokke (4 elementer)\">Blokke<span class=\"tag-link-count\"> (4)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/css\/\" class=\"tag-cloud-link tag-link-52 tag-link-position-4\" style=\"font-size: 1.0234090909091rem;\" aria-label=\"CSS (6 elementer)\">CSS<span class=\"tag-link-count\"> (6)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/filter\/\" class=\"tag-cloud-link tag-link-76 tag-link-position-5\" style=\"font-size: 0.64272727272727rem;\" aria-label=\"Filter (3 elementer)\">Filter<span class=\"tag-link-count\"> (3)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/foresporgsels-loop\/\" class=\"tag-cloud-link tag-link-150 tag-link-position-6\" style=\"font-size: 1.0995454545455rem;\" aria-label=\"Foresp\u00f8rgsels-loop (7 elementer)\">Foresp\u00f8rgsels-loop<span class=\"tag-link-count\"> (7)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/forside\/\" class=\"tag-cloud-link tag-link-54 tag-link-position-7\" style=\"font-size: 0.46rem;\" aria-label=\"Forside (2 elementer)\">Forside<span class=\"tag-link-count\"> (2)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/html\/\" class=\"tag-cloud-link tag-link-51 tag-link-position-8\" style=\"font-size: 0.46rem;\" aria-label=\"HTML (2 elementer)\">HTML<span class=\"tag-link-count\"> (2)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/javascript\/\" class=\"tag-cloud-link tag-link-53 tag-link-position-9\" style=\"font-size: 0.64272727272727rem;\" aria-label=\"JavaScript (3 elementer)\">JavaScript<span class=\"tag-link-count\"> (3)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/karrusel\/\" class=\"tag-cloud-link tag-link-48 tag-link-position-10\" style=\"font-size: 0.46rem;\" aria-label=\"karrusel (2 elementer)\">karrusel<span class=\"tag-link-count\"> (2)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/kategorier\/\" class=\"tag-cloud-link tag-link-228 tag-link-position-11\" style=\"font-size: 0.64272727272727rem;\" aria-label=\"kategorier (3 elementer)\">kategorier<span class=\"tag-link-count\"> (3)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/landkort\/\" class=\"tag-cloud-link tag-link-95 tag-link-position-12\" style=\"font-size: 0.795rem;\" aria-label=\"Landkort (4 elementer)\">Landkort<span class=\"tag-link-count\"> (4)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/map\/\" class=\"tag-cloud-link tag-link-96 tag-link-position-13\" style=\"font-size: 0.64272727272727rem;\" aria-label=\"Map (3 elementer)\">Map<span class=\"tag-link-count\"> (3)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/mega-menu\/\" class=\"tag-cloud-link tag-link-32 tag-link-position-14\" style=\"font-size: 0.46rem;\" aria-label=\"Mega Menu (2 elementer)\">Mega Menu<span class=\"tag-link-count\"> (2)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/playground\/\" class=\"tag-cloud-link tag-link-56 tag-link-position-15\" style=\"font-size: 1.0995454545455rem;\" aria-label=\"Playground (7 elementer)\">Playground<span class=\"tag-link-count\"> (7)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/programmering\/\" class=\"tag-cloud-link tag-link-50 tag-link-position-16\" style=\"font-size: 0.46rem;\" aria-label=\"Programmering (2 elementer)\">Programmering<span class=\"tag-link-count\"> (2)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/skabelon\/\" class=\"tag-cloud-link tag-link-55 tag-link-position-17\" style=\"font-size: 0.795rem;\" aria-label=\"Skabelon (4 elementer)\">Skabelon<span class=\"tag-link-count\"> (4)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/tags\/\" class=\"tag-cloud-link tag-link-108 tag-link-position-18\" style=\"font-size: 0.91681818181818rem;\" aria-label=\"tags (5 elementer)\">tags<span class=\"tag-link-count\"> (5)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/tilpasset-kode\/\" class=\"tag-cloud-link tag-link-49 tag-link-position-19\" style=\"font-size: 1.8rem;\" aria-label=\"Tilpasset kode (22 elementer)\">Tilpasset kode<span class=\"tag-link-count\"> (22)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/twenty-twenty-five\/\" class=\"tag-cloud-link tag-link-182 tag-link-position-20\" style=\"font-size: 0.64272727272727rem;\" aria-label=\"Twenty twenty-five (3 elementer)\">Twenty twenty-five<span class=\"tag-link-count\"> (3)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/video\/\" class=\"tag-cloud-link tag-link-134 tag-link-position-21\" style=\"font-size: 0.64272727272727rem;\" aria-label=\"Video (3 elementer)\">Video<span class=\"tag-link-count\"> (3)<\/span><\/a>\n<a href=\"https:\/\/thoth.dk\/index.php\/tag\/introduktion-til-wp\/\" class=\"tag-cloud-link tag-link-98 tag-link-position-22\" style=\"font-size: 1.3736363636364rem;\" aria-label=\"WordPress introduktion (11 elementer)\">WordPress introduktion<span class=\"tag-link-count\"> (11)<\/span><\/a><\/p>\n\n\n<!--nextpage-->\n\n\n\n<h2 class=\"wp-block-heading\">Afrunding: Sider, navigation og struktur<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Inden du g\u00e5r i gang med at fremstille et website kan det v\u00e6re en god ide at tegne en model af sidens hierarki med forside og undersider. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Derefter laver du siderne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r siderne er publiceret kan de tilf\u00f8jes til menuer ved hj\u00e6lp af Navigations-blokke. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det er vigtigt at brugeren f\u00e5r en r\u00e6kke alternativer, n\u00e5r de skal finde rundt p\u00e5 websitet. Her kan du bruge knapper, ikoner, emneordsskyer, s\u00f8gefelter og meget mere.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sitets struktur defineres af navigations-blokke, der kan bruges p\u00e5 mange forskellige m\u00e5der.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I dag laver vi et fuldst\u00e6ndigt site med forside, undersider og en blogsektion. Brugeren kan navigere rundt p\u00e5 siden ved hj\u00e6lp af menuer, ikoner og forskellige links. Klik p\u00e5 knappen for at se hvordan s\u00e5dan en l\u00f8sning kan se ud i en Playground:<\/p>\n","protected":false},"author":1,"featured_media":5876,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[144,232,31,23,183,173,21],"tags":[185,54,106,192,198,98],"class_list":["post-5543","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce","category-jordbrugsteknik","category-multimediedesign","category-tutorials","category-webudvikling","category-wordpress","category-dk","tag-blog","tag-forside","tag-ikoner","tag-knapper","tag-navigations-blok","tag-introduktion-til-wp"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>En dag med sider og struktur - Wordpress og WooCommerce<\/title>\n<meta name=\"description\" content=\"P\u00e5 denne dag l\u00e6rer du at bruge WordPress til skabe en struktur med faste sider. Vi skaber struktur med navigations-blokken.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/\" \/>\n<link rel=\"next\" href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/2\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"En dag med sider og struktur - Wordpress og WooCommerce\" \/>\n<meta property=\"og:description\" content=\"P\u00e5 denne dag l\u00e6rer du at bruge WordPress til skabe en struktur med faste sider. Vi skaber struktur med navigations-blokken.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress og WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-16T10:03:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-03T06:03:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"727\" \/>\n\t<meta property=\"og:image:height\" content=\"480\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Per Thykj\u00e6r Jensen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Per Thykj\u00e6r Jensen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/\"},\"author\":{\"name\":\"Per Thykj\u00e6r Jensen\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"headline\":\"En dag med sider og struktur\",\"datePublished\":\"2025-12-16T10:03:36+00:00\",\"dateModified\":\"2026-03-03T06:03:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/\"},\"wordCount\":1333,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/hierarki.webp\",\"keywords\":[\"Blog\",\"Forside\",\"ikoner\",\"knapper\",\"Navigations-blok\",\"WordPress introduktion\"],\"articleSection\":[\"eCommerce\",\"Jordbrugsteknik\",\"Multimediedesign\",\"Tutorials\",\"Webudvikling\",\"WordPress\",\"\ud83c\udde9\ud83c\uddf0 Danske Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/\",\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/\",\"name\":\"En dag med sider og struktur - Wordpress og WooCommerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/hierarki.webp\",\"datePublished\":\"2025-12-16T10:03:36+00:00\",\"dateModified\":\"2026-03-03T06:03:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"description\":\"P\u00e5 denne dag l\u00e6rer du at bruge WordPress til skabe en struktur med faste sider. Vi skaber struktur med navigations-blokken.\",\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/16\\\/en-dag-med-sider-og-struktur\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/hierarki.webp\",\"contentUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/hierarki.webp\",\"width\":727,\"height\":480,\"caption\":\"Websidens overordnede hierarki.\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\",\"url\":\"https:\\\/\\\/thoth.dk\\\/\",\"name\":\"Wordpress og WooCommerce\",\"description\":\"Syv kreative dage med WordPress og WooCommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thoth.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\",\"name\":\"Per Thykj\u00e6r Jensen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"caption\":\"Per Thykj\u00e6r Jensen\"},\"description\":\"P\u00e5 Thoth.dk kan du finde tutorials og artikler om udvikling af websites med WordPress og online shopping med WooCommerce. Der er fokus p\u00e5 de nyeste blokbaserede temaer og metoder. Materialer og tutorials er udviklet af Per Thykj\u00e6r Jensen, lektor p\u00e5 Multimediedesigneruddannelsen ved Erhvervsakademi Aarhus.\",\"sameAs\":[\"https:\\\/\\\/thoth.dk\"],\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/author\\\/per\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"En dag med sider og struktur - Wordpress og WooCommerce","description":"P\u00e5 denne dag l\u00e6rer du at bruge WordPress til skabe en struktur med faste sider. Vi skaber struktur med navigations-blokken.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/","next":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/2\/","og_locale":"da_DK","og_type":"article","og_title":"En dag med sider og struktur - Wordpress og WooCommerce","og_description":"P\u00e5 denne dag l\u00e6rer du at bruge WordPress til skabe en struktur med faste sider. Vi skaber struktur med navigations-blokken.","og_url":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/","og_site_name":"Wordpress og WooCommerce","article_published_time":"2025-12-16T10:03:36+00:00","article_modified_time":"2026-03-03T06:03:57+00:00","og_image":[{"width":727,"height":480,"url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp","type":"image\/webp"}],"author":"Per Thykj\u00e6r Jensen","twitter_card":"summary_large_image","twitter_misc":{"Skrevet af":"Per Thykj\u00e6r Jensen","Estimeret l\u00e6setid":"9 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/#article","isPartOf":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/"},"author":{"name":"Per Thykj\u00e6r Jensen","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"headline":"En dag med sider og struktur","datePublished":"2025-12-16T10:03:36+00:00","dateModified":"2026-03-03T06:03:57+00:00","mainEntityOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/"},"wordCount":1333,"commentCount":0,"image":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp","keywords":["Blog","Forside","ikoner","knapper","Navigations-blok","WordPress introduktion"],"articleSection":["eCommerce","Jordbrugsteknik","Multimediedesign","Tutorials","Webudvikling","WordPress","\ud83c\udde9\ud83c\uddf0 Danske Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/","url":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/","name":"En dag med sider og struktur - Wordpress og WooCommerce","isPartOf":{"@id":"https:\/\/thoth.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/#primaryimage"},"image":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp","datePublished":"2025-12-16T10:03:36+00:00","dateModified":"2026-03-03T06:03:57+00:00","author":{"@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"description":"P\u00e5 denne dag l\u00e6rer du at bruge WordPress til skabe en struktur med faste sider. Vi skaber struktur med navigations-blokken.","inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/16\/en-dag-med-sider-og-struktur\/#primaryimage","url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp","contentUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/hierarki.webp","width":727,"height":480,"caption":"Websidens overordnede hierarki."},{"@type":"WebSite","@id":"https:\/\/thoth.dk\/#website","url":"https:\/\/thoth.dk\/","name":"Wordpress og WooCommerce","description":"Syv kreative dage med WordPress og WooCommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thoth.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Person","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06","name":"Per Thykj\u00e6r Jensen","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","caption":"Per Thykj\u00e6r Jensen"},"description":"P\u00e5 Thoth.dk kan du finde tutorials og artikler om udvikling af websites med WordPress og online shopping med WooCommerce. Der er fokus p\u00e5 de nyeste blokbaserede temaer og metoder. Materialer og tutorials er udviklet af Per Thykj\u00e6r Jensen, lektor p\u00e5 Multimediedesigneruddannelsen ved Erhvervsakademi Aarhus.","sameAs":["https:\/\/thoth.dk"],"url":"https:\/\/thoth.dk\/index.php\/author\/per\/"}]}},"_links":{"self":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/5543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/comments?post=5543"}],"version-history":[{"count":14,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/5543\/revisions"}],"predecessor-version":[{"id":5892,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/5543\/revisions\/5892"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media\/5876"}],"wp:attachment":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media?parent=5543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/categories?post=5543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/tags?post=5543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}