{"id":7091,"date":"2026-08-23T05:58:42","date_gmt":"2026-08-23T05:58:42","guid":{"rendered":"https:\/\/thoth.dk\/?p=7091"},"modified":"2026-08-24T14:38:09","modified_gmt":"2026-08-24T14:38:09","slug":"forsiden-skabelon-og-indhold","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/","title":{"rendered":"Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Vi skal udvikle en skabelon til sitets forside, der kommer til at se s\u00e5dan ud:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5ced93&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5ced93\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" 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\/2026\/08\/image-15-1024x611.png\" alt=\"\" class=\"wp-image-7144\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-15-1024x611.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-15-300x179.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-15-767x458.png 767w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-15-1536x917.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-15-2048x1222.png 2048w\" 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\">Skabelonens lag og layout<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Skabelonen Forside henter bl.a. overskrift, indhold og udvalgt billede fra den side vi v\u00e6lger til forside, det kan komme til at se s\u00e5dan ud:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1414\" style=\"aspect-ratio: 2299 \/ 1414;\" width=\"2299\" controls src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/gallerie-p-10-sek.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Du har brug for en forside, hvor sitets ejer kan redigere indholdet p\u00e5 forsiden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Skab sitets side-struktur<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Navigationsblokke virker bedst, hvis du opretter de sider der skal bruges f\u00f8r du s\u00e6tter menuen ind. P\u00e5 den m\u00e5de findes oplysningerne om siderne i databasen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Begynd med at oprette de vigtigste sider:\n<ul class=\"wp-block-list\">\n<li>Forside &#8211; husk at give siden et <em>udvalgt billede<\/em>.<\/li>\n\n\n\n<li>Blog &#8211; husk ogs\u00e5 at give denne side et <em>udvalgt billede<\/em>.<\/li>\n\n\n\n<li>Tilf\u00f8j gerne flere sider, fx &#8220;CV&#8221;, &#8220;Kontakt&#8221;, &#8220;Find vej&#8221;, &#8220;Galleri&#8221;, etc.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Du kan senere tilf\u00f8je endnu flere sider. Lige nu har vi disse sider (jeg har slettet modelsiderne, som kommer med WP).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Indstillinger<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Under indstillinger skal WP vide, hvor indholdet hentes fra:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5cf404&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5cf404\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"646\" 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\/2026\/08\/image-2-1024x646.png\" alt=\"Her er forsiden og blogsiden valgt - og s\u00e5dan kombineres skabelonen med sidernes indhold.\" class=\"wp-image-7096\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-2-1024x646.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-2-300x189.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-2-767x484.png 767w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-2.png 1464w\" 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 fort\u00e6ller vi WP, hvilke sider, der fungerer som blog og forside.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Nu ser sitet s\u00e5dan ud:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5cf6f1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5cf6f1\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" 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\/2026\/08\/image-14-1024x422.png\" alt=\"Sitets struktur. L\u00e6g m\u00e6rke til &quot;Indl\u00e6gsside&quot; og &quot;Forside&quot;. Skabelonerne for disse sider pr\u00e6senterer sidernes indhold.\" class=\"wp-image-7138\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-14-1024x422.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-14-300x124.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-14-768x316.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-14-1536x632.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-14.png 1846w\" 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 struktur. L\u00e6g m\u00e6rke til &#8220;Indl\u00e6gsside&#8221; og &#8220;Forside&#8221;. Skabelonerne for disse sider pr\u00e6senterer sidernes indhold.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Opret skabelonen Forside<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Skabelonen <em>Forside<\/em> &#8211; eller <em>Frontpag<\/em>e  &#8211; bliver til sitets forside, n\u00e5r den er oprettet, n\u00e5r vi har et hierarkisk site. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>G\u00e5 ind i Udseende &gt; Skabeloner<\/li>\n\n\n\n<li>Klik p\u00e5 den bl\u00e5 knap &#8220;Tilf\u00f8j skabelon&#8221;<\/li>\n\n\n\n<li>V\u00e6lg &#8220;Forside&#8221; (Frontpage)<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r denne skabelon oprettes bliver den automatisk til sitets forside &#8211; lidt i stil med filen index.html i klassisk HTML. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Som konsekvens af dette bliver skabelonen Blog-forside knyttet til den side du kaldte blog; men bloggens layout pr\u00e6senteres fortsat af skabelonen <em>Blog-forside<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Begynd med en helt blank skabelon<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nu operettes skabelonen &#8220;Forside: Skabelon&#8221;. Undg\u00e5 de foresl\u00e5ede designs. Vi vil begynde med en helt blank side. WP foresl\u00e5r en masse designs; men du skal lave dit eget.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Begynd med en helt blank skabelon, s\u00e5dan:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5cfaab&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5cfaab\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" 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\/2026\/08\/image-3-1024x524.png\" alt=\"\" class=\"wp-image-7099\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-3-1024x524.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-3-300x154.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-3-768x393.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-3-1536x786.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-3-2048x1048.png 2048w\" 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><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Banner med udvalgt billede<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">P\u00e5 siden Forside har vi allerede defineret et udvalgt billede. Vi kan hente dette billede frem med indstillingen: brug udvalgt billede.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inde i banneret kan du tilf\u00f8je nogen blokke &#8211; i denne \u00f8velse bruger vi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Blokken &#8220;Websteds titel&#8221;<\/li>\n\n\n\n<li>Blokken &#8220;Webstedets undertitel\/slogan&#8221;<\/li>\n\n\n\n<li>Pr\u00f8v eventuelt blokken &#8220;Website logo&#8221;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Det ser noget bart ud i din editor &#8230;.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5cfdde&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5cfdde\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"427\" 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\/2026\/08\/image-5-1024x427.png\" alt=\"Forsideskabelonen ser blank ud; men pr\u00f8v engang at se hvad der sker p\u00e5 forsiden.\" class=\"wp-image-7103\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-5-1024x427.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-5-300x125.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-5-768x320.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-5-1536x640.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-5-2048x854.png 2048w\" 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><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Men pr\u00f8v at \u00e5bne sitets forside!<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5d0099&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5d0099\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"383\" 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\/2026\/08\/image-6-1024x383.png\" alt=\"Websitets forside henter det udvalgte billede fra den side vi kaldte forside. Blokkene &quot;Websted titel&quot; og undertitel er praktiske, fordi du kan s\u00e6tte dem ind hvorsomhelst.\" class=\"wp-image-7104\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-6-1024x383.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-6-300x112.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-6-767x287.png 767w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-6-1536x575.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-6-2048x766.png 2048w\" 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><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Eksperimenter lidt med st\u00f8rrelsen af banneret. Pr\u00f8v at give det en h\u00f8jde p\u00e5 100vh.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5d032d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5d032d\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" 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\/2026\/08\/image-7-1024x583.png\" alt=\"Med en h\u00f8jde p\u00e5 100vh vil dit banner fylde hele sk\u00e6rmbilledet. Banneret kan i \u00f8vrigt ogs\u00e5 vise en video.\" class=\"wp-image-7108\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-7-1024x583.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-7-300x171.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-7-768x437.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-7-1536x874.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-7-2048x1166.png 2048w\" 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><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Navigation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">P\u00e5 et hierarkisk site skal brugeren kunne navigere &#8211; du kan inds\u00e6tte navigationsblokken et passende sted. Jeg s\u00e6tter mit banner til 45vh s\u00e5 vi altid kan se menuen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Inds\u00e6t blokken &#8220;Navigation&#8221; under banneret.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I dette tilf\u00e6lde valgte jeg at centrere banneret under blokkens indstillinger.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Resultatet ser s\u00e5dan ud:<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3a88641f wp-block-group-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5d062e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5d062e\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" 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\/2026\/08\/image-8-1024x583.png\" alt=\"\" class=\"wp-image-7111\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-8-1024x583.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-8-300x171.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-8-768x437.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-8-1536x874.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-8-2048x1166.png 2048w\" 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><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5d087e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5d087e\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"355\" 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\/2026\/08\/image-9-1024x355.png\" alt=\"\" class=\"wp-image-7112\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-9-1024x355.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-9-300x104.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-9-768x266.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-9-1536x532.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-9-2048x709.png 2048w\" 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><\/figure>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Sidens indhold hentes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fra den side vi har valgt som forside kan vi hente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Titel<\/li>\n\n\n\n<li>Indhold (&#8220;br\u00f8dtekst&#8221;, billeder, \u00f8vrige medier &#8230;)<\/li>\n\n\n\n<li>Udvalgt billede (har vi allerede brugt i banneret)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">En gruppe til indholdet<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Indholdet skal formatteres som indhold. Her er blokken &#8220;gruppe&#8221; nyttig. S\u00e5 opret en gruppe under navigationen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00f8rg for at gruppen bruger &#8220;indholdsbredde&#8221; til dit indhold (eller fuld bredde, hvis det er det du vil!).<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5d0ec0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5d0ec0\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" 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\/2026\/08\/image-10-1024x489.png\" alt=\"L\u00e6g m\u00e6rke til knappen Layout &quot;indvendige blokke bruger indholdsbredde&quot;.\" class=\"wp-image-7117\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-10-1024x489.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-10-300x143.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-10-767x366.png 767w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-10-1536x733.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-10-2048x977.png 2048w\" 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\">L\u00e6g m\u00e6rke til knappen Layout &#8220;indvendige blokke bruger indholdsbredde&#8221;.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Inds\u00e6t forsidens titel<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Inds\u00e6t titlen p\u00e5 dit indl\u00e6g i gruppen.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5d116f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5d116f\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" 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\/2026\/08\/image-11-1024x534.png\" alt=\"\" class=\"wp-image-7118\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-11-1024x534.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-11-300x156.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-11-767x400.png 767w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-11.png 1386w\" 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><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Og her skal du netop IKKE skrive titlen, for den bliver hentet fra den side, som er valgt til at v\u00e6re forsiden. P\u00e5 forsiden ser det nu s\u00e5dan ud:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a8d12e5d13f4&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a8d12e5d13f4\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" 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\/2026\/08\/image-12-1024x364.png\" alt=\"\" class=\"wp-image-7119\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12-1024x364.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12-300x106.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12-766x272.png 766w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12-1536x545.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12-2048x727.png 2048w\" 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 henter sidens titel. Hvis du laver den op &#8211; s\u00e5 f\u00e5r du mere relevant indhold p\u00e5 forsiden.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Blokken: Indhold<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nu f\u00e5r vi brug for at hente sidens indhold. Her f\u00e5r du brug for blokken &#8220;Indhold&#8221;. Inds\u00e6t den i gruppen under titlen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Footeren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Inds\u00e6t en passende footer ved hj\u00e6lp af blokgrupperne. Du kan enten selv lave en footer ved hj\u00e6lp af &#8220;Tilf\u00f8j blokgruppe&#8221; &#8211; eller bruge en af de forud definerede. Husk at v\u00e6lge &#8220;<strong>synkroniseret<\/strong>&#8221; hvis footeren skal genbruges p\u00e5 hele sitet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sammenfatning: skabelon til forsiden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Du har nu pr\u00f8vet at lave en skabelon, der henter sit indhold fra den side, som du g\u00f8r til forsiden. Du bestemmer selv, hvor og hvordan det udvalgte billede fra siden skal st\u00e5 &#8211; her blev det placeret i et banner \u00f8verst p\u00e5 siden; men du kan hen de udvalgte billeder og formattere dem p\u00e5 andre m\u00e5der. P\u00e5 en lignende m\u00e5de kunne vi hente sidens titel, indhold mv. ved hj\u00e6lp af de s\u00e6rlige skabelonblokke.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eksemplet med forsiden viser samtidig, hvordan skabeloner fungerer, n\u00e5r de pr\u00e6senterer attibutterne fra sider og indl\u00e6g. Skabelonen henter simpelt hen side- eller indl\u00e6gss-objektets attributter og pr\u00e6senterer dem d\u00e9r, hvor du vil have det i dit layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r du kan det her kan du g\u00e5 p\u00e5 opdagelse i andre specialskabeloner.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Playground eksempel<\/h2>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-5cbe5e6f-ab9a-4b94-b3a6-4a02c7e32c8a\" href=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/galleri-playground-20260824-morgen.zip\">galleri-playground-20260824-morgen<\/a><a href=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/galleri-playground-20260824-morgen.zip\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-5cbe5e6f-ab9a-4b94-b3a6-4a02c7e32c8a\">Download Playground<\/a><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e5dan anvendes eksemplet:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c5bn Playground<\/li>\n\n\n\n<li>Installer zippen<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>S\u00e5dan v\u00e6lger du sitets forside og pr\u00e6senterer det udvalgte billede, titlen og indholdet p\u00e5 din forside. <\/p>\n","protected":false},"author":1,"featured_media":7119,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[31],"tags":[],"class_list":["post-7091","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-multimediedesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen - Wordpress og WooCommerce<\/title>\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\/2026\/08\/23\/forsiden-skabelon-og-indhold\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen - Wordpress og WooCommerce\" \/>\n<meta property=\"og:description\" content=\"S\u00e5dan v\u00e6lger du sitets forside og pr\u00e6senterer det udvalgte billede, titlen og indholdet p\u00e5 din forside.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress og WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-23T05:58:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-24T14:38:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2231\" \/>\n\t<meta property=\"og:image:height\" content=\"792\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"7 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/\"},\"author\":{\"name\":\"Per Thykj\u00e6r Jensen\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"headline\":\"Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen\",\"datePublished\":\"2026-08-23T05:58:42+00:00\",\"dateModified\":\"2026-08-24T14:38:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/\"},\"wordCount\":849,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/image-12.png\",\"articleSection\":[\"Multimediedesign\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/\",\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/\",\"name\":\"Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen - Wordpress og WooCommerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/image-12.png\",\"datePublished\":\"2026-08-23T05:58:42+00:00\",\"dateModified\":\"2026-08-24T14:38:09+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/image-12.png\",\"contentUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/image-12.png\",\"width\":2231,\"height\":792},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/08\\\/23\\\/forsiden-skabelon-og-indhold\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thoth.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen\"}]},{\"@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":"Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen - Wordpress og WooCommerce","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\/2026\/08\/23\/forsiden-skabelon-og-indhold\/","og_locale":"da_DK","og_type":"article","og_title":"Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen - Wordpress og WooCommerce","og_description":"S\u00e5dan v\u00e6lger du sitets forside og pr\u00e6senterer det udvalgte billede, titlen og indholdet p\u00e5 din forside.","og_url":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/","og_site_name":"Wordpress og WooCommerce","article_published_time":"2026-08-23T05:58:42+00:00","article_modified_time":"2026-08-24T14:38:09+00:00","og_image":[{"width":2231,"height":792,"url":"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12.png","type":"image\/png"}],"author":"Per Thykj\u00e6r Jensen","twitter_card":"summary_large_image","twitter_misc":{"Skrevet af":"Per Thykj\u00e6r Jensen","Estimeret l\u00e6setid":"7 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/#article","isPartOf":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/"},"author":{"name":"Per Thykj\u00e6r Jensen","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"headline":"Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen","datePublished":"2026-08-23T05:58:42+00:00","dateModified":"2026-08-24T14:38:09+00:00","mainEntityOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/"},"wordCount":849,"commentCount":0,"image":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12.png","articleSection":["Multimediedesign"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/","url":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/","name":"Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen - Wordpress og WooCommerce","isPartOf":{"@id":"https:\/\/thoth.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/#primaryimage"},"image":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12.png","datePublished":"2026-08-23T05:58:42+00:00","dateModified":"2026-08-24T14:38:09+00:00","author":{"@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"breadcrumb":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/#primaryimage","url":"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12.png","contentUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/08\/image-12.png","width":2231,"height":792},{"@type":"BreadcrumbList","@id":"https:\/\/thoth.dk\/index.php\/2026\/08\/23\/forsiden-skabelon-og-indhold\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thoth.dk\/"},{"@type":"ListItem","position":2,"name":"Vi bygger sitets forside ved hj\u00e6lp af forsideskabelonen"}]},{"@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\/7091","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=7091"}],"version-history":[{"count":15,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/7091\/revisions"}],"predecessor-version":[{"id":7167,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/7091\/revisions\/7167"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media\/7119"}],"wp:attachment":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media?parent=7091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/categories?post=7091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/tags?post=7091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}