{"id":2740,"date":"2024-08-20T12:44:54","date_gmt":"2024-08-20T12:44:54","guid":{"rendered":"https:\/\/thoth.dk\/?p=2740"},"modified":"2025-02-21T18:12:17","modified_gmt":"2025-02-21T18:12:17","slug":"style-variations","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/","title":{"rendered":"Style Variations"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">How to Create a Style Variation for the WordPress Twenty Twenty-Four Theme<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress themes provide a flexible foundation for designing websites, and with the introduction of Full Site Editing (FSE), customizing these themes has become more powerful and accessible. The Twenty Twenty-Four theme, one of WordPress&#8217;s default themes, is an excellent example of a theme that embraces modern design principles while offering a high degree of customization. One of the standout features is the ability to create and apply style variations. In this article, we&#8217;ll walk you through the steps to create a style variation for the Twenty Twenty-Four theme.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Understanding Style Variations<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Style variations in WordPress allow you to create different design looks without altering the core structure of a theme. By tweaking colors, typography, and other design elements, you can create distinct visual styles that suit different brand identities or personal preferences. These variations can be saved and easily switched, offering a way to experiment with different aesthetics or provide users with multiple design options.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Prerequisites<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Before diving into creating a style variation, ensure you have the following:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>A WordPress Site:<\/strong> Ensure your WordPress site is set up and running with the Twenty Twenty-Four theme installed.<\/li>\n\n\n\n<li><strong>Basic Knowledge of CSS and JSON:<\/strong> While not mandatory, understanding CSS (Cascading Style Sheets) and JSON (JavaScript Object Notation) will help you fine-tune your style variation.<\/li>\n\n\n\n<li><strong>A Child Theme (Optional):<\/strong> If you prefer not to modify the parent theme directly, creating a child theme is a good practice. This way, you can preserve your customizations even after theme updates.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Step-by-Step Guide to Creating a Style Variation<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">1. <strong>Set Up Your Development Environment<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Access your WordPress installation files via FTP or your hosting provider\u2019s file manager.<\/li>\n\n\n\n<li>Navigate to the <code>\/wp-content\/themes\/twentytwentyfour\/<\/code> directory.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">2. <strong>Create a <code>styles<\/code> Folder<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Within the Twenty Twenty-Four theme directory, create a new folder named <code>styles<\/code>. This folder will store your custom style variations.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">3. <strong>Create a JSON File for Your Style Variation<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Inside the <code>styles<\/code> folder, create a new file and name it something descriptive, such as <code>custom-style.json<\/code>.<\/li>\n\n\n\n<li>This JSON file will define the properties of your style variation, such as colors, typography, and layout settings.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">4. <strong>Define Your Style Settings<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open the <code>custom-style.json<\/code> file in a code editor.<\/li>\n\n\n\n<li>Here\u2019s a basic structure to get you started:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>   {\n     \"version\": 2,\n     \"isGlobalStylesUserThemeJSON\": true,\n     \"settings\": {\n       \"color\": {\n         \"palette\": &#91;\n           {\n             \"slug\": \"primary\",\n             \"color\": \"#1a1a1a\",\n             \"name\": \"Primary\"\n           },\n           {\n             \"slug\": \"secondary\",\n             \"color\": \"#ff6f61\",\n             \"name\": \"Secondary\"\n           }\n         ],\n         \"background\": \"#ffffff\"\n       },\n       \"typography\": {\n         \"fontSizes\": &#91;\n           {\n             \"slug\": \"small\",\n             \"size\": \"12px\",\n             \"name\": \"Small\"\n           },\n           {\n             \"slug\": \"large\",\n             \"size\": \"24px\",\n             \"name\": \"Large\"\n           }\n         ],\n         \"lineHeight\": \"1.5\"\n       }\n     }\n   }<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color Palette:<\/strong> Customize the color palette by adding your preferred colors. Use the <code>slug<\/code> to identify the color, <code>color<\/code> for the hex value, and <code>name<\/code> for a human-readable label.<\/li>\n\n\n\n<li><strong>Typography:<\/strong> Adjust the font sizes and line heights to match your desired style.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">5. <strong>Add Additional Customizations<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Beyond colors and typography, you can customize various other aspects such as spacing, border radii, and more. The structure follows the same JSON format.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">6. <strong>Save and Apply Your Style Variation<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After defining your customizations, save the <code>custom-style.json<\/code> file.<\/li>\n\n\n\n<li>To apply this style variation, go to the WordPress dashboard:\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>Appearance &gt; Editor<\/strong>.<\/li>\n\n\n\n<li>In the Editor, select <strong>Styles<\/strong> from the top-right corner.<\/li>\n\n\n\n<li>Your new style variation should appear as an option. Click on it to apply.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">7. <strong>Test and Refine<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After applying your style variation, preview your site to ensure everything looks as expected. Tweak the JSON file as needed to refine your design.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">8. <strong>Making the Style Variation Available to Users<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you want your style variation to be available to other users of the theme, include a description and screenshot:\n<ul class=\"wp-block-list\">\n<li><strong>Description:<\/strong> Add a <code>title<\/code> and <code>description<\/code> key to your JSON file to provide context about your style variation.<\/li>\n\n\n\n<li><strong>Screenshot:<\/strong> Create a 1200x900px image showing a preview of your style variation. Name it the same as your JSON file but with a <code>.png<\/code> extension (e.g., <code>custom-style.png<\/code>). Place it in the <code>styles<\/code> folder.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">9. <strong>Distribute Your Style Variation<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you\u2019ve created something worth sharing, consider distributing your style variation. You can package it with your theme or share it on platforms like GitHub for others to use.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">10. Shortcut<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Since the theme.json file in the root folder contain all the styles of the theme, a very fast way of working is this: just copy-paste the theme.json file from the root directory to the .\/styles directory. Rename the file to something convenient, e.g. myWay.json. Then add the title of your style variation, <strong>as in line 4<\/strong> below:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a676abdbc8de&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a676abdbc8de\" class=\"wp-block-image alignwide size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"428\" 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\/2024\/08\/image-2-1024x428.png\" alt=\"\" class=\"wp-image-2743\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/image-2-1024x428.png 1024w, https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/image-2-300x125.png 300w, https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/image-2-768x321.png 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/image-2.png 1450w\" 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\">Style variation title, see line 4.<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Conclusion<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Creating a style variation for the Twenty Twenty-Four WordPress theme is a powerful way to personalize your website&#8217;s appearance while keeping the underlying structure intact. Whether you&#8217;re aiming for a sleek, modern design or a playful, vibrant look, style variations offer a flexible way to achieve your vision. By following the steps outlined in this guide, you&#8217;ll be well on your way to creating a unique style variation that reflects your brand or personal aesthetic.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Note<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">This article was partly generated by ChatGPT from one of my conversations, see this link: <a href=\"https:\/\/chatgpt.com\/share\/e\/8a300d32-5807-43a4-a85e-978a9290a332\">https:\/\/chatgpt.com\/share\/e\/8a300d32-5807-43a4-a85e-978a9290a332<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For some reason ChatGPT forgot to mention the title field in the json file, so I&#8217;ve added the missing information.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to Create a Style Variation for the WordPress Twenty Twenty-Four Theme WordPress themes provide a flexible foundation for designing websites, and with the introduction of Full Site Editing (FSE), customizing these themes has become more powerful and accessible. The Twenty Twenty-Four theme, one of WordPress&#8217;s default themes, is an excellent example of a theme [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2741,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[20],"tags":[59,60],"class_list":["post-2740","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-eng","tag-style-variations","tag-styles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Style Variations - 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\/2024\/08\/20\/style-variations\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Style Variations - Wordpress og WooCommerce\" \/>\n<meta property=\"og:description\" content=\"How to Create a Style Variation for the WordPress Twenty Twenty-Four Theme WordPress themes provide a flexible foundation for designing websites, and with the introduction of Full Site Editing (FSE), customizing these themes has become more powerful and accessible. The Twenty Twenty-Four theme, one of WordPress&#8217;s default themes, is an excellent example of a theme [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress og WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-20T12:44:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-21T18:12:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/image-1-1024x585.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"585\" \/>\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=\"4 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/\"},\"author\":{\"name\":\"Per Thykj\u00e6r Jensen\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"headline\":\"Style Variations\",\"datePublished\":\"2024-08-20T12:44:54+00:00\",\"dateModified\":\"2025-02-21T18:12:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/\"},\"wordCount\":822,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/image-1.png\",\"keywords\":[\"Style variations\",\"styles\"],\"articleSection\":[\"\ud83c\uddec\ud83c\udde7 English Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/\",\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/\",\"name\":\"Style Variations - Wordpress og WooCommerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/image-1.png\",\"datePublished\":\"2024-08-20T12:44:54+00:00\",\"dateModified\":\"2025-02-21T18:12:17+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/image-1.png\",\"contentUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/image-1.png\",\"width\":1792,\"height\":1024,\"caption\":\"Dall-e trying to be surrealist but missing the actual idea behind surrealism (2024)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/08\\\/20\\\/style-variations\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thoth.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Style Variations\"}]},{\"@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":"Style Variations - 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\/2024\/08\/20\/style-variations\/","og_locale":"da_DK","og_type":"article","og_title":"Style Variations - Wordpress og WooCommerce","og_description":"How to Create a Style Variation for the WordPress Twenty Twenty-Four Theme WordPress themes provide a flexible foundation for designing websites, and with the introduction of Full Site Editing (FSE), customizing these themes has become more powerful and accessible. The Twenty Twenty-Four theme, one of WordPress&#8217;s default themes, is an excellent example of a theme [&hellip;]","og_url":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/","og_site_name":"Wordpress og WooCommerce","article_published_time":"2024-08-20T12:44:54+00:00","article_modified_time":"2025-02-21T18:12:17+00:00","og_image":[{"width":1024,"height":585,"url":"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/image-1-1024x585.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":"4 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/#article","isPartOf":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/"},"author":{"name":"Per Thykj\u00e6r Jensen","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"headline":"Style Variations","datePublished":"2024-08-20T12:44:54+00:00","dateModified":"2025-02-21T18:12:17+00:00","mainEntityOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/"},"wordCount":822,"commentCount":0,"image":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/image-1.png","keywords":["Style variations","styles"],"articleSection":["\ud83c\uddec\ud83c\udde7 English Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/","url":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/","name":"Style Variations - Wordpress og WooCommerce","isPartOf":{"@id":"https:\/\/thoth.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/#primaryimage"},"image":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/image-1.png","datePublished":"2024-08-20T12:44:54+00:00","dateModified":"2025-02-21T18:12:17+00:00","author":{"@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"breadcrumb":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/#primaryimage","url":"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/image-1.png","contentUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/08\/image-1.png","width":1792,"height":1024,"caption":"Dall-e trying to be surrealist but missing the actual idea behind surrealism (2024)"},{"@type":"BreadcrumbList","@id":"https:\/\/thoth.dk\/index.php\/2024\/08\/20\/style-variations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thoth.dk\/"},{"@type":"ListItem","position":2,"name":"Style Variations"}]},{"@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\/2740","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=2740"}],"version-history":[{"count":7,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/2740\/revisions"}],"predecessor-version":[{"id":3712,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/2740\/revisions\/3712"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media\/2741"}],"wp:attachment":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media?parent=2740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/categories?post=2740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/tags?post=2740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}