{"id":4167,"date":"2022-04-06T16:26:36","date_gmt":"2022-04-06T13:26:36","guid":{"rendered":"https:\/\/www.scalahosting.com\/kb\/?p=4167"},"modified":"2022-09-01T11:38:46","modified_gmt":"2022-09-01T08:38:46","slug":"how-to-update-your-wordpress-theme","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/kb\/how-to-update-your-wordpress-theme\/","title":{"rendered":"How to Update Your WordPress Theme"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Setting up a <\/span><a href=\"https:\/\/www.scalahosting.com\/blog\/what-is-wordpress-how-does-it-work\/\"><b>WordPress website<\/b><\/a><span style=\"font-weight: 400;\"> is the more straightforward part of starting a new online project. You can now install the CMS in seconds, and thanks to the <\/span><b>notoriously user-friendly <\/b><a href=\"https:\/\/www.scalahosting.com\/blog\/navigating-your-wordpress-dashboard\/\"><b>WP dashboard<\/b><\/a><span style=\"font-weight: 400;\">, you can easily add and manage content.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It&#8217;s the <\/span><b>day-to-day maintenance tasks<\/b><span style=\"font-weight: 400;\">, like <\/span><i><span style=\"font-weight: 400;\">updating a WordPress theme<\/span><\/i><span style=\"font-weight: 400;\">, that usually prove more difficult.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Users who have updated <\/span><a href=\"https:\/\/www.scalahosting.com\/blog\/best-wordpress-themes\/\"><b>regular WordPress themes<\/b><\/a><span style=\"font-weight: 400;\"> in the past will probably say that there&#8217;s nothing particularly complex or technical about the process. Examine it in a bit more detail, however, and you&#8217;ll see that there are a few things worth bearing in mind.<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\">Let&#8217;s have a look at them.<\/span><\/i><b><\/b><\/p>\n<h2><b>Why Should You Update Your WordPress Theme?<\/b><b><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The reasons for updating your software have been reiterated time and again. However, just in case someone missed them, we\u2019ll go over them real quick:<\/span><\/p>\n<h3><b>Security<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Your WordPress website is a collection of components that work together. The theme is one of them, and like the rest, if it has a security bug, it can <\/span><b>present cybercriminals with an easy entry point to your site<\/b><span style=\"font-weight: 400;\">.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Reputable developers and security specialists invest a lot of time and effort into hunting down and patching these bugs. All you have to do is ensure you use the theme&#8217;s latest version where all the holes are plugged.<\/span><\/p>\n<h3><b>Functionality<\/b><\/h3>\n<p><b><\/b><span style=\"font-weight: 400;\">The theme is mostly associated with the website&#8217;s looks. However, <\/span><i><span style=\"font-weight: 400;\">modern WP templates<\/span><\/i><span style=\"font-weight: 400;\"> are complex software products that <\/span><b>contribute a great deal to the site&#8217;s overall user experience<\/b><span style=\"font-weight: 400;\">.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Theme developers know this all too well, and they constantly try to stay on top of the latest web design trends, giving their customers the newest, most advanced features they can get. If you want to keep visitors interested, you&#8217;ll want to have those features on your website.<\/span><\/p>\n<h3><b>Compatibility<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The theme isn&#8217;t the only thing you need to update. You must also install the latest versions of the <\/span><b>WP core<\/b><span style=\"font-weight: 400;\"> and all the plugins you use for precisely the same reasons \u2013 keeping your website <\/span><b>as secure and functional as possible<\/b><span style=\"font-weight: 400;\">.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">However, when you update the core and plugins, you must also ensure your theme will work well with them. The best way to do that is to <\/span><b>update it to its latest version <\/b><span style=\"font-weight: 400;\">as well.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So, you have plenty of reasons for updating your WordPress theme. Let&#8217;s see how to do it safely.<\/span><b><\/b><\/p>\n<h2><b>Updating a WordPress Theme: Tips and Tricks<\/b><b><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Updating a WordPress theme is a relatively straightforward process, especially if it&#8217;s available on <\/span><a href=\"https:\/\/wordpress.org\/\"><span style=\"font-weight: 400;\">WP&#8217;s official repository<\/span><\/a><span style=\"font-weight: 400;\">. Here are the steps:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>STEP 1: Log into your WordPress dashboard.<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">By default, you can get to the WP dashboard login page by adding &#8220;<\/span><i><span style=\"font-weight: 400;\">\/wp-admin<\/span><\/i><span style=\"font-weight: 400;\">&#8221; to your domain (e.g., <\/span><b><i>https:\/\/yourdomain.com\/wp-admin\/<\/i><\/b><span style=\"font-weight: 400;\">).<\/span><\/li>\n<\/ul>\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-4170\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-141704.png\" alt=\"How to Update Your WordPress Theme, Updating a WordPress Theme: Tips and Tricks\" width=\"975\" height=\"736\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-141704.png 975w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-141704-300x226.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-141704-768x580.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<ul>\n<li aria-level=\"1\"><b>STEP 2: Go to the Updates page.<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">As soon as you log in, WordPress will alert you about the available update. Under the <\/span><b>Dashboard <\/b><span style=\"font-weight: 400;\">menu from the navigation panel on the left, you have the <\/span><b>Updates<\/b><span style=\"font-weight: 400;\"> page. If there&#8217;s an available update for the core, a theme, or a plugin, it&#8217;ll look like this:<\/span><\/li>\n<\/ul>\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-4168\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-143823.png\" alt=\"How to Update Your WordPress Theme, Updating a WordPress Theme: Tips and Tricks 2\" width=\"358\" height=\"147\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-143823.png 358w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-143823-300x123.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<ul>\n<li aria-level=\"1\"><b>STEP 3: Select the theme and update it.<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">You&#8217;ll see a list of all the components that can be updated. Select the ones you want and click <\/span><b>Update Themes<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-4169\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-145453-1024x231.png\" alt=\"How to Update Your WordPress Theme, Updating a WordPress Theme: Tips and Tricks 3\" width=\"1024\" height=\"231\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-145453-1024x231.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-145453-300x68.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-145453-768x173.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-145453-1536x347.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/04\/Screenshot-2022-03-21-145453.png 1731w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<p><span style=\"font-weight: 400;\">If your theme isn&#8217;t available in the official WordPress repository, the steps will depend on the template itself. Some developers might implement <\/span><b>automatic update functionality<\/b><span style=\"font-weight: 400;\">. Others will give you the files themselves and ask you to <\/span><a href=\"https:\/\/www.scalahosting.com\/kb\/how-to-establish-an-ftp-connection-to-your-hosting-account\/\"><b>upload them via FTP<\/b><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whatever the case, there are a few precautions you can take to make the update as seamless as possible. Here&#8217;s what you can do:<\/span><\/p>\n<h3><b>Pick the right timing<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">You mustn&#8217;t forget that the theme is vital for the functionality of the entire website. If something goes wrong during the update and you&#8217;re not prepared, you could be facing costly downtimes. Minimizing the damage<\/span> <span style=\"font-weight: 400;\">in case things don&#8217;t go according to plan might not be a bad idea.<\/span><\/p>\n<p><b>Analyze your site&#8217;s traffic patterns<\/b><span style=\"font-weight: 400;\"> and <\/span><b>pick the least busy time of the day<\/b><span style=\"font-weight: 400;\"> for the update. It might mean waking up in the middle of the night to install the new version, but at least you can be sure that if something breaks &#8211; fewer people will know about it.<\/span><\/p>\n<h3><b>Backup your website<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Of course, if things do go awry, you need to bring them back to a fully functional state as quickly as possible. That&#8217;s why you should <\/span><b>create a full backup<\/b><span style=\"font-weight: 400;\"> before any major change to your website. Updating the theme is one such major change.<\/span><\/p>\n<h3><b>Use a staging environment<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">A staging environment will help you <\/span><b>test the theme&#8217;s new version<\/b><span style=\"font-weight: 400;\"> before putting it on the live website. Do some research and ask your hosting provider whether they have the tools to let you<\/span><a href=\"https:\/\/www.scalahosting.com\/blog\/clone-wordpress-with-1-click\/\"><b> clone your WordPress installation<\/b><\/a><span style=\"font-weight: 400;\"> and use the copy as a testbed for all updates and changes you make to your website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you use <\/span><a href=\"https:\/\/www.scalahosting.com\/spanel.html\"><b>ScalaHosting&#8217;s SPanel<\/b><\/a><span style=\"font-weight: 400;\"> management platform, for example, you have access to the <\/span><a href=\"https:\/\/www.scalahosting.com\/wordpress-manager.html\"><b>SWordPress M<span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;manager&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:636,&quot;5&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;6&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;7&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;8&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;9&quot;:0,&quot;12&quot;:0}\">anager<\/span><\/b><\/a><span style=\"font-weight: 400;\">. With it, you can <\/span><b>clone your main<\/b> <b>WP installation<\/b><span style=\"font-weight: 400;\"> and place the copy in a separate folder on your account. You can then use the clone to <\/span><b>test new versions of themes and plugins<\/b><span style=\"font-weight: 400;\"> before pushing them to production.<\/span><b><\/b><\/p>\n<h2><b>Updating a Custom WordPress Theme<\/b><b><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">An update of a <strong><a href=\"https:\/\/www.scalahosting.com\/blog\/wordpress-theme-updates-why-and-how\/\" target=\"_blank\" rel=\"noopener\">WordPress theme<\/a><\/strong> should cause no problems as long as it&#8217;s planned and executed according to the experts&#8217; advice. However, so far, we&#8217;ve only covered updating a standard, off-the-shelf template.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you&#8217;ve done some custom work to tailor the design to your own liking, you might be worried that you&#8217;ll <\/span><b>lose your modifications <\/b><span style=\"font-weight: 400;\">when applying the theme&#8217;s latest version.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whether these fears are founded depends on <\/span><b>the changes you&#8217;ve made to your theme<\/b><span style=\"font-weight: 400;\">. If you&#8217;ve used the <\/span><b>Appearance <\/b><span style=\"font-weight: 400;\">&gt; <\/span><b>Customize <\/b><span style=\"font-weight: 400;\">menu to edit the design &#8211; you have nothing to worry about. Every theme has its own customization options available in the menu, and the changes you make via this method are <\/span><b>saved in your site&#8217;s database<\/b><span style=\"font-weight: 400;\">. This way, they won\u2019t be affected during an a theme update.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Things are slightly different if you modify the theme&#8217;s files themselves.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">During an update, WordPress downloads an archive containing the theme&#8217;s latest version and unzips it, overwriting the old template files. Therefore, any changes you&#8217;ve made to the old files will be lost.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To avoid this, you need to use <\/span><b>a child theme<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A child theme is the best way to customize your design and ensure <\/span><b>you won&#8217;t lose your changes when an update is due<\/b><span style=\"font-weight: 400;\">. It has its own theme folder inside the <\/span><i><span style=\"font-weight: 400;\">\/wp-content\/themes\/<\/span><\/i><span style=\"font-weight: 400;\"> directory\u00a0 and is available on the same list as your other themes in the WP dashboard.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Still, the child theme is not a standalone template &#8211; it needs <\/span><b>a parent theme<\/b><span style=\"font-weight: 400;\"> to pair up with.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The clone consists of at least two files \u2013 <\/span><b><i>styles.css<\/i><\/b><span style=\"font-weight: 400;\"> and <\/span><b><i>functions.php<\/i><\/b><span style=\"font-weight: 400;\">. Through them, WordPress knows that it&#8217;s working with a child theme, and it also identifies the parent.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you&#8217;re going to make relatively minor changes to your theme &#8211; these two files will be enough to carry all your customizations. However, if the design is more heavily overhauled, you&#8217;ll need <\/span><b>additional template files<\/b><span style=\"font-weight: 400;\"> (like <\/span><i><span style=\"font-weight: 400;\">page.php<\/span><\/i><span style=\"font-weight: 400;\">, <\/span><i><span style=\"font-weight: 400;\">index.php<\/span><\/i><span style=\"font-weight: 400;\">, etc.). If a particular template file is missing, WordPress will retrieve it from the parent theme, so in terms of functionality, the differences are imperceptible.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The purpose of the child theme is to <\/span><b>store your custom code while still enabling you to install the parent theme&#8217;s vital updates.<\/b><b><\/b><\/p>\n<h2><b>Updating a WooCommerce Theme<\/b><b><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Updating a WooCommerce theme<\/span> <span style=\"font-weight: 400;\">is not much different from updating a standard WP template. WordPress will still alert you whenever there&#8217;s a new version of one of your themes, and in many cases, it can <\/span><b>take care of installation on its own<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As usual, schedule the update for the quiet hours of the day if possible, and make sure you have a working backup before you start. Once again, <\/span><b>a staging environment<\/b><span style=\"font-weight: 400;\"> will allow you to troubleshoot potential problems before updating the live website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Additional steps may be required if you&#8217;re <\/span><b>using a page builder or a custom theme<\/b><span style=\"font-weight: 400;\"> built from the ground up just for your project. The theme&#8217;s developers should be able to provide you with further instructions on the exact procedure.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you&#8217;re using a WooCommerce version <\/span><b>prior to WooCommerce 3.3<\/b><span style=\"font-weight: 400;\">, additional edits to the theme may be required to make it compatible with the ecommerce add-on. However, it&#8217;s safe to say that if you&#8217;re using a plugin that is now more than four years old &#8211; you need to seriously consider updating it.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setting up a WordPress website is the more straightforward part of starting a new online project. You can now install the CMS in seconds, and thanks to the notoriously user-friendly WP dashboard, you can easily add and manage content. It&#8217;s the day-to-day maintenance tasks, like updating a WordPress theme, that usually prove more difficult. Users [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_analysis_target_kw":"","footnotes":""},"categories":[34],"tags":[],"class_list":["post-4167","post","type-post","status-publish","format-standard","hentry","category-web-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/4167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/comments?post=4167"}],"version-history":[{"count":12,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/4167\/revisions"}],"predecessor-version":[{"id":5067,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/4167\/revisions\/5067"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media?parent=4167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/categories?post=4167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/tags?post=4167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}