{"id":5340,"date":"2025-12-14T08:38:22","date_gmt":"2025-12-14T08:38:22","guid":{"rendered":"https:\/\/thoth.dk\/?p=5340"},"modified":"2026-03-03T05:47:18","modified_gmt":"2026-03-03T05:47:18","slug":"tilpasset-kode","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/","title":{"rendered":"En dag med tilpasset kode"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Indhold<\/h2>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<blockquote class=\"wp-block-quote has-border-color has-base-border-color has-background has-large-font-size is-layout-flow wp-block-quote-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:23px;border-top-right-radius:23px;border-bottom-left-radius:23px;border-bottom-right-radius:23px;background-color:#272626;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-style:normal;font-weight:600\">\n<p class=\"wp-block-paragraph\">&#8211; WordPress kan meget; men ikke alt. Hvordan tilf\u00f8jer jeg min egen HTML, CSS og scripts? <\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r du f\u00e5r brug for at programmere dele af l\u00f8sningen selv er der mange kreative muligheder i de blokbaserede temaer:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">Blokken &#8220;Tilpasset HTML&#8221;<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Plugin: &#8220;Custom CSS &amp; JS&#8221;<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Child Theme<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Styling med theme.json<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Style variations<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-accent-6-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-62ef7738 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<h2 class=\"wp-block-heading\">Indhold<\/h2>\n\n\n<nav class=\"is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-831b2db5 wp-block-navigation-is-layout-flex\" aria-label=\"Menu 3\"><ul class=\"wp-block-navigation__container is-vertical wp-block-navigation\"><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/\"><span class=\"wp-block-navigation-item__label\">Side 1: En dag med tilpasset kode<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/2\/\"><span class=\"wp-block-navigation-item__label\">Side 2: Tilf\u00f8j dit eget CSS<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/3\/\"><span class=\"wp-block-navigation-item__label\">Side 3: Blokken tilpasset HTML<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/4\/\"><span class=\"wp-block-navigation-item__label\">Side 4: Plugin &#8220;Simple Custom CSS and JavaScript&#8221;<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/2\/\"><span class=\"wp-block-navigation-item__label\">Side 5: Child Theme<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/6\/\"><span class=\"wp-block-navigation-item__label\">Side 6: Playground og VSC<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/7\/\"><span class=\"wp-block-navigation-item__label\">Side 7: Rediger theme.json i childthemet<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/8\/\"><span class=\"wp-block-navigation-item__label\">Side 8: Style variations i childthemet<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/9\/\"><span class=\"wp-block-navigation-item__label\">Side 9: Eksempel p\u00e5 style variation<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/10\/\"><span class=\"wp-block-navigation-item__label\">Side 10: Upload af theme\/childtheme<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/2\/\"><span class=\"wp-block-navigation-item__label\">Side 11: Replik om coverbilledet<\/span><\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">S\u00e5dan virker WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kernen i WordPress er programmeret i PHP, der henter dine sider og indl\u00e6g i databasen. PHP klistrer det hele sammen til HTML, CSS og JavaScript. Dette sendes til brugerens browser. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Og derfor kan du b\u00e5de style og modificere den kode som WP genererer vil at tilf\u00f8je tilpasset kode i PHP, HTML, CSS og JavaScript.<\/p>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Tilf\u00f8j dit CSS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Du kan tilf\u00f8je dit eget CSS helt uden at installere plugins. Det kan v\u00e6re en fordel at redigere din CSS i fx VSC, og copypaste koden til WP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du kan give mange blokke en id (&#8220;HTML anker&#8221;) eller CSS klasser efter behov. Under stilarter kan du tilf\u00f8je ekstra CSS. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Muligheden er godt gemt under de tre prikker \u00f8verst i Stilarter.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"874\" style=\"aspect-ratio: 353 \/ 874;\" width=\"353\" controls muted preload=\"auto\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/02\/red-css.webm\"><\/video><figcaption class=\"wp-element-caption\">Tilf\u00f8j CSS s\u00e5dan.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Tilf\u00f8j klasser eller id til blokke<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Marker blokken i dokumentpanelet eller i editoren. Under indstillinger v\u00e6lg &#8220;Avanceret&#8221;. S\u00e5 kan du tilf\u00f8je et HTML-anker (dvs. en CSS id) eller &#8220;Ekstra CSS klasser&#8221;. Nu kan du bruge dit CSS.<\/p>\n\n\n\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\">\u00d8velse: Tilf\u00f8j CSS<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u00c5bn for &#8220;Tilf\u00f8j CSS&#8221; og skriv en klasse, der fremh\u00e6ver en tekst med en gul baggrund, lidt som en markerpen.<\/li>\n\n\n\n<li>Gem CSS&#8217;en.<\/li>\n\n\n\n<li>Skriv den tekst som skal fremh\u00e6ves med en passende blok, fx afsnit, vers, overskrift eller lignende.<\/li>\n\n\n\n<li>Tilf\u00f8j din klasse til blokken under &#8220;Avanceret&#8221;.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Eksempel<\/h3>\n\n\n\n<pre class=\"wp-block-verse gul has-base-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-62743f138778b78f9c98f2af2126cb37\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">K\u00f8b blomster, k\u00f8b blomster, en rose s\u00e5 r\u00f8d<br>fra morgen til aften er vissen og d\u00f8d.<br>K\u00f8b blomster, k\u00f8b blomster, en rose s\u00e5 r\u00f8d,<br>fra morgen til aften er vissen og d\u00f8d.<\/pre>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Blokkken &#8220;Tilpasset HTML&#8221;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Med denne blok kan du nemt tilf\u00f8je HTML, CSS og JavaScript til enhver side eller indl\u00e6g. Som regel f\u00e5r vi kun brug for nogen kodestumper. L\u00e6ngere kodestykker kan evt. redigeres i Visual Studio Code, og s\u00e6ttes ind ved copy-paste i blokken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">R\u00e6kkef\u00f8lgen af dine tags er vigtig:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>CSS<\/li>\n\n\n\n<li>HTML<\/li>\n\n\n\n<li>JavaScript<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Her er et par eksempler til inspiration:<\/p>\n\n\n\n<pre class=\"wp-block-code has-base-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-5880f32215f3d880c5661c2fa288d437\"><code>&lt;!-- CSS --&gt;\n&lt;style&gt;\n   \/** Jow, du m\u00e5 godt! *\/\n   h1 { color: red; }\n&lt;\/style&gt;\n\n&lt;!-- HTML --&gt;\n&lt;div&gt; Er ganske enkelt: HTML &lt;\/div&gt;\n\n&lt;!-- JAVASCRIPT --&gt;\n&lt;script&gt;\n   alert(\"Mojn do!\")\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-bottom-center\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#948577\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png\" class=\"wp-block-cover__image-background wp-post-image\" alt=\"Webudvikler i f\u00e6rd med at lave et WP site p\u00e5 Erhvervsakademi Aarhus.\" data-object-fit=\"cover\" data-object-position=\"41% 34%\" style=\"object-position:41% 34%;\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-300x200.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-768x512.png 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h2 class=\"wp-block-heading has-contrast-color has-base-background-color has-text-color has-background has-link-color wp-elements-6feddf0b2898125622f171d7a7abbc8a\"><strong>\u00d8velse: <\/strong><br>Vi bygger en billed-karrusel med HTML, CSS og m\u00e5ske JavaScript.<\/h2>\n<\/div><\/div>\n\n\n\n<p class=\"is-style-text-annotation is-style-text-annotation--1 wp-block-paragraph\">G\u00f8r s\u00e5dan: Find en karrusel lavet i HTML, CSS og JavaScript &#8211; f.eks. p\u00e5 W3 Schools eller et andet sted. Brug billeder fra dit mediebibliotek p\u00e5 WordPress. De skal helst have ens bredde og h\u00f8jde, ellers risikerer du at din karrusel &#8220;hopper&#8221;.<\/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\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Karrusel<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Plugin: &#8220;Custom CSS and JavaScript&#8221;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress kernekoden er programmeret i PHP, der sender HTML, CSS og JavaScript til browseren. Koden kan manipuleres, fx hvis du finder id, class, etc. ved hj\u00e6lp af browserens &#8220;Inspect tool&#8221; (Unders\u00f8g). <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a678f695eff8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a678f695eff8\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" 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\/custom-css-etc-1024x447.png\" alt=\"\" class=\"wp-image-5491\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/custom-css-etc-1024x447.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/custom-css-etc-300x131.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/custom-css-etc-768x335.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/custom-css-etc-1536x670.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/custom-css-etc-2048x893.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\">&#8220;<a href=\"https:\/\/playground.wordpress.net\/?plugin=custom-css-js\">Custom CSS and JavaScript<\/a>&#8221; &#8211; her kan du tilf\u00f8je din tilpassede kode.<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/playground.wordpress.net\/?plugin=custom-css-js\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Simple Custom CSS &amp; Js.<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Dette plugin er let at bruge, n\u00e5r du f\u00e5r brug for at tilf\u00f8je scripts eller anden kode til dine indl\u00e6g og sider. Her tilf\u00f8jes HTML, CSS og JavaScripts til hele websitet eller specielle dele som: adminpanelet, header, footer eller login-vinduet. <\/p>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Child theme<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Et childtheme bliver ikke overskrevet, n\u00e5r du opdaterer parentthemet. Med et childtheme kan du k\u00f8re en WP som altid er opdateret. <\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Hvis du f\u00e5r brug for at redigere filer i temaets mappe, s\u00e5 skal du bruge et childtheme til form\u00e5let. Nogen v\u00e6lger s\u00e5 at lade v\u00e6re med at installere sikkerhedsopdateringer. Det er mildt sagt en udforsigtig beslutning. Hvis du kender lidt til webprogrammerin, s\u00e5 kan du selv lave et childtheme. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Et childtheme er nemt at bruge: kopier de filer, som skal \u00e6ndres fra parent-theme mappen til childtheme mappen. Det er vigtigt, at filerne skal ligger i mapper med pr\u00e6cis som parent themet. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du skal bruge et child theme, hvis du f.eks. vil \u00e6ndre:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>functions.php<\/li>\n\n\n\n<li>style.css<\/li>\n\n\n\n<li>theme.json<\/li>\n\n\n\n<li>screenshot.png<\/li>\n\n\n\n<li>eller andre filer i temaet<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Child themes kan laves ved hj\u00e6lp af plugins, som &#8220;<a href=\"https:\/\/wordpress.org\/plugins\/create-block-theme\/\">Create Block Theme<\/a>&#8220;; men det er lettere at kode det selv. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Filerne i et Childtheme<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Her er en kort oversigt over de filer, der minimum b\u00f8r v\u00e6re i et childtheme. Klik p\u00e5 filnavnet for at se koden. <\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Fil<\/th><th>Form\u00e5l<\/th><\/tr><\/thead><tbody><tr><td><a href=\"https:\/\/github.com\/asathoor\/myChildTheme\/blob\/main\/style.css#L2-L5\">style.css<\/a><\/td><td>Kommentarfeltet \u00f8verst har de informationer, som WP bruger, n\u00e5r themet skal vises i Kontrolpanelet.<br><br>Her kan du evt. tilf\u00f8je ekstra CSS; men stylingen af blokbaserede temaer sker nu i theme.json eller variationer. Mere om det senere.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/asathoor\/myChildTheme\/blob\/main\/screenshot.png\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">screenshot.png<\/a><\/td><td>Er det billede, som viser noget, hvordan dit tema ser ud i kontrolpanelet.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/asathoor\/myChildTheme\/blob\/main\/functions.php\">functions.php<\/a><\/td><td>Her b\u00f8r du tilf\u00f8je stylesheets fra parenttheme og childtheme. Du kan ogs\u00e5 tilf\u00f8je JavaScripts og andre CSS&#8217;er. <a href=\"https:\/\/developer.wordpress.org\/themes\/core-concepts\/custom-functionality\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">L\u00e6s mere om mulighederne med functions.php her<\/a>.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/asathoor\/myChildTheme\/blob\/main\/index.php\">index.php<\/a><\/td><td>En tom fil, der blokerer u\u00f8nsket browsen rundt i filerne. Derfor citatet fra Dantes &#8220;Inferno&#8221;.<\/td><\/tr><\/tbody><tfoot><tr><td>Github repo<\/td><td>Se <a href=\"https:\/\/github.com\/asathoor\/myChildTheme\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">her<\/a>.<\/td><\/tr><\/tfoot><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I de f\u00f8lgende afsnit bygger vi et childtheme og styler det med theme.json og bygger style variations.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-bottom-center\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-accent-1-background-color has-background-dim-30 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.png\" class=\"wp-block-cover__image-background wp-post-image\" alt=\"Webudvikler i f\u00e6rd med at lave et WP site p\u00e5 Erhvervsakademi Aarhus.\" data-object-fit=\"cover\" data-object-position=\"40% 18%\" style=\"object-position:40% 18%;\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-300x200.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-768x512.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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-3d4b9de2390aa4f29f861efd59f04087\"><strong>\u00d8velse: <\/strong><br>Vi bygger et childtheme<\/h2>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">I denne \u00f8velse bygger vi et childtheme med editoren Visual Studio Code. Du l\u00e6rer, hvordan du kan tilf\u00f8je farver, fonte og stilvarianter til kontrolpanelet.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Parent theme: Twenty twenty-five<\/li>\n\n\n\n<li>Child theme: som du selv giver et navn<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">B\u00e5de parent og child theme skal v\u00e6re til stede p\u00e5 serveren, hvor det er childthemet, der er aktiveret.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Koden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Begynd med at downloade Twenty twenty-five fra WordPress.org. Pak filerne ud i mappen themes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Derefter f\u00e5r du brug for koden, som laver dit childtheme. Knappen linker til den kode du har brug for. Download eller klon dette repository:<\/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\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/github.com\/asathoor\/myChildTheme\" target=\"_blank\" rel=\"noreferrer noopener\">myChildTheme<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Nu b\u00f8r din mappestruktur se s\u00e5dan ud:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a678f695f676&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a678f695f676\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"210\" height=\"68\" 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\/Skaermbillede-2025-12-15-kl.-8.40.12-AM.png\" alt=\"Mappestruktur i mappen hvor du udvikler dit childtheme.\" class=\"wp-image-5408\"\/><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\">Mappestruktur i mappen hvor du udvikler dit childtheme. L\u00e6g m\u00e6rke til, at du kan omd\u00f8be mappen til noget mere passende end myChildTheme.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Playground og Visual Studio Code (VSC)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Playground kan bruges til test og udvikling af WordPress temaer. Det er mest praktisk at udvikle et childtheme p\u00e5 din computer og vente med at uploade det til du ved, at alt virker, som det skal.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list is-style-default has-base-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-dfa61ef98bd1f3a332b6439d163320b9\">\n<li>Installer pluginet &#8220;WordPress Playground for VS Code&#8221; i VSC.<\/li>\n\n\n\n<li>\u00c5bn din arbejdsmappe i VSC.<\/li>\n\n\n\n<li>Start Playground i editoren. <\/li>\n\n\n\n<li>I browseren kan du se Playground med et childtheme.<\/li>\n\n\n\n<li>Aktiver dit childtheme.<\/li>\n\n\n\n<li>Kopier de filer og directories, som du vil redigere til childtheme mappen.<\/li>\n\n\n\n<li>Rediger.<\/li>\n\n\n\n<li>N\u00e5r du er tilfreds med dit childtheme, kan det eksporteres fra kontrolpanelet. <\/li>\n\n\n\n<li>I WP kontrolpanenet kan du derefter installere dit childtheme ved at uploade zipfilen.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Video: Playground med childtheme i VSC<\/h4>\n\n\n\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/jgl0l2XZx2U?si=27gbtUYWRwk5IbYk\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Rediger theme.json i childthemet<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hvis du er vant til at arbejde med HTML og CSS kan det nok undre, at stylingen prim\u00e6rt foreg\u00e5r i theme.json. I WP temaer redigeres style.css relativt sj\u00e6ldent. Farver, fonte og de enkelte blokkes udseende styles i JSON.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00f8v et eller flere disse eksperimenter:<\/p>\n\n\n\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-bottom-center\" style=\"min-height:100vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-accent-1-background-color has-background-dim-60 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.png\" class=\"wp-block-cover__image-background wp-post-image\" alt=\"Webudvikler i f\u00e6rd med at lave et WP site p\u00e5 Erhvervsakademi Aarhus.\" data-object-fit=\"cover\" data-object-position=\"42% 31%\" style=\"object-position:42% 31%;\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-300x200.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-768x512.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:338px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-base-color has-accent-5-background-color has-text-color has-background has-link-color wp-elements-cda19795b82baceb2ade84aaddb5ef87\">Eksperiment\u00e9r med dit Childtheme<\/h2>\n\n\n\n<ol class=\"wp-block-list has-contrast-color has-base-background-color has-text-color has-background has-link-color has-small-font-size wp-elements-b60e4167ffe6d21f5eef49969eaffddc\">\n<li class=\"has-medium-font-size\">Kopier theme.json fra mappen med parenttheme til mappen med childtheme.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">\u00c5bn theme.json fra childtheme-mappen.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">(Let) Tilf\u00f8j dine egene farver til farvepalette i theme.json.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">(Let) Tilf\u00f8j en standard webfont til fontpaletten.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">(let) Opret nogen gradienter i theme.json.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">(Let) Skab nogen duotones i theme.json<\/li>\n\n\n\n<li class=\"has-medium-font-size\">(Avanceret) Hvordan er fonte fra filer tilf\u00f8jet i theme.json? <\/li>\n\n\n\n<li class=\"has-medium-font-size\">(Avanceret) N\u00e5r du kan svare p\u00e5 det, og hvis du t\u00f8r, s\u00e5 pr\u00f8v at tilf\u00f8je en displayfont som er downloadet fra Google Fonts eller en anden udbyder af fonte. Filen skal formatteres til <a href=\"https:\/\/www.fontconverter.io\/en\/other-conversions\/\">.woff2<\/a>.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Gem filen.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">G\u00e5 ind i kontrolpanelet. Aktiver din farvepalette. Juster farverne, hvis kontrasterne er uheldige. Aktiver de fonte du har installeret. Displayfonte kan med fordel anvendes p\u00e5 H1 og H2 overskrifter.<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Gem dit tema.<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Eksempel p\u00e5 en l\u00f8sning<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Her er et eksempel p\u00e5 \u00e6ndret farvepalet i theme.json. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a678f695fce3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a678f695fce3\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" 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\/palette-childth-1-1024x529.png\" alt=\"\" class=\"wp-image-5464\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/palette-childth-1-1024x529.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/palette-childth-1-300x155.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/palette-childth-1-768x397.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/palette-childth-1-1536x793.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/palette-childth-1.png 2045w\" 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 ses theme.json i Visual Studio Code og resultatet i childthemet. L\u00e6g m\u00e6rke til, hvordan paletten er tilf\u00f8jet &#8211; og temaet har f\u00e5et en m\u00f8rk baggrund.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Style variations i childthemet<\/h3>\n\n\n\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-center has-contrast-color has-text-color has-link-color wp-elements-0e788aa2d95e86fd6e253e49c2c78cc2\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-accent-4-background-color has-background-dim-60 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.png\" class=\"wp-block-cover__image-background wp-post-image\" alt=\"Webudvikler i f\u00e6rd med at lave et WP site p\u00e5 Erhvervsakademi Aarhus.\" data-object-fit=\"cover\" data-object-position=\"41% 27%\" style=\"object-position:41% 27%;\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-300x200.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-768x512.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-left has-base-background-color has-background wp-block-paragraph\">Style variations er kopier af theme.json<br>Kopien omd\u00f8bes til noget passende, fx<br>foraarsfarver.json<br>Opret mappen \/styles<br>Flyt foraarsfarver.json til mappen \/styles<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Eksempel: style variation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Herunder kan du se, hvordan farvepaletten &#8220;Variationen&#8221; tilf\u00f8jes i Childtheme-mappen:<\/p>\n\n\n\n<p class=\"is-style-text-annotation is-style-text-annotation--2 wp-block-paragraph\">styles\/variationen.json<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Videoen viser resultatet:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1152\" style=\"aspect-ratio: 2048 \/ 1152;\" width=\"2048\" controls src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/variationen.mov\"><\/video><figcaption class=\"wp-element-caption\">Video: Style variation &#8220;Variationen&#8221; er tilf\u00f8jet til childtheme. Farverne kan nu v\u00e6lges og aktiveres i kontrolpanelet.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Det er mere kompliceret at tilf\u00f8je fonte. Her skal du oprette en mappe til fontens filer og tilf\u00f8je den i theme.json (eller en stilvariation).<\/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\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/thoth.dk\/index.php\/tag\/theme-json\/\" target=\"_blank\" rel=\"noreferrer noopener\">tag: theme.json<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Tilf\u00f8j scripts i functions.php<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ekstra scripts og stylesheets kan &#8211; blandt meget andet &#8211; tilf\u00f8jes functions.php. Selv om den er skrevet i PHP, s\u00e5 er den relativt let at redigere &#8211; s\u00e5 l\u00e6nge du lader &lt;?php blive st\u00e5ende i den f\u00f8rste linje.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Functions.php i mit eksempel installerer to stylesheets:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Parent theme style.css loades f\u00f8rst<\/li>\n\n\n\n<li>Childtheme style.css loades til sidst<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Det sker fordi det er det sidste stylesheet i kaskaden, som bestemmer, hvordan tingene endelig skal se ud. S\u00e5 childthemets stylesheet for alts\u00e5 forrang &#8211; og du kan tilf\u00f8je ekstra CSS d\u00e9r, n\u00e5r noget skal \u00e6ndres.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hvis du l\u00e6ser, at noget kode skal tilf\u00f8jes functions.php f\u00e5r du altid brug for et childtheme.<\/p>\n\n\n\n<pre class=\"wp-block-code alignwide has-base-color has-text-color has-link-color wp-elements-7dccd967670c11561e7b85ef39c63caa\"><code>&lt;?php\n\n\/\/ kalder funktionen med stylesheets\nadd_action( \n\t'wp_enqueue_scripts', \n\t'petj_enqueue_styles' );\n\n\/\/ her tilf\u00f8jes nogle CSS'er\nfunction petj_enqueue_styles() {\n\t\n\t\/\/ parent theme css\n\twp_enqueue_style( \n\t\t'petj-tt5-parent-style',  \n\t\tget_parent_theme_file_uri( 'style.css' ) );\n\n\t\/\/ child theme css\n\twp_enqueue_style( \n\t\t'petj_child_enqueue_style', \n\t\tget_stylesheet_uri() );\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">P\u00e5 en lignende m\u00e5de kan du tilf\u00f8je JavaScript; men her skal du bruge wp_enqueue_script() i stedet for wp_enqueue_style.<\/p>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Upload Childtheme serveren<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e5r du er tilfreds med dit childtheme skal det uploades til serveren. Playground i VSC er selvf\u00f8lelig kun en skitse, s\u00e5 det er ikke her vi fremstiller egentligt indhold. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det vi har lavet er et tema som du kan arbejde videre med i en &#8220;rigtig&#8221; WP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Childthemet uploades til serveren ved at komprimere (zip) mappen mitChildTheme (eller hvad den hedder). Videoen viser det:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"638\" style=\"aspect-ratio: 1402 \/ 638;\" width=\"1402\" controls src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/kompirmer.mov\"><\/video><figcaption class=\"wp-element-caption\">Mappen med childthemet komprimeres. Den ligger i themes.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Derefter skal du uploade dit childtheme til serveren. Videoen viser, hvordan childthemet installeres. Derefter v\u00e6lges en stylevariation &#8211; og sitet har f\u00e5et et nyt design:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2274\" style=\"aspect-ratio: 4066 \/ 2274;\" width=\"4066\" controls src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/installerChildtheme.mov\"><\/video><figcaption class=\"wp-element-caption\">Childthemet installeres, og en style variation aktiveres. <\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Billedet herunder viser, hvordan farvepaletten fra stylevariation &#8220;Variationen&#8221; ser ud i kontrolpanelets editor.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a678f6960b6e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a678f6960b6e\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" 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\/Skaermbillede-2025-12-15-kl.-1.52.16-PM-1024x590.png\" alt=\"Stilvariationens farvepalette i kontrolpanelet.\" class=\"wp-image-5476\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/Skaermbillede-2025-12-15-kl.-1.52.16-PM-1024x590.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/Skaermbillede-2025-12-15-kl.-1.52.16-PM-300x173.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/Skaermbillede-2025-12-15-kl.-1.52.16-PM-768x443.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/Skaermbillede-2025-12-15-kl.-1.52.16-PM-1536x886.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/Skaermbillede-2025-12-15-kl.-1.52.16-PM-2048x1181.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\">Stilvariationens farvepalette i kontrolpanelet.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Replik: \u00d8velsernes coverbillede<\/h2>\n\n\n<figure class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Webudvikler i f\u00e6rd med at lave et WP site p\u00e5 Erhvervsakademi Aarhus.\" style=\"object-fit:cover;\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png 1536w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-300x200.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-768x512.png 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure>\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Coverbilledet er tegnet af CoPilot (december 2025), der &#8220;elegant&#8221; l\u00f8ser problemet med at vi ser pigen med computeren; men hvordan skal vi s\u00e5 se, hvad der sker p\u00e5 hendes sk\u00e6rm? L\u00f8sningen kr\u00e6ver en mindre revision af naturlovene &#8211; ind til nogen laver s\u00e5dan en sk\u00e6rm. Ideen er ikke helt tosset i en klasse eller n\u00e5r flere samarbejder om et design.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Indhold &#8211; WordPress kan meget; men ikke alt. Hvordan tilf\u00f8jer jeg min egen HTML, CSS og scripts? N\u00e5r du f\u00e5r brug for at programmere dele af l\u00f8sningen selv er der mange kreative muligheder i de blokbaserede temaer: Indhold S\u00e5dan virker WordPress Kernen i WordPress er programmeret i PHP, der henter dine sider og indl\u00e6g i [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5478,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[31,24,23,173,21],"tags":[52,51,53,143,69,49,98],"class_list":["post-5340","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-multimediedesign","category-programming","category-tutorials","category-wordpress","category-dk","tag-css","tag-html","tag-javascript","tag-simple-custom-css-and-javascript","tag-style-variation","tag-tilpasset-kode","tag-introduktion-til-wp"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>En dag med tilpasset kode - 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\/2025\/12\/14\/tilpasset-kode\/\" \/>\n<link rel=\"next\" href=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/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 tilpasset kode - Wordpress og WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Indhold &#8211; WordPress kan meget; men ikke alt. Hvordan tilf\u00f8jer jeg min egen HTML, CSS og scripts? N\u00e5r du f\u00e5r brug for at programmere dele af l\u00f8sningen selv er der mange kreative muligheder i de blokbaserede temaer: Indhold S\u00e5dan virker WordPress Kernen i WordPress er programmeret i PHP, der henter dine sider og indl\u00e6g i [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress og WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-14T08:38:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-03T05:47:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\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=\"10 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\\\/14\\\/tilpasset-kode\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/14\\\/tilpasset-kode\\\/\"},\"author\":{\"name\":\"Per Thykj\u00e6r Jensen\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"headline\":\"En dag med tilpasset kode\",\"datePublished\":\"2025-12-14T08:38:22+00:00\",\"dateModified\":\"2026-03-03T05:47:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/14\\\/tilpasset-kode\\\/\"},\"wordCount\":1773,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/14\\\/tilpasset-kode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/multimediedesignerSh7G.png\",\"keywords\":[\"CSS\",\"HTML\",\"JavaScript\",\"Simple Custom CSS and JavaScript\",\"style variation\",\"Tilpasset kode\",\"WordPress introduktion\"],\"articleSection\":[\"Multimediedesign\",\"Programming\",\"Tutorials\",\"WordPress\",\"\ud83c\udde9\ud83c\uddf0 Danske Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/14\\\/tilpasset-kode\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/14\\\/tilpasset-kode\\\/\",\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/14\\\/tilpasset-kode\\\/\",\"name\":\"En dag med tilpasset kode - Wordpress og WooCommerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/14\\\/tilpasset-kode\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/14\\\/tilpasset-kode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/multimediedesignerSh7G.png\",\"datePublished\":\"2025-12-14T08:38:22+00:00\",\"dateModified\":\"2026-03-03T05:47:18+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/14\\\/tilpasset-kode\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2025\\\/12\\\/14\\\/tilpasset-kode\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/multimediedesignerSh7G.png\",\"contentUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/multimediedesignerSh7G.png\",\"width\":1536,\"height\":1024,\"caption\":\"Webudvikler i f\u00e6rd med at lave et WP site p\u00e5 Erhvervsakademi Aarhus.\"},{\"@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 tilpasset kode - 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\/2025\/12\/14\/tilpasset-kode\/","next":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/2\/","og_locale":"da_DK","og_type":"article","og_title":"En dag med tilpasset kode - Wordpress og WooCommerce","og_description":"Indhold &#8211; WordPress kan meget; men ikke alt. Hvordan tilf\u00f8jer jeg min egen HTML, CSS og scripts? N\u00e5r du f\u00e5r brug for at programmere dele af l\u00f8sningen selv er der mange kreative muligheder i de blokbaserede temaer: Indhold S\u00e5dan virker WordPress Kernen i WordPress er programmeret i PHP, der henter dine sider og indl\u00e6g i [&hellip;]","og_url":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/","og_site_name":"Wordpress og WooCommerce","article_published_time":"2025-12-14T08:38:22+00:00","article_modified_time":"2026-03-03T05:47:18+00:00","og_image":[{"width":1024,"height":683,"url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G-1024x683.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":"10 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/#article","isPartOf":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/"},"author":{"name":"Per Thykj\u00e6r Jensen","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"headline":"En dag med tilpasset kode","datePublished":"2025-12-14T08:38:22+00:00","dateModified":"2026-03-03T05:47:18+00:00","mainEntityOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/"},"wordCount":1773,"commentCount":0,"image":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png","keywords":["CSS","HTML","JavaScript","Simple Custom CSS and JavaScript","style variation","Tilpasset kode","WordPress introduktion"],"articleSection":["Multimediedesign","Programming","Tutorials","WordPress","\ud83c\udde9\ud83c\uddf0 Danske Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/","url":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/","name":"En dag med tilpasset kode - Wordpress og WooCommerce","isPartOf":{"@id":"https:\/\/thoth.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/#primaryimage"},"image":{"@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png","datePublished":"2025-12-14T08:38:22+00:00","dateModified":"2026-03-03T05:47:18+00:00","author":{"@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thoth.dk\/index.php\/2025\/12\/14\/tilpasset-kode\/#primaryimage","url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png","contentUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/multimediedesignerSh7G.png","width":1536,"height":1024,"caption":"Webudvikler i f\u00e6rd med at lave et WP site p\u00e5 Erhvervsakademi Aarhus."},{"@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\/5340","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=5340"}],"version-history":[{"count":14,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/5340\/revisions"}],"predecessor-version":[{"id":6267,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/5340\/revisions\/6267"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media\/5478"}],"wp:attachment":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media?parent=5340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/categories?post=5340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/tags?post=5340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}