{"id":42351,"date":"2023-11-10T07:00:28","date_gmt":"2023-11-10T15:00:28","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=42351"},"modified":"2025-05-21T21:10:38","modified_gmt":"2025-05-22T04:10:38","slug":"switch-to-wordpress-block-themes","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/","title":{"rendered":"How To Switch From A Classic Theme To WordPress Block Themes"},"content":{"rendered":"\n<p>If you\u2019re a fan of Legos, then you\u2019ll love WordPress block themes.<\/p>\n\n\n\n<p>Starting with version 5.9, WordPress offers full support for block themes. This was a major change for most sites, which were built on what are now known as \u201cclassic\u201d themes.<\/p>\n\n\n\n<p>But switching from a classic theme to a block-based theme does require a bit of work.<\/p>\n\n\n\n<p>In this article, we\u2019ll explain how they work and what steps you can take to move from the old style to the new one.<\/p>\n\n\n\n<p>It won\u2019t be <b>quite <\/b>as fun as putting together a 3,441-piece, 2005 collector\u2019s model Death Star. But we\u2019ll do our best.<\/p>\n\n\n\n<h2 id=\"definition\" class=\"wp-block-heading\">What Is A WordPress Block Theme?<\/h2>\n\n\n\n<p>Block themes allow users and website admins to customize the layout of their pages and content using editable and reusable blocks of content.<\/p>\n\n\n\n<p>Originally known as \u201c<a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">full site editing<\/a>\u201d (FSE) or \u201csite editing,\u201d these themes add modular, block-based functionality to your theme\u2019s layouts and templates. Similar to how the <a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">Gutenberg editor<\/a> introduced <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-use-wordpress-blocks\/\" target=\"_blank\" rel=\"noopener\">blocks<\/a> and block templates that can be used within your pages and post content.<\/p>\n\n\n\n<p>But now, you\u2019re able to customize the layout and content on your entire site (including page templates and custom templates) using visual, drag-and-drop style blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example.jpg\" alt=\"Block Editor example\" class=\"wp-image-42357 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n\n<p>These new visual editing features make it extremely easy to build new page structures or customize any page&#8217;s content beyond just what\u2019s inside the page body.<\/p>\n\n\n\n<p>This means you won\u2019t need to rely on developers to customize your theme files or build custom templates to add things beyond words and images to your content. Instead, you\u2019re able to customize the content using the editor.<\/p>\n\n\n\n<p>Individual blocks can be created and designed to fit within a responsive layout and match the color and typography of your website.<\/p>\n\n\n\n<p>In addition, you can create and use shareable <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener\">block patterns<\/a>. These are pre-made blocks created by individuals, companies, and WordPress developers.<\/p>\n\n\n\n<p>All together, block themes turn WordPress into a more modular and flexible system. It emulates much of the functionality of other drag-and-drop style website builders made popular by companies like Squarespace and Wix.<\/p>\n\n\n\n<p>Themes built on the block framework generally come with pre-built custom blocks that match the design and style of the website. You can then use those blocks within your site wherever you need them.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"differences\" class=\"wp-block-heading\">Block Themes Vs. Classic Themes<\/h2>\n\n\n\n<p>Classic WordPress themes were built to create consistent styling and design.<\/p>\n\n\n\n<p>Most site areas were editable only by customizing the theme or editing PHP template files directly to add specific functionality to the website.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>PHP<\/h3>\n    <p>HP (Hypertext Preprocessor) is an open-source scripting language. It\u2019s widely used in web development and can be embedded in HTML. Several popular Content Management Systems (CMS), such as WordPress, are built with PHP.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/php\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<p>Then, most sites had a few standard templates for each type of content. For example, a page template and a post template. Block editors still generally have this same theme structure, but you can very easily create variations or customize each template using the editor.<\/p>\n\n\n\n<p>With the <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-update-old-wordpress-posts-block-editor\/\" target=\"_blank\" rel=\"noopener\">block editor<\/a>, you have more control over the individual parts of each page or post, and you can build new templates on the fly.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"517\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block.jpg\" alt=\"Add Social Icons Block\" class=\"wp-image-42358 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-300x97.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-1024x331.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-768x248.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-1536x496.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-600x194.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1200x388.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-730x236.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1460x472.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-784x253.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1568x507.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-877x283.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/517;\" \/><\/figure>\n\n\n\n<p>For instance, you can add a block with social icons or an image gallery to your page templates to have them appear on every page on your website or add them to a single post.<\/p>\n\n\n\n<p>There\u2019s also a style editor that allows you to adjust the block settings and customize the visual elements like color palette and layout. You don\u2019t even have to edit any CSS.<\/p>\n\n\n\n<p>In addition to the added flexibility and control, block themes offer many benefits.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Eliminate Shortcodes And HTML Code Editing<\/h3>\n\n\n\n<p>With classic themes, many WordPress users have come to rely on custom ways to add functionality or edit the layout and design of their blog posts and pages.<\/p>\n\n\n\n<p>Shortcodes and custom HTML snippets were often used to override or inject new features that weren&#8217;t included in the website\u2019s theme.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>HTML<\/h3>\n    <p>HTML stands for HyperText Markup Language. It is the most fundamental building block of the web and the standard markup language for creating web pages and applications.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/html\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<p>For instance, you may have copy and pasted a long code snippet into every post to add a call to action or insert an opt-in form.<\/p>\n\n\n\n<p>Now, you can simply create a <a href=\"https:\/\/wordpress.org\/documentation\/article\/reusable-blocks\/\" target=\"_blank\" rel=\"noopener\">synced pattern<\/a> (reusable block) for this content. Then, create a custom post template for each relevant CTA. Finally, just select the post template for each post to have the CTA show up.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Unlock Native Page Builder Elements<\/h3>\n\n\n\n<p>For many users, a block-based theme will eliminate the need for page builder plugins that have become popular in the WordPress community.<\/p>\n\n\n\n<p>These plugins served as a stop-gap for users who wanted a modular, block-based system for building their website before it was available for most WordPress themes.<\/p>\n\n\n\n<p>These themes are, of course, still popular. Divi, Elementor, Gutenify, and others were pioneers in this space, but now you don\u2019t have to use these specific themes to unlock modular site-building capabilities.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Improve Site Performance<\/h3>\n\n\n\n<p>Another big benefit of switching to block themes is an improvement in page load speed and site performance.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Page Load Time<\/h3>\n    <p>Page load time is, quite simply, the amount of time it takes for a webpage to load. In more technical terms, it is the time taken to download and display the entire content of a web page. It is usually measured in seconds.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/hosting\/page-load-time\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<p>Many sites relied on third-party plugins or copy and pasting code snippets to get the desired functionality and design for their pages. This often leads to extra scripts and styling being added to the pages. Each of those resources takes time to load and slows down your website.<\/p>\n\n\n\n<p>So, by moving from a classic theme to a block theme, many sites will be able to remove these extra pieces. This will simplify the code on the page and should <a href=\"https:\/\/www.dreamhost.com\/blog\/gtmetrix\/\" target=\"_blank\" rel=\"noopener\">improve page load speed and performance<\/a>.<\/p>\n\n\n\n<p>Which, in turn, can <a href=\"https:\/\/www.dreamhost.com\/blog\/improve-seo\/\" target=\"_blank\" rel=\"noopener\">boost SEO<\/a>, improve engagement, and increase conversions.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>SEO<\/h3>\n    <p>Search Engine Optimization (SEO) is the practice of improving a site\u2019s ranking in search results. Search results are aggregated based on a number of factors, including a site\u2019s relevance and quality. Optimizing your site for these factors can help boost your rankings.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/seo\/seo\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Reduce Conflicts, Updates, And Vulnerabilities<\/h3>\n\n\n\n<p>With less reliance on third-party plugins, you\u2019ll also experience fewer conflicts or required updates for your <a href=\"https:\/\/www.dreamhost.com\/blog\/what-makes-up-a-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">WordPress site<\/a>.<\/p>\n\n\n\n<p>As sites grow more complex, the additional plugins being used can often come to conflict with one another. This can create site-breaking issues like the notorious <a href=\"https:\/\/www.dreamhost.com\/blog\/troubleshooting-wordpress-white-screen-death\/\" target=\"_blank\" rel=\"noopener\">White Screen of Death<\/a>. And updating plugins can feel like a total roll of the dice. (\u201cWill this be the one to break my site?!\u201d)<\/p>\n\n\n\n<p>Perhaps even more importantly, less reliance on third-party plugins will also <a href=\"https:\/\/www.dreamhost.com\/blog\/secure-your-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">make your website more secure<\/a>. These tools can often introduce vulnerabilities or exploits to your code. (Especially if you avoid updating them because you\u2019re afraid of breaking something important.)<\/p>\n\n\n\n<h2 id=\"should\" class=\"wp-block-heading\">Should You Switch To A Block Theme?<\/h2>\n\n\n\n<p>With all of these benefits in mind, it seems clear that, in most cases, upgrading to a block theme is a smart move.<\/p>\n\n\n\n<p><b>Most<\/b> companies and websites should consider switching from a classic theme to a block theme.<\/p>\n\n\n\n<p>It introduces many quality-of-life improvements that make managing your website and your content easier and allows your team to work more efficiently and customize content without dedicated developer time using code-free editing capabilities.<\/p>\n\n\n\n<p>And it\u2019s a valuable step toward improving the performance and security of your website.<\/p>\n\n\n\n<p>When should you <b>not <\/b>switch?<\/p>\n\n\n\n<p>In short: If you don\u2019t have the time and resources to dedicate to making the change. Altering your WordPress theme, especially if it&#8217;s custom-built or heavily customized, requires a significant amount of work.<\/p>\n\n\n\n<p>While your content, media, and other assets will remain intact, the overall design of your website will change to match the new theme.<\/p>\n\n\n\n<p>If you wish to retain the appearance of your current theme or desire a different look altogether, you&#8217;ll have to adjust the design accordingly.<\/p>\n\n\n\n<p>On the plus side: Making those edits will be easier because your new theme will be block-based and allow you to edit most of the theme layouts, elements, colors, and styles without editing the code.<\/p>\n\n\n\n<p>Let\u2019s look at the process.<\/p>\n\n\n\n<h2 id=\"howto\" class=\"wp-block-heading\">How To Switch To A WP Block Theme<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Backup Your Website<\/h3>\n\n\n\n<p>Any time you make major updates to your website, create a backup.<\/p>\n\n\n\n<p>It\u2019s so important, we\u2019re going to repeat it.<\/p>\n\n\n\n<p>Create a backup. (Seriously.)<\/p>\n\n\n\n<p>If you\u2019re using a <a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" target=\"_blank\" rel=\"noopener\">managed WordPress hosting<\/a> service, you should have automatic and manual backup options.<\/p>\n\n\n\n<p>If you\u2019re not, look into a WordPress plugin like <a href=\"https:\/\/blogvault.net\/\" target=\"_blank\" rel=\"noopener\">BlogVault<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/updraftplus\/\" target=\"_blank\" rel=\"noopener\">UpdraftPlus<\/a>, or <a href=\"https:\/\/wordpress.org\/plugins\/jetpack-backup\/\" target=\"_blank\" rel=\"noopener\">Jetpack Backup<\/a> to save all of your site\u2019s files and content.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Jetpack<\/h3>\n    <p>Jetpack is a WordPress plugin created by Automattic, the company behind WordPress.com. It\u2019s a plugin that gives you access to features that are usually only available on WordPress.com sites.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/jetpack\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<p>This way, if something goes wrong, you\u2019ll have a way to restore your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Assess Your Website<\/h3>\n\n\n\n<p>The next thing we need to do is get a sense for what will happen when you make the switch.<\/p>\n\n\n\n<p>Changing your theme generally has two immediate effects:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The overall layout, colors, and styles of your website will change.<\/li>\n\n\n\n<li>You\u2019ll lose any custom code or modifications that are added directly into the files or templates of your old theme.<\/li>\n<\/ol>\n\n\n\n<p>Beyond that, your content and anything that\u2019s been added to the body of your posts and pages should stay the same.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1537\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change.jpg\" alt=\"Just Another Theme change\" class=\"wp-image-42359 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-300x288.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-1024x984.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-768x738.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-1536x1476.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-600x576.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1200x1153.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-730x701.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1460x1403.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-784x753.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1568x1506.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-877x842.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1537;\" \/><\/figure>\n\n\n\n<p>For example, if you\u2019re using a classic theme and customized the layout of your site\u2019s header, those changes will not carry over.<\/p>\n\n\n\n<p>So, what should you do?<\/p>\n\n\n\n<p>Go through each of the pages on your website (or at least all of the unique templates).<\/p>\n\n\n\n<p>Look for any custom content, widgets, banners, graphics, etc, that have been added to the theme files. These will generally appear in the \u201cstatic\u201d sections like your header, sidebar, or footer.<\/p>\n\n\n\n<p>Take note of each instance you find. It\u2019s possible to add this content back into your site after making the switch.<\/p>\n\n\n\n<p>And don\u2019t worry. Even if you miss something, you can generally change back to your old theme to see what appeared and is now missing on your new site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Choose A Theme<\/h3>\n\n\n\n<p>Now it\u2019s time to choose your theme.<\/p>\n\n\n\n<p>What is your desired outcome?<\/p>\n\n\n\n<p>Do you want a theme that closely resembles your existing website design? Or, something that\u2019s radically different? A whole new look.<\/p>\n\n\n\n<p>Whichever direction, you can start by browsing available themes in the <a href=\"https:\/\/wordpress.org\/themes\/tags\/full-site-editing\/\" target=\"_blank\" rel=\"noopener\">WordPress theme directory<\/a>. (Click \u201cBlock Themes\u201d to filter.)<\/p>\n\n\n\n<p>You can also check out our list of the <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-block-themes\/\" target=\"_blank\" rel=\"noopener\">27 best block themes<\/a>.<\/p>\n\n\n\n<p>Just keep in mind that the customization options are nearly limitless with all block themes. It\u2019s like when you\u2019re apartment or house hunting. Don\u2019t get hung up on the paint on the walls. You can always repaint. While you still want to look for themes that are close to the general style and design preferences, you\u2019ll be able to modify the theme to fit your needs.<\/p>\n\n\n\n<p>For instance, if you prefer a minimalistic design then you may want to start with a simple theme. Another option is to modify a complex theme to remove some of the content.<\/p>\n\n\n\n<p>Lastly, look at the pre-designed blocks included in the themes.<\/p>\n\n\n\n<p>Many themes will include custom block styles that have already been built and come as available options once you activate. This can be a big timesaver versus having to create additional blocks manually after setting up the new theme.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples.jpg\" alt=\"Pattern Block examples\" class=\"wp-image-42360 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-877x543.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/991;\" \/><\/figure>\n\n\n\n<p>Explore the \u201cPatterns\u201d section of the theme to see how these blocks are used to create custom sections. Many themes will include examples of patterns for headers, patterns for footers, and other relevant sections or components you may want to use in your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Install And Activate Theme<\/h3>\n\n\n\n<p>Once you\u2019ve settled on a theme, it\u2019s time to install.<\/p>\n\n\n\n<p>You can either download the block theme zip file locally and then upload it. Or, if the theme lives in the WordPress directory, you can install it from your WP Admin.<\/p>\n\n\n\n<p>To do this, go to <i>Appearance &gt; Themes,<\/i> and click the \u201cAdd New\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"992\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin.jpg\" alt=\"Add New Theme on WP Admin\" class=\"wp-image-42361 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-1024x635.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-1536x952.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1200x744.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-730x453.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1460x905.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1568x972.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-877x544.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/992;\" \/><\/figure>\n\n\n\n<p>Then, type the name of the theme in the search box. Find the theme you want to install and hover over it. Click \u201cInstall.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme.jpg\" alt=\"Install New Theme\" class=\"wp-image-42362 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-877x543.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/991;\" \/><\/figure>\n\n\n\n<p>Now your new theme is installed!<\/p>\n\n\n\n<p>Go back to your <i>Themes<\/i> page and find the theme. You can activate it right away by clicking \u201cActivate.\u201d<\/p>\n\n\n\n<p><b>Nerd Note<\/b>: If you\u2019re still unsure about how your website will look with the new theme, use the \u201cLive Preview\u201d option to see what it will look like. Or, even better, install the theme and follow the next steps on a <a href=\"https:\/\/www.dreamhost.com\/blog\/website-staging-beginners-guide\/\" target=\"_blank\" rel=\"noopener\">staging version of your website<\/a>. This way, the changes won\u2019t be live while you\u2019re updating and customizing your site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Customize The Layout And Design<\/h3>\n\n\n\n<p>Once you\u2019ve activated the theme, your website will (probably) look different than before.<\/p>\n\n\n\n<p>Now it\u2019s your time to customize the look with your theme setup. Again, you can recreate the previous design that you used for your site, or you can take it in a totally new direction.<\/p>\n\n\n\n<p>Either way, you can use the full-site block functionality to customize with just a few clicks.<\/p>\n\n\n\n<p>Normally, if your theme can use the Site Editor, it will prompt a new message in the <i>customize.php <\/i>page, reading \u201cHurray! Your theme supports site editing with blocks! Tell me more. Use Site Editor.\u201d<\/p>\n\n\n\n<p>If you don\u2019t see this message for whatever reason, from the <i>Themes<\/i> page, click \u201cCustomize\u201d on your new theme.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme.jpg\" alt=\"WordPress Customize Theme\" class=\"wp-image-42363 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-877x543.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/991;\" \/><\/figure>\n\n\n\n<p>You\u2019ll now see the Editor screen. From here, you can dive into and edit any specific page or post on your site. You can also edit and create new templates or patterns.<\/p>\n\n\n\n<p>Here\u2019s where you\u2019ll want to spend the bulk of your time. Depending on your goals for the new theme, you may want to go through each default template and pattern to customize the content and layout.<\/p>\n\n\n\n<p>In addition to changing the layout and blocks on your site, you can also use the editing options to customize your style settings.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings.jpg\" alt=\"Block Style Settings\" class=\"wp-image-42364 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n\n<p>Under \u201cBlock\u201d settings, you should see a number of styling options. Here you can adjust the design elements like font size, alignment, spacing, and color schemes.<\/p>\n\n\n\n<p>You can also add custom CSS classes for each element under <i>Advanced<\/i>.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>CSS<\/h3>\n    <p>Cascading Style Sheets (CSS) is an essential coding language used for styling webpages. CSS helps you create beautiful pages by modifying the appearance of various elements, including font style, color, layout, and more.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/css\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Check For Any Broken Plugins Or Widgets<\/h3>\n\n\n\n<p>Not every plugin, widget, or customization will work with block themes.<\/p>\n\n\n\n<p>If your website was using a number of plugins and widgets (which you should have identified in Step 2), then you may need to make some adjustments on the back end.<\/p>\n\n\n\n<p>Block plugins are compatible with block themes, but some older ones may not work.<\/p>\n\n\n\n<p>Say you wanted to add a social widget you used with your old theme. If you don\u2019t see the option to add that specific widget from the block editor, then you probably need to find a new plugin that\u2019s supported.<\/p>\n\n\n\n<h2 id=\"summary\" class=\"wp-block-heading\">Find The Perfect Block Theme For Your Website<\/h2>\n\n\n\n<p>Now that you know the steps, it\u2019s time for the fun part.<\/p>\n\n\n\n<p>Finding the right block theme for your website, whether it&#8217;s a personal blog, company site, or media platform, can be exciting, with so many great options available.<\/p>\n\n\n\n<p>Some of our favorite popular block themes:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/themes\/twentytwentythree\/\" target=\"_blank\" rel=\"noopener\">Twenty Twenty-Three<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/generatepress\/\" target=\"_blank\" rel=\"noopener\">GeneratePress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\" target=\"_blank\" rel=\"noopener\">Blockbase<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coming-soon\/\" target=\"_blank\" rel=\"noopener\">SeedProd<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\">Divi<\/a><\/li>\n<\/ol>\n\n\n\n<p>With the right theme, you\u2019re well on your way to becoming a <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-use-wordpress-blocks\/\" target=\"_blank\" rel=\"noopener\">WordPress blocks<\/a> master, DreamHost can help!<\/p>\n\n\n\n<p>Happy building!<\/p>\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      You Dream It, We Code It\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Tap into 20+ years of coding expertise when you opt for our Web Development service. Just let us know what you want for your site \u2014 we take it from there.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/development\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Learn More                    <\/a>\n\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>If you\u2019re a fan of Legos, then you\u2019ll love WordPress block themes. Starting with version 5.9, WordPress offers full support for block themes. This was a major change for most sites, which were built on what are now known as \u201cclassic\u201d themes. But switching from a classic theme to a block-based theme does require a [&hellip;]<\/p>\n","protected":false},"author":1077,"featured_media":42353,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Take your WordPress site to the next level with a block theme. Learn what you need to know in this guide.","toc_headlines":"[[\"definition\",\"What Is A WordPress Block Theme?\"],[\"differences\",\"Block Themes Vs. Classic Themes\"],[\"should\",\"Should You Switch To A Block Theme?\"],[\"howto\",\"How To Switch To A WP Block Theme\"],[\"summary\",\"Find The Perfect Block Theme For Your Website\"]]","hide_toc":false,"footnotes":""},"categories":[13119,12852,696],"tags":[],"class_list":["post-42351","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-getting-started","category-website-design","category-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How To Switch To WordPress Block Themes - DreamHost<\/title>\n<meta name=\"description\" content=\"Take your WordPress site to the next level with a block theme. Learn what you need to know in this guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Transitioning To WordPress Block Themes\" \/>\n<meta property=\"og:description\" content=\"If you\u2019ve got the time, we\u2019ve got the guide. Learn how to seamlessly switch from classic themes to the modern world of WordPress block themes. Make your web design dreams a reality.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-10T15:00:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-22T04:10:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-SOCIAL-Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jos Velasco\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Transitioning To WordPress Block Themes\" \/>\n<meta name=\"twitter:description\" content=\"If you\u2019ve got the time, we\u2019ve got the guide. Learn how to seamlessly switch from classic themes to the modern world of WordPress block themes. Make your web design dreams a reality.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-SOCIAL-Image.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jos Velasco\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How To Switch To WordPress Block Themes - DreamHost","description":"Take your WordPress site to the next level with a block theme. Learn what you need to know in this guide.","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:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/","og_locale":"en_US","og_type":"article","og_title":"Transitioning To WordPress Block Themes","og_description":"If you\u2019ve got the time, we\u2019ve got the guide. Learn how to seamlessly switch from classic themes to the modern world of WordPress block themes. Make your web design dreams a reality.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2023-11-10T15:00:28+00:00","article_modified_time":"2025-05-22T04:10:38+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-SOCIAL-Image.jpg","type":"image\/jpeg"}],"author":"Jos Velasco","twitter_card":"summary_large_image","twitter_title":"Transitioning To WordPress Block Themes","twitter_description":"If you\u2019ve got the time, we\u2019ve got the guide. Learn how to seamlessly switch from classic themes to the modern world of WordPress block themes. Make your web design dreams a reality.","twitter_image":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-SOCIAL-Image.jpg","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jos Velasco","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"How To Switch From A Classic Theme To WordPress Block Themes","datePublished":"2023-11-10T15:00:28+00:00","dateModified":"2025-05-22T04:10:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/"},"wordCount":2444,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","articleSection":["Getting Started","Website Design","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/","name":"How To Switch To WordPress Block Themes - DreamHost","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","datePublished":"2023-11-10T15:00:28+00:00","dateModified":"2025-05-22T04:10:38+00:00","description":"Take your WordPress site to the next level with a block theme. Learn what you need to know in this guide.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","width":1460,"height":1095},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Switch From A Classic Theme To WordPress Block Themes"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a","name":"Jos Velasco","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","caption":"Jos Velasco"},"description":"Jos Velasco is a WordPress Professional Consultant at DreamHost. His responsibilities include helping with advanced WordPress cases, creating training material, and identifying trends impacting the WordPress community. In his free time, he enjoys climbing mountains, eating healthy, and watching drama movies. Follow Jos on LinkedIn: https:\/\/www.linkedin.com\/in\/josvelasco\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/josvelasco\/"}]}},"lang":"en","translations":{"en":42351,"es":42367,"uk":50963,"pt":56063,"de":56065,"pl":56069,"ru":56072,"it":68576,"fr":70741,"nl":70765},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/42351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1077"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=42351"}],"version-history":[{"count":9,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/42351\/revisions"}],"predecessor-version":[{"id":61431,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/42351\/revisions\/61431"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/42353"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=42351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=42351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=42351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}