{"id":41577,"date":"2023-08-29T07:00:24","date_gmt":"2023-08-29T14:00:24","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=41577"},"modified":"2025-05-26T06:32:29","modified_gmt":"2025-05-26T13:32:29","slug":"wordpress-theme-editor","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/","title":{"rendered":"Decoding WordPress: Getting To Know WordPress Theme Editor"},"content":{"rendered":"\n<p>Are you looking to unlock the full potential of your <a href=\"https:\/\/www.dreamhost.com\/blog\/what-is-wordpress\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> site?<\/p>\n\n\n\n<p>WordPress novices and pros alike know there are <i>so<\/i> many opportunities for customization through the platform.<\/p>\n\n\n\n<p>And many of these occasions live within your WordPress theme.<\/p>\n\n\n\n<p>However, messing around inside a WordPress theme can have dire consequences for the unprepared.<\/p>\n\n\n\n<p>That\u2019s why we\u2019re here to help you <i>get<\/i> prepared.<\/p>\n\n\n\n<p>Keep reading for an in-depth explanation of WordPress\u2019 theme editor and how to find your best theme, activate it on your website, and personalize it to fit your business and industry.<\/p>\n\n\n\n<p><i>Note: There are <\/i><a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-differences-beginners-guide\/\" target=\"_blank\" rel=\"noopener\"><i>differences between WordPress.com and WordPress.org<\/i><\/a><i> sites! WordPress.com is an online website builder where you can create an affordable, less-customizable site. WordPress.org is free, open-source software where you can build a custom site that requires <\/i><a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/web-host\/\" target=\"_blank\" rel=\"noopener\"><i>web hosting<\/i><\/a><i>. In this article, we\u2019ll focus on WordPress.org, but both platforms use themes and share many similarities.&nbsp;<\/i><\/p>\n\n\n\n<h2 id=\"refresh\" class=\"wp-block-heading\">Refresh: The Basics Of WordPress Themes<\/h2>\n\n\n\n<p>Before we dive into the details of editing your WordPress theme, let\u2019s quickly refresh our knowledge of what a theme entails.<\/p>\n\n\n\n<p>In WordPress, a <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-find-wp-themes\/\" target=\"_blank\" rel=\"noopener\">theme<\/a> is basically a group of files that all work together to control the appearance and functionality of a website. These files contain things like page templates, cascading style sheets (CSS), and more.<\/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<p>Every site launched on WordPress comes with a theme. If you want to change the default, you can <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-pick-wordpress-theme\/\" target=\"_blank\" rel=\"noopener\">pick a WordPress theme<\/a> from the platform\u2019s official <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">theme<\/a> directory or a popular marketplace such as ThemeForest.<\/p>\n\n\n\n<p>Or, of course, you can customize your theme using any of the processes we\u2019ll discuss in this article, which will range from code-free to full-code tactics.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Theme Vs. Template<\/h3>\n\n\n\n<p>Themes are one of the coolest and most adaptable elements of WordPress.<\/p>\n\n\n\n<p>Want to fundamentally change your website\u2019s look and layout?<\/p>\n\n\n\n<p>Just change the theme!<\/p>\n\n\n\n<p>Switching out your theme isn\u2019t hard, thanks to how easy WordPress has made it to find, install, activate, and even edit most themes. With thousands of free options in the WordPress theme directory and thousands more offered by third parties, most people can find a theme that fits their industry, functionality needs, and technical savvy.<\/p>\n\n\n\n<p>However, there is something most themes can\u2019t help you with \u2014&nbsp;and that\u2019s making different pages totally unique from each other.<\/p>\n\n\n\n<p>Say you want different pages to have very different layouts. Or, you want similar design elements on different pages but want the content inside them to be unique. Since themes apply styling to the entire website, this is harder to change via your theme.<\/p>\n\n\n\n<p>That\u2019s where templates come into play.<\/p>\n\n\n\n<p>Templates aren\u2019t unlike themes; they just focus on the features of individual pages or types of pages versus the overall site.<\/p>\n\n\n\n<p>Most themes will come with some predetermined templates for controlling your pages, but you can edit and create your own as well. However, this process can be even more complex than working with themes, so if you\u2019re interested in customizing templates, we strongly recommend reading <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-templates-template-parts\/\" target=\"_blank\" rel=\"noopener\"><i>Decoding WordPress: Custom Templates and Template Parts<\/i><\/a>.<\/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=\"definition\" class=\"wp-block-heading\">What Is The WordPress Theme Editor?<\/h2>\n\n\n\n<p>This section starts with a bit of clarification.<\/p>\n\n\n\n<p>For a long time, Theme Editor was the name for the text editor inside the WordPress admin dashboard, enabling users to edit code within the theme\u2019s files.<\/p>\n\n\n\n<p>That\u2019s still there and will be the focus of much of this article. However, today, it\u2019s technically called Theme File Editor. So, if your WordPress instance is up to date \u2014 which it should be for <a href=\"https:\/\/www.dreamhost.com\/blog\/secure-your-wordpress-web\" target=\"_blank\" rel=\"noopener\">security<\/a> purposes! \u2014&nbsp;you\u2019ll be working with \u201cTheme File Editor\u201d instead of \u201cTheme Editor.\u201d You\u2019ll notice we still use the older term most of the time because so many people are familiar with it.<\/p>\n\n\n\n<p>We should warn that working in the theme editor should be done with extreme caution. Changes will be lost if your theme is updated or changed. It\u2019s also quite easy to break your website design and functionality \u2014&nbsp;and, worst case, you could even lock yourself out of your site!<\/p>\n\n\n\n<p>If you don&#8217;t have a lot of experience with WordPress or coding, we recommend starting with the beginner and no-code editing tactic, and only getting more technical when things start to feel familiar.<\/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>Theme Editor<\/h3>\n    <p>The WordPress theme editor is a text editor that enables you to edit a theme\u2019s files directly from the admin dashboard. You can use the editor to upload new files and remove any unwanted ones.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/theme-editor\/\"\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<h2 id=\"reasons\" class=\"wp-block-heading\">Why Use The WordPress Theme Editor?<\/h2>\n\n\n\n<p>So why do people jump into the WordPress theme editor knowing it\u2019s so sensitive? Because it\u2019s the best way to get at all the files that make up your WordPress theme.<\/p>\n\n\n\n<p>Most design elements will fall into three files: style.css, functions.php, and templates.<\/p>\n\n\n\n<p>While some themes will have more files containing design features, let\u2019s first discuss the core pieces you can access via the theme editor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Style.css File (aka Stylesheet)<\/h3>\n\n\n\n<p>Most of the design-related elements of a theme \u2014 typography, colors, layouts \u2014 live in the style.css file, also commonly called the stylesheet.<\/p>\n\n\n\n<p>Modifying, removing, or adding <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-css\/\" target=\"_blank\" rel=\"noopener\">CSS<\/a> code in this file is an impactful way to alter your website\u2019s style.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Functions.php File<\/h3>\n\n\n\n<p>Functions.php is where the code for your theme\u2019s functions and features resides, written in PHP of course.<\/p>\n\n\n\n<p>Again, with <i>extreme<\/i> caution, code can be edited here to add things to your website header and footer, change navigation menus, update post formatting, etc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Templates File<\/h3>\n\n\n\n<p>Your templates file houses either PHP files or HTML files (depending on the theme) that make up the layout of your website\u2019s pages.<\/p>\n\n\n\n<p>If you want to change how certain pages or page types (think post pages, archive pages, etc.) look, you would make the edits in the template files.<\/p>\n\n\n\n<h2 id=\"howto\" class=\"wp-block-heading\">How To Use WordPress Theme Editor<\/h2>\n\n\n\n<p>Now, for the main event!<\/p>\n\n\n\n<p>Keep reading to learn everything you should know when picking out, installing, and custom tailoring your WordPress theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Choose Your Theme<\/h3>\n\n\n\n<p>To shop from WordPress\u2019 theme directory, sign into your WordPress.org website, visit <i>Dashboard<\/i>, and navigate to <i>Appearance<\/i> &gt; <i>Themes<\/i>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"824\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Choose-Your-Theme.jpg\" alt=\"Choose Your Theme\" class=\"wp-image-41583 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Choose-Your-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Choose-Your-Theme-300x155.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Choose-Your-Theme-1024x527.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Choose-Your-Theme-768x396.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Choose-Your-Theme-1536x791.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Choose-Your-Theme-600x309.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Choose-Your-Theme-1200x618.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Choose-Your-Theme-730x376.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Choose-Your-Theme-1460x752.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Choose-Your-Theme-784x404.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Choose-Your-Theme-1568x808.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Choose-Your-Theme-877x452.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\/824;\" \/><\/figure>\n\n\n\n<p>Use the <i>Add New <\/i>button at the top of the page next to the Themes page title or the <i>Add New Theme<\/i> plus button to pull up your options.<\/p>\n\n\n\n<p>You can scroll through all the themes on offer or use the feature filter and search bar to narrow down the options.<\/p>\n\n\n\n<p>Click on a theme or hover over it and use the <i>Preview<\/i> button to learn more about the theme, which may include a description, a demo of what it looks like, and sometimes reviews.<\/p>\n\n\n\n<p>If none of the options match what you\u2019re looking for, you can also visit third-party theme builders and marketplaces like the aforementioned ThemeForest, StudioPress, or Elegant Themes.<\/p>\n\n\n\n<p>Trying to find the same theme featured on a website you love? A resource like <a href=\"https:\/\/www.wpthemedetector.com\/\" target=\"_blank\" rel=\"noopener\">WordPress Theme Detector<\/a> can help with that.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Install And Activate Your Theme<\/h3>\n\n\n\n<p>If you\u2019ve chosen a theme you like from inside the WordPress directory, you&#8217;ll see an Install button when you click on or hover over it. This theme will be added to your Themes page in a single click.<\/p>\n\n\n\n<p>To use it on your website, go back to the main Themes page (<i>Appearance &gt; Themes<\/i>) and click <i>Activate<\/i> to apply it to your website.<\/p>\n\n\n\n<p>And if you choose a theme from another source, it\u2019s still easy to use in WordPress.<\/p>\n\n\n\n<p>On the main Themes page again, use the <i>Add New<\/i> button at the top of the page next to the Themes title.<\/p>\n\n\n\n<p>On the next page, you&#8217;ll see a button in the same place called <i>Upload Theme.<\/i><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"300\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Install-And-Activate-Your-Theme.jpg\" alt=\"Install And Activate Your Theme\" class=\"wp-image-41584 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Install-And-Activate-Your-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Install-And-Activate-Your-Theme-300x56.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Install-And-Activate-Your-Theme-1024x192.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Install-And-Activate-Your-Theme-768x144.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Install-And-Activate-Your-Theme-1536x288.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Install-And-Activate-Your-Theme-600x113.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Install-And-Activate-Your-Theme-1200x225.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Install-And-Activate-Your-Theme-730x137.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Install-And-Activate-Your-Theme-1460x274.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Install-And-Activate-Your-Theme-784x147.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Install-And-Activate-Your-Theme-1568x294.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Install-And-Activate-Your-Theme-877x164.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\/300;\" \/><\/figure>\n\n\n\n<p>Once you click this, you&#8217;ll see where to upload the .zip file you received from the third-party source. Choose <i>Install Now <\/i>to upload it to your Themes page. From there, you can activate it just like any other theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Customize Your Theme<\/h3>\n\n\n\n<p>This is your second reminder that making edits directly to your theme can harm your website.<\/p>\n\n\n\n<p>Another option to consider if you want to add functionality or change the appearance of your current theme \u2014 <a href=\"https:\/\/www.dreamhost.com\/blog\/intro-to-wordpress-plugins\/\" target=\"_blank\" rel=\"noopener\">plugins<\/a>! (And widgets!)<\/p>\n\n\n\n<p>WordPress plugins and widgets are tools that extend functionality and update style without making any code edits. Plus, they\u2019re simple to use and very often free! Plugins and widgets can be used to improve site SEO (Yoast), install e-commerce features (WooCommerce), and much more.<\/p>\n\n\n\n<p>If you\u2019re scared to edit theme code or want your upgrades to last even if you switch or update your theme \u2014 try plugins and widgets.<\/p>\n\n\n\n<p>If you can\u2019t find any extensions that do what you want and still decide to edit your theme, be sure to <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-back-up-wordpress-tutorial\/\" target=\"_blank\" rel=\"noopener\">back up WordPress<\/a>.<\/p>\n\n\n\n<p>For extra safety, you can do one more thing to protect your site in case theme editing goes badly and to hold onto your edits throughout theme updates: <a href=\"https:\/\/www.dreamhost.com\/blog\/install-wordpress-child-theme\/\" target=\"_blank\" rel=\"noopener\">Install a WordPress child theme<\/a>.<\/p>\n\n\n\n<p>A WordPress child theme will work exactly like the \u201cnormal\u201d theme from which it\u2019s derived \u2014&nbsp;its parent theme. Editing the child theme enables your customizations to live through updates.<\/p>\n\n\n\n<p>With those warnings out of the way, it\u2019s time to customize!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Built-In Theme Editing Tools (First-Timer Friendly)<\/h4>\n\n\n\n<p>If you look under the <i>Appearance<\/i> tab again in <i>Dashboard<\/i>, you should see either <i>Editor<\/i> or <i>Customize<\/i>.<\/p>\n\n\n\n<p>For the most part, <i>Customize<\/i> is a tool that will help you edit non-block themes, while <i>Editor<\/i> (which has several names: <i>Site Editor<\/i>, <i>Block Editor<\/i>, etc.) is built for block-based themes.<\/p>\n\n\n\n<p>Whichever your theme has, both platforms are highly visual, user-friendly, and feature robust instructions for switching up various site elements.<\/p>\n\n\n\n<p><i>Customize<\/i> has more limited options for changing your design, color palette, fonts, etc. The customization options will vary by theme.<\/p>\n\n\n\n<p>However, you can also add custom CSS and\/or JavaScript through <i>Customize.<\/i> Just be sure to hit <i>Publish<\/i> to apply any updates made.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"818\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools.jpg\" alt=\"Built-In Theme Editing Tools\" class=\"wp-image-41585 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-300x153.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-1024x524.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-768x393.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-1536x785.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-600x307.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-1200x614.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-730x373.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-1460x746.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-784x401.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-1568x802.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-877x448.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\/818;\" \/><\/figure>\n\n\n\n<p>With the <i>Editor<\/i> tool for block-based themes, you can get deep into customizing pages, templates, styling, etc. Again, options will vary somewhat by theme.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"818\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor.jpg\" alt=\"Built-In Theme Editing Tools, Site Editor\" class=\"wp-image-41586 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-300x153.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-1024x524.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-768x393.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-1536x785.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-600x307.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-1200x614.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-730x373.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-1460x746.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-784x401.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-1568x802.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Site-Editor-877x448.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\/818;\" \/><\/figure>\n\n\n\n<p>For most elements within <i>Editor<\/i>, you can edit the code directly.<\/p>\n\n\n\n<p>For example, if we select <i>Styles<\/i> and click on the page to begin editing, a panel full of options appears on the right side of the screen.<\/p>\n\n\n\n<p>A toolbar should also open up at the very top of the page. Use the three-dot menu to open a list of choices, including one to switch from <i>Visual editor<\/i> to <i>Code editor.<\/i><\/p>\n\n\n\n<p>This is where you can work within the code. Use the <i>Save<\/i> button to apply changes to your theme and site.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"563\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View.jpg\" alt=\"Built-In Theme Editing Tools, Code View\" class=\"wp-image-41587 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-300x106.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-1024x360.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-768x270.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-1536x540.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-600x211.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-1200x422.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-730x257.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-1460x514.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-784x276.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-1568x552.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Built-In-Theme-Editing-Tools-Code-View-877x309.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\/563;\" \/><\/figure>\n\n\n\n<p>There\u2019s lots to learn when it comes to this somewhat new way of editing WordPress themes. For more information, check out <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\"><i>What Is WordPress Full-Site Editing? And How Will It Affect Your Site?<\/i><\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Host File Manager (Coding Required)<\/h4>\n\n\n\n<p>Now we\u2019re moving into coding territory.<\/p>\n\n\n\n<p>For most hosted WordPress sites, you can access and edit the files making up your theme via your host\u2019s file manager.<\/p>\n\n\n\n<p>This file manager will look different for every host, but we can explain how it works within <a href=\"https:\/\/www.dreamhost.com\/hosting\/\" target=\"_blank\" rel=\"noopener\">DreamPress<\/a>.<\/p>\n\n\n\n<p>Once you log in, go to <i>WordPress<\/i> &gt; <i>Managed WordPress<\/i> in the sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"792\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Host-File-Manager-Managed-Wordpress.jpg\" alt=\"Host File Manager, Managed WordPress\" class=\"wp-image-41588 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Managed-Wordpress.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Host-File-Manager-Managed-Wordpress-300x149.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Host-File-Manager-Managed-Wordpress-1024x507.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Host-File-Manager-Managed-Wordpress-768x380.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Host-File-Manager-Managed-Wordpress-1536x760.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Managed-Wordpress-600x297.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Managed-Wordpress-1200x594.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Managed-Wordpress-730x361.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Managed-Wordpress-1460x723.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Managed-Wordpress-784x388.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Managed-Wordpress-1568x776.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Managed-Wordpress-877x434.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\/792;\" \/><\/figure>\n\n\n\n<p>Find the website you want to edit and choose <i>Manage<\/i>.<\/p>\n\n\n\n<p>You should land on the <i>Details<\/i> page for that website. In the <i>File Upload<\/i> section, select <i>Manage Files<\/i>.<\/p>\n\n\n\n<p>Open the folder that has the domain name of your website on it. From there, you can navigate to <i>wp-content<\/i> &gt; <i>themes<\/i>. Click on the folder for your current WordPress theme, or whatever other theme you want to edit.<\/p>\n\n\n\n<p>Just like that, you\u2019re looking at all the files where you can make changes to update your theme.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"714\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Host-File-Manager-Inside.jpg\" alt=\"Host File Manager, Inside\" class=\"wp-image-41589 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Inside.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Host-File-Manager-Inside-300x134.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Host-File-Manager-Inside-1024x457.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Host-File-Manager-Inside-768x343.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Host-File-Manager-Inside-1536x685.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Inside-600x268.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Inside-1200x536.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Inside-730x326.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Inside-1460x652.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Inside-784x350.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Inside-1568x700.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Host-File-Manager-Inside-877x391.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\/714;\" \/><\/figure>\n\n\n\n<p>Be sure to save any changes you make inside the file editor.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">WordPress Theme File Editor (Most Advanced)<\/h4>\n\n\n\n<p>More coding ahead!<\/p>\n\n\n\n<p>To edit your theme from within WordPress, go again to <i>Dashboard<\/i> and navigate to <i>Appearance &gt; Theme File Editor<\/i> (this is what used to be called \u201c<i>Theme File Editor<\/i>\u201d).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"967\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor.jpg\" alt=\"WordPress Theme File Editor\" class=\"wp-image-41590 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-300x181.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-1024x619.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-768x464.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-1536x928.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-600x363.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-1200x725.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-730x441.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-1460x882.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-784x474.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-1568x948.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-877x530.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\/967;\" \/><\/figure>\n\n\n\n<p>The text editor should pop open; on the right side, you should see a list of theme files. Click into these files to make your changes.<\/p>\n\n\n\n<p>Use the <i>Update File<\/i> button after you have completed your updates. If there are syntax mistakes in the code, WordPress will prevent you from saving your changes and highlight the error so you can fix it more readily.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"775\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-Code.jpg\" alt=\"WordPress Theme File Editor, Code\" class=\"wp-image-41591 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Code.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-Code-300x145.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-Code-1024x496.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-Code-768x372.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-Code-1536x744.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Code-600x291.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Code-1200x581.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Code-730x354.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Code-1460x707.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Code-784x380.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Code-1568x760.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Code-877x425.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\/775;\" \/><\/figure>\n\n\n\n<p>If you want to edit a theme you aren\u2019t using, there\u2019s a drop-down menu above the text editor where you can select which theme you want to edit.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"328\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit.jpg\" alt=\"WordPress Theme File Editor, Select Theme to Edit\" class=\"wp-image-41592 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-300x62.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-1024x210.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-768x157.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-1536x315.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-600x123.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-1200x246.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-730x150.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-1460x299.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-784x161.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-1568x321.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/WordPress-Theme-File-Editor-Select-Theme-to-Edit-877x180.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\/328;\" \/><\/figure>\n\n\n\n<p>Remember that choosing a different theme here won&#8217;t automatically switch which theme your WordPress website is using.<\/p>\n\n\n\n<p>To do that, go to <i>Appearance &gt; Themes<\/i> once again to activate a different theme. This is also where you can check whether your themes need updating. It\u2019s important to keep them up to date to install any new security patches the theme developer has rolled out.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Honorable Mention: Page Builder Plugin (No Code)<\/h4>\n\n\n\n<p>Page builder plugins typically feature easy-to-use drag-and-drop editors to design website pages \u2014 not themes. This is why we\u2019ve classified them as honorable mentions. Elementor and WPBakery are popular examples of page builder plugins.<\/p>\n\n\n\n<p>Where Elementor can be used as a website builder solo, as a WordPress plugin, it can only be used as a page editor.<\/p>\n\n\n\n<p>Technicalities aside, you can still use Elementor to create and edit pages that look exactly how you want \u2014&nbsp;no theme editing required.<\/p>\n\n\n\n<p>To use this plugin, find your way to <i>Plugins &gt; Add New<\/i> and search \u201cElementor.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"552\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Page-Builder-Plugin.jpg\" alt=\"Page Builder Plugin\" class=\"wp-image-41593 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Page-Builder-Plugin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Page-Builder-Plugin-300x104.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Page-Builder-Plugin-1024x353.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Page-Builder-Plugin-768x265.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Page-Builder-Plugin-1536x530.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Page-Builder-Plugin-600x207.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Page-Builder-Plugin-1200x414.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Page-Builder-Plugin-730x252.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Page-Builder-Plugin-1460x504.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Page-Builder-Plugin-784x270.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Page-Builder-Plugin-1568x541.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Page-Builder-Plugin-877x303.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\/552;\" \/><\/figure>\n\n\n\n<p>Use the <i>Install Now<\/i> button, then click <i>Activate<\/i> to turn on Elementor in the sidebar of your WordPress dashboard.<\/p>\n\n\n\n<p>We recommend following Elementor\u2019s step-by-step \u201cGetting Started\u201d guide to learn the ins and outs of this tool, as it\u2019s impressively powerful. Once you know the basics, you can use the Elementor plugin to design beautiful individual posts and pages.<\/p>\n\n\n\n<p>While Elementor isn\u2019t a theme editing tool in the traditional sense, it can still be incredibly beneficial for anyone who wants to customize their website without coding.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1028\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Elementor.jpg\" alt=\"Elementor\" class=\"wp-image-41594 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Elementor.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Elementor-300x193.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Elementor-1024x658.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Elementor-768x493.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Elementor-1536x987.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Elementor-600x386.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Elementor-1200x771.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Elementor-730x469.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Elementor-1460x938.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Elementor-784x504.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Elementor-1568x1007.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/08\/Elementor-877x563.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\/1028;\" \/><\/figure>\n\n\n\n<p>And if you choose to pay for Elementor Pro, you <i>can <\/i>actually design your theme within Elementor Theme Builder.<\/p>\n\n\n\n<h2 id=\"help\" class=\"wp-block-heading\">Can We Help You Decode WordPress?<\/h2>\n\n\n\n<p>The intricacies of WordPress are practically endless \u2014&nbsp;but that doesn\u2019t mean you can\u2019t take full advantage of the software with the right guidance.<\/p>\n\n\n\n<p>Stay tuned to the DreamHost blog for all the latest <a href=\"https:\/\/www.dreamhost.com\/blog\/category\/wordpress\/\" target=\"_blank\" rel=\"noopener\">WordPress news<\/a> and learn how our <a href=\"https:\/\/www.dreamhost.com\/wordpress\/\" target=\"_blank\" rel=\"noopener\">WordPress Hosting<\/a> and <a href=\"https:\/\/www.dreamhost.com\/pro-services\/\" target=\"_blank\" rel=\"noopener\">Pro Services<\/a> can help you make the most of your site.<\/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      WordPress + DreamHost\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Our automatic updates and strong security defenses take server management off your hands so you can focus on creating a great website.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Check Out Plans                    <\/a>\n\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Are you looking to unlock the full potential of your WordPress site? WordPress novices and pros alike know there are so many opportunities for customization through the platform. And many of these occasions live within your WordPress theme. However, messing around inside a WordPress theme can have dire consequences for the unprepared. That\u2019s why we\u2019re [&hellip;]<\/p>\n","protected":false},"author":1077,"featured_media":41578,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"An in-depth guide to the WordPress theme editor featuring how to find your best theme, activate it on your website, & personalize it to fit your business.","toc_headlines":"[[\"refresh\",\"Refresh: The Basics Of WordPress Themes\"],[\"definition\",\"What Is The WordPress Theme Editor?\"],[\"reasons\",\"Why Use The WordPress Theme Editor?\"],[\"howto\",\"How To Use WordPress Theme Editor\"],[\"help\",\"Can We Help You Decode WordPress?\"]]","hide_toc":false,"footnotes":""},"categories":[13121,12852,696],"tags":[],"class_list":["post-41577","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-decoding-wordpress","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>Using WordPress Theme Editor - DreamHost<\/title>\n<meta name=\"description\" content=\"An in-depth guide to the WordPress theme editor featuring how to find your best theme, activate it on your website, &amp; personalize it to fit your business.\" \/>\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\/wordpress-theme-editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Theme Editor: A User Guide\" \/>\n<meta property=\"og:description\" content=\"Transform your online presence. Get familiar with WordPress theme editor&#039;s potential for exceptional web design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/\" \/>\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-08-29T14:00:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T13:32:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Getting-To-Know-WordPress-Theme-Editor-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=\"WordPress Theme Editor: A User Guide\" \/>\n<meta name=\"twitter:description\" content=\"Transform your online presence. Get familiar with WordPress theme editor&#039;s potential for exceptional web design.\" \/>\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=\"14 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Using WordPress Theme Editor - DreamHost","description":"An in-depth guide to the WordPress theme editor featuring how to find your best theme, activate it on your website, & personalize it to fit your business.","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\/wordpress-theme-editor\/","og_locale":"en_US","og_type":"article","og_title":"WordPress Theme Editor: A User Guide","og_description":"Transform your online presence. Get familiar with WordPress theme editor's potential for exceptional web design.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2023-08-29T14:00:24+00:00","article_modified_time":"2025-05-26T13:32:29+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Getting-To-Know-WordPress-Theme-Editor-Social-Image.jpg","type":"image\/jpeg"}],"author":"Jos Velasco","twitter_card":"summary_large_image","twitter_title":"WordPress Theme Editor: A User Guide","twitter_description":"Transform your online presence. Get familiar with WordPress theme editor's potential for exceptional web design.","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jos Velasco","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"Decoding WordPress: Getting To Know WordPress Theme Editor","datePublished":"2023-08-29T14:00:24+00:00","dateModified":"2025-05-26T13:32:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/"},"wordCount":2411,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Getting-To-Know-WordPress-Theme-Editor-Hero-Image.jpg","articleSection":["Decoding WordPress","Website Design","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/","name":"Using WordPress Theme Editor - DreamHost","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Getting-To-Know-WordPress-Theme-Editor-Hero-Image.jpg","datePublished":"2023-08-29T14:00:24+00:00","dateModified":"2025-05-26T13:32:29+00:00","description":"An in-depth guide to the WordPress theme editor featuring how to find your best theme, activate it on your website, & personalize it to fit your business.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Getting-To-Know-WordPress-Theme-Editor-Hero-Image.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/Getting-To-Know-WordPress-Theme-Editor-Hero-Image.jpg","width":1460,"height":1095,"caption":"Getting To Know WordPress Theme Editor"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-theme-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Decoding WordPress: Getting To Know WordPress Theme Editor"}]},{"@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":41577,"es":41597,"uk":51842,"de":56518,"pt":56520,"pl":56527,"ru":56533,"fr":70605,"nl":70635,"it":72695},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/41577","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=41577"}],"version-history":[{"count":9,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/41577\/revisions"}],"predecessor-version":[{"id":61447,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/41577\/revisions\/61447"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/41578"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=41577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=41577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=41577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}