{"id":93878,"date":"2023-09-14T14:21:12","date_gmt":"2023-09-14T14:21:12","guid":{"rendered":"\/tutorials\/?p=93878"},"modified":"2026-03-10T10:05:37","modified_gmt":"2026-03-10T10:05:37","slug":"how-to-update-wordpress-theme","status":"publish","type":"post","link":"\/my\/tutorials\/how-to-update-wordpress-theme","title":{"rendered":"How to Update WordPress Theme In 4 Steps and Keep the Theme\u2019s Customization"},"content":{"rendered":"<?xml encoding=\"utf-8\" ?><p>Updating your WordPress theme is crucial for maintaining site security and performance. Plus, it gives you access to useful new features and security patches. However, some users may be unsure how to update a WordPress theme, especially once it&rsquo;s been modified with custom code snippets.<\/p><p>Fortunately, it&rsquo;s relatively straightforward to update your theme in WordPress. You&rsquo;ll first need to create a backup and a staging site. Then, you&rsquo;ll be able to update the theme from the WordPress dashboard, or manually using an FTP client or a File Manager.<\/p><p>In this guide, we&rsquo;ll walk you through the safest ways to update your theme without losing your customizations in WordPress. Then, we&rsquo;ll guide you through the steps to update a custom theme. Let&rsquo;s get started.<\/p><p class=\"has-text-align-center\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-EN.pdf\" target=\"_blank\" rel=\"noopener\">Download all in one WordPress cheat sheet<\/a><\/p><p>\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-update-a-wordpress-theme\">How to Update a WordPress Theme<\/h2><p>If you have a customized file or custom code inside your theme folders, you&rsquo;ll want to skip ahead to the next section. Otherwise, you&rsquo;ll lose any of the changes you made to the theme&rsquo;s layout.<\/p><p>However, if you&rsquo;re like many WordPress users, you might have only made changes to the theme using its built-in settings &ndash; for example, via the WordPress Customizer or the Full Site Editor (FSE). If this is the case, you can follow the steps below to update your current theme.<\/p><p><div class=\"protip\">\n                    <h4 class=\"title\">Suggested Reading<\/h4>\n                    <p>Check out our article on <a href=\"\/my\/tutorials\/wordpress\/how-to-install-wordpress-themes\">how to install WordPress themes<\/a> using three different methods, complete with tips for switching between themes.<\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-1-create-a-backup\">1. Create a Backup<\/h3><p>Before commencing any major theme update, it&rsquo;s important to create a fresh backup of your site.<\/p><p>Even if you already do regular automatic backups, it&rsquo;s a good idea to make sure you have an up-to-date version of your site on hand. That way, if anything goes wrong with the theme update, you can quickly restore your site to its original state.<\/p><p>WordPress users can create a backup using a plugin or manually using FTP and phpMyAdmin. If you&rsquo;re a Hostinger customer, it&rsquo;s easiest to <a href=\"\/my\/tutorials\/backup-wordpress\">back up your WordPress site<\/a> from hPanel.<\/p><p>Simply log in to your hosting account and access the hPanel dashboard. Then, find the <strong>Files <\/strong>tab in the sidebar and click on <strong>Backups<\/strong>:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/WordPress-backups-in-hPanel.jpg\"><img decoding=\"async\" width=\"1024\" height=\"443\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/WordPress-backups-in-hPanel-1024x443.jpg\" alt=\"WordPress backups in hPanel.\" class=\"wp-image-93876\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/WordPress-backups-in-hPanel.jpg 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/WordPress-backups-in-hPanel-300x130.jpg 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/WordPress-backups-in-hPanel-150x65.jpg 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/WordPress-backups-in-hPanel-768x332.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Where it says <strong>File Backups<\/strong>, click on <strong>Select<\/strong>:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Manage-WordPress-backups-interface.png\"><img decoding=\"async\" width=\"1024\" height=\"361\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Manage-WordPress-backups-interface-1024x361.png\" alt=\"Manage WordPress backups.\" class=\"wp-image-93871\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Manage-WordPress-backups-interface.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Manage-WordPress-backups-interface-300x106.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Manage-WordPress-backups-interface-150x53.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Manage-WordPress-backups-interface-768x270.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Next, simply choose a date from the dropdown box and hit <strong>Next step.<\/strong> If you want to back up your entire site, select <strong>public_html<\/strong>. Alternatively, choose the specific files that you want to include in your backup:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Download-WordPress-backup-files.png\"><img decoding=\"async\" width=\"1024\" height=\"555\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Download-WordPress-backup-files-1024x555.png\" alt=\"Download WordPress backup files.\" class=\"wp-image-93869\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Download-WordPress-backup-files.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Download-WordPress-backup-files-300x163.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Download-WordPress-backup-files-150x81.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Download-WordPress-backup-files-768x416.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Then, click on <strong>Download all files<\/strong>.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/How-to-Speed-Up-Your-Website-EN.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/11\/eBook-Speed-Up-your-website-1024x283.png\" alt=\"\" class=\"wp-image-69260\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/11\/eBook-Speed-Up-your-website-1536x425.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/11\/eBook-Speed-Up-your-website-300x83.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/11\/eBook-Speed-Up-your-website-150x41.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/11\/eBook-Speed-Up-your-website-768x212.png 768w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/11\/eBook-Speed-Up-your-website.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h3 class=\"wp-block-heading\" id=\"h-2-create-a-staging-site\">2. Create a Staging Site<\/h3><p>Next, you&rsquo;ll want to create a staging site. This is a copy of your live website that isn&rsquo;t accessible to the public.<\/p><p>A staging site is an ideal place for testing out new features or making changes to your website. It enables you to update your <a href=\"\/my\/tutorials\/what-is-a-wordpress-theme\">WordPress theme<\/a> in a secure environment without worrying about having to <a href=\"\/my\/tutorials\/tips-for-troubleshooting-website\">troubleshoot your site<\/a>.<\/p><p>This way, you can make sure that the updated version is safe and doesn&rsquo;t conflict with any other code on your site. Most quality web hosts provide staging tools with hosting solutions. At Hostinger, it&rsquo;s included when you purchase a Business web hosting plan, which starts at <strong>RM12.99\/month<\/strong>.<\/p><?xml encoding=\"utf-8\" ?><figure class=\"wp-block-image size-large\"><a href=\"\/my\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner-1024x300.png\" alt=\"\" class=\"wp-image-111781\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner-1024x300.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner-768x225.png 768w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner-1536x450.png 1536w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>As a Hostinger customer, you can access the staging tool from hPanel. Start by logging in to your hosting account, then follow these steps:<\/p><ol class=\"wp-block-list\">\n<li>On the dashboard, go to <strong>WordPress &rarr; Staging<\/strong>:<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Creating-a-staging-site-on-hPanel.jpg\"><img decoding=\"async\" width=\"1024\" height=\"399\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Creating-a-staging-site-on-hPanel-1024x399.jpg\" alt=\"Creating a staging site in Hostinger.\" class=\"wp-image-93867\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Creating-a-staging-site-on-hPanel.jpg 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Creating-a-staging-site-on-hPanel-300x117.jpg 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Creating-a-staging-site-on-hPanel-150x58.jpg 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Creating-a-staging-site-on-hPanel-768x299.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>If the staging tool is included with your hosting plan, click on <strong>Create Staging<\/strong>.<\/li>\n\n\n\n<li>Enter the subdomain that you want to use for your staging site and click on <strong>Create<\/strong>.<strong><\/strong><\/li>\n\n\n\n<li>Wait until your staging environment is ready. Note that this process can take up to 15 minutes to set up.<\/li>\n<\/ol><p>If your plan doesn&rsquo;t include staging tools or you are with another provider, you can <a href=\"\/my\/tutorials\/wordpress-staging-environment\">set up a staging environment in WordPress<\/a> manually or by contacting your web host. Another option is to use a staging plugin like <a href=\"https:\/\/wp-staging.com\/\" target=\"_blank\" rel=\"noopener\">WP Staging<\/a>.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/The-WP-Staging-plugin.png\"><img decoding=\"async\" width=\"1024\" height=\"328\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/The-WP-Staging-plugin-1024x328.png\" alt=\"The WP Staging plugin.\" class=\"wp-image-93872\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/The-WP-Staging-plugin.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/The-WP-Staging-plugin-300x96.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/The-WP-Staging-plugin-150x48.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/The-WP-Staging-plugin-768x246.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-3-update-the-wordpress-theme-on-the-staging-site-and-test\">3. Update the WordPress Theme on the Staging Site and Test<\/h3><p>Now, let&rsquo;s cover how to update an existing theme. There are multiple options for this. First, you can update your theme from the WordPress admin panel. However, it&rsquo;s also possible to update a WordPress theme manually using FTP or a File Manager.<\/p><h4 class=\"wp-block-heading\" id=\"h-how-to-update-a-wordpress-theme-from-the-admin-panel\">How to Update a WordPress Theme from the Admin Panel<\/h4><p>The simplest way to update your installed theme is to do it from the admin panel or WordPress dashboard. To begin, log in to your website and head to <strong>Dashboard <\/strong>&rarr; <strong>Updates<\/strong>. Then, scroll down until you reach the <strong>Themes<\/strong> section. You will see the list of whether there are any theme updates available. Simply check the box beside the active or inactive themes you want to update and click on <strong>Update Themes.<\/strong><\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/WordPress-updates-screen.png\"><img decoding=\"async\" width=\"1024\" height=\"569\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/WordPress-updates-screen-1024x569.png\" alt=\"WordPress updates screen.\" class=\"wp-image-93877\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/WordPress-updates-screen.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/WordPress-updates-screen-300x167.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/WordPress-updates-screen-150x83.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/WordPress-updates-screen-768x427.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Additionally, you can update your WordPress theme version by going to <strong>Appearance &rarr; Themes <\/strong>within your WordPress dashboard:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Update-WordPress-themes-in-the-Appearance-screen.png\"><img decoding=\"async\" width=\"1024\" height=\"607\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Update-WordPress-themes-in-the-Appearance-screen-1024x607.png\" alt=\"Update WordPress themes from the Appearance screen.\" class=\"wp-image-93875\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Update-WordPress-themes-in-the-Appearance-screen.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Update-WordPress-themes-in-the-Appearance-screen-300x178.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Update-WordPress-themes-in-the-Appearance-screen-150x89.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Update-WordPress-themes-in-the-Appearance-screen-768x455.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>If updates are available, you&rsquo;ll see a notification and a link on top of the theme that says <strong>Update now<\/strong>.<strong><\/strong><\/p><h4 class=\"wp-block-heading\" id=\"h-how-to-update-a-wordpress-theme-using-ftp\">How to Update a WordPress Theme Using FTP<\/h4><p>While the above method is certainly the simplest way to update your theme, you can also complete the task using a File Transfer Protocol (FTP). FTP enables you to connect to your website files remotely from a computer.<\/p><p>First, you&rsquo;ll need to <a href=\"\/my\/tutorials\/ftp\/filezilla-ftp-configuration\">configure a secure FTP connection<\/a> using an <a href=\"\/my\/tutorials\/free-ftp-clients\">FTP client<\/a> like <strong>FileZilla<\/strong>.<\/p><p>Once you&rsquo;ve installed the program, open FileZilla and <a href=\"\/my\/tutorials\/how-to-create-ftp-accounts\">enter your FTP credentials<\/a> at the top of the screen. You can find the FTP login details within your hosting account.<\/p><p>After connecting to your website, locate the root folder of your WordPress site &ndash; this is usually <strong>public_html<\/strong>. Then, click on <strong>wp-content <\/strong>and open your <strong>themes <\/strong>folder:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Accessing-the-WordPress-themes-folder-via-FileZilla.jpg\"><img decoding=\"async\" width=\"1024\" height=\"547\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Accessing-the-WordPress-themes-folder-via-FileZilla-1024x547.jpg\" alt=\"Accessing the WordPress themes folder via Filezilla.\" class=\"wp-image-93864\" style=\"width:840px;height:448px\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Accessing-the-WordPress-themes-folder-via-FileZilla.jpg 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Accessing-the-WordPress-themes-folder-via-FileZilla-300x160.jpg 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Accessing-the-WordPress-themes-folder-via-FileZilla-150x80.jpg 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Accessing-the-WordPress-themes-folder-via-FileZilla-768x410.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Find your active theme within the folder. You&rsquo;ll need to rename the file and add &ldquo;_old&rdquo; to the end of the file name.<\/p><p>Then, right-click on the file and select <strong>Download<\/strong>:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Download-a-theme-file.jpg\"><img decoding=\"async\" width=\"1024\" height=\"404\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Download-a-theme-file-1024x404.jpg\" alt=\"Download a theme file.\" class=\"wp-image-93868\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Download-a-theme-file.jpg 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Download-a-theme-file-300x118.jpg 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Download-a-theme-file-150x59.jpg 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Download-a-theme-file-768x303.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Now, you need to download the new version of the theme package to your computer. So, head to the theme&rsquo;s landing page either within the WordPress themes directory or its official website. Download the theme&rsquo;s <strong>ZIP<\/strong> file so that it&rsquo;s ready to upload to WordPress.<\/p><p>Then, head back to FileZilla and return to the <strong>themes <\/strong>folder to upload your new file. At this point, the updated theme will be installed on your WordPress site, but you&rsquo;ll still need to activate it.<\/p><p>On your WordPress dashboard, you&rsquo;ll likely see two themes &ndash; one with the older version of the theme (that you added &ldquo;_old&rdquo; to) and one with the updated theme.<\/p><p>Click on <strong>Activate <\/strong>next to the new updated version of your theme:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Activate-a-WordPress-theme.jpg\"><img decoding=\"async\" width=\"1024\" height=\"262\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Activate-a-WordPress-theme-1024x262.jpg\" alt=\"Activate a WordPress theme.\" class=\"wp-image-93865\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Activate-a-WordPress-theme.jpg 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Activate-a-WordPress-theme-300x77.jpg 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Activate-a-WordPress-theme-150x38.jpg 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Activate-a-WordPress-theme-768x196.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>You may be prompted to overwrite the old theme files. In this case, proceed with the action. If you&rsquo;re not asked to overwrite the theme, <a href=\"\/my\/tutorials\/wordpress-delete-theme\">delete the old WordPress theme file<\/a> once you&rsquo;ve successfully activated the new theme.<\/p><h4 class=\"wp-block-heading\" id=\"h-how-to-update-a-wordpress-theme-with-file-manager\">How to Update a WordPress Theme with File Manager<\/h4><p>If you don&rsquo;t use FTP, you might be wondering how to update a theme with a File Manager. The process is similar to using FTP &ndash; the only difference is that you&rsquo;ll be updating the theme directly through your hosting account.<\/p><p>As a Hostinger customer, it&rsquo;s easy to update a theme through hPanel. Once you&rsquo;re logged in to your account, access the website&rsquo;s hPanel and click on <strong>WordPress <\/strong>in the sidebar.<\/p><p>Then, select <strong>Security<\/strong> and scroll down to the <strong>Installed themes <\/strong>section:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Installed-themes-in-hPanel.png\"><img decoding=\"async\" width=\"1024\" height=\"409\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Installed-themes-in-hPanel-1024x409.png\" alt=\"Installed themes in hPanel.\" class=\"wp-image-93870\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Installed-themes-in-hPanel.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Installed-themes-in-hPanel-300x120.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Installed-themes-in-hPanel-150x60.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Installed-themes-in-hPanel-768x307.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Here, you can view all the themes installed on your website. The <strong>Recommendation <\/strong>column will notify when a theme update is available.<\/p><p>To update a theme, click on the three dots to the right of it and select <strong>Update<\/strong>:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Update-a-WordPress-theme-in-hPanel.png\"><img decoding=\"async\" width=\"1024\" height=\"411\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Update-a-WordPress-theme-in-hPanel-1024x411.png\" alt=\"Update a WordPress theme in hPanel.\" class=\"wp-image-93874\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Update-a-WordPress-theme-in-hPanel.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Update-a-WordPress-theme-in-hPanel-300x121.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Update-a-WordPress-theme-in-hPanel-150x60.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Update-a-WordPress-theme-in-hPanel-768x309.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>There will be a message warning you that the update might affect your website. To continue, click on <strong>Update. <\/strong>The process will begin instantly.<\/p><p>No matter which method you choose, it&rsquo;s always a good idea to test the new theme by previewing your site on the front-end once the update is complete.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-publish-the-update\">4. Publish the Update<\/h3><p>After checking that the theme functions properly, you&rsquo;re ready to publish the update from the staging site to the live site. To do this, go to <strong>WordPress &rarr; Staging<\/strong> on hPanel.<strong><\/strong><\/p><p>You should find your staging site listed here. Next to the <strong>Manage staging <\/strong>button, there are three vertical dots.<\/p><p>Click on the dots and select <strong>Publish<\/strong>. Then, hit the <strong>Publish <\/strong>button on the pop-up window to proceed. Keep in mind that it can take up to 15 minutes for the changes to apply to your live site.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-update-a-customized-wordpress-theme\">How to Update a Customized WordPress Theme<\/h2><p>Now you know how to update a standard theme using the most popular methods. However, if you&rsquo;ve <a href=\"\/my\/tutorials\/wordpress-theme-editor\/\">customized your WordPress theme<\/a>, you&rsquo;ll need to use a different approach to avoid losing the changes you&rsquo;ve made.<\/p><p>Perhaps you&rsquo;ve added code to your theme&rsquo;s functions file or added CSS to its stylesheet file. Or, maybe you made changes to the theme&rsquo;s <strong>index.php <\/strong>or <strong>footer.php <\/strong>templates.<\/p><p>If you update your WordPress theme in the usual way, the theme files will be overwritten and you&rsquo;ll end up losing customization. However, you can still update the theme while keeping its old customized version using the steps below.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-create-a-backup-and-a-staging-site\">1. Create a Backup and a Staging Site<\/h3><p>As we&rsquo;ve discussed, it&rsquo;s crucial to make a backup of your WordPress website in case anything goes wrong. However, it&rsquo;s especially important when you&rsquo;re updating a custom theme.<\/p><p>This is because you&rsquo;ll need to use the backup theme files to apply the customizations to the new theme files or your child theme folder. To back up your WordPress site, you can utilize a backup plugin or hPanel. Visit step one of the previous section to find out how to do this.<\/p><p>Like updating a standard theme, it&rsquo;s also a good idea to set up a staging site. This way, you can update your theme in a safe environment.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-create-a-child-theme\">2. Create a Child Theme<\/h3><p>To update a WordPress theme that you&rsquo;ve customized, you&rsquo;ll need to create a child theme. This is the main difference between updating a standard vs customized theme. Child themes inherit the style, features, and functionality of the main or parent theme.<\/p><p>Once you set up a child theme, you can apply changes directly to it, and the parent theme will remain unaffected. Then, since the changes are stored in the child theme files, you can update the parent theme without losing the customizations.<\/p><p>To <a href=\"\/my\/tutorials\/how-to-create-wordpress-child-theme\">create a child theme<\/a>, you can use a plugin or build one manually using code.<\/p><p>It&rsquo;s also a good idea to <a href=\"\/my\/tutorials\/install-wordpress-locally\">install WordPress locally<\/a> to develop a child theme. This way, you can make changes without affecting the live site.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-add-the-customized-theme-files-to-the-child-theme\">3. Add the Customized Theme Files to the Child Theme<\/h3><p>Now, you might be wondering how to update your existing theme using a child theme. As we mentioned, you can create a child theme in various ways.<\/p><p>However, if you set up a child theme manually using a File Manager, you&rsquo;ll need to add a stylesheet and functions file to your theme folder:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Adding-a-stylesheet-and-functions.php-file.png\"><img decoding=\"async\" width=\"1024\" height=\"203\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Adding-a-stylesheet-and-functions.php-file-1024x203.png\" alt=\"Adding a stylesheet and functions.php file.\" class=\"wp-image-93866\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Adding-a-stylesheet-and-functions.php-file.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Adding-a-stylesheet-and-functions.php-file-300x59.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Adding-a-stylesheet-and-functions.php-file-150x30.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Adding-a-stylesheet-and-functions.php-file-768x152.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>This will enable the child theme&rsquo;s files to inherit the styles and functions from the parent theme.<\/p><p>Then, you&rsquo;ll need to identify any customizations that you made to the following parent theme&rsquo;s files:<\/p><ul class=\"wp-block-list\">\n<li><strong>The functions.php file. <\/strong>Copy the functions that you added to your parent theme&rsquo;s functions file and paste them into your child theme&rsquo;s functions file.<\/li>\n\n\n\n<li><strong>The style.css file. <\/strong>Copy any custom code that you added to your parent theme&rsquo;s stylesheet and paste it into your child theme&rsquo;s stylesheet file.<\/li>\n\n\n\n<li><strong>Templates. <\/strong>Any modified template files like <strong>index.php <\/strong>or <strong>footer.php<\/strong>, or new theme files like custom templates, will need to be copied to the child theme.<\/li>\n<\/ul><p>Once you complete this stage, your child theme is all set up and ready to be activated.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-activate-and-test-the-child-theme\">4. Activate and Test the Child Theme<\/h3><p>After storing all the customizations in your child theme, it&rsquo;s time to activate the child theme on your website.<\/p><p>Simply head to <strong>Appearance &rarr; Themes <\/strong>on your WordPress dashboard. Then, locate the child theme and click on <strong>Activate<\/strong>.<\/p><p>Remember to test the theme to make sure it&rsquo;s working properly. For example, check if your customizations are functioning as they should be. Additionally, check any pages that use the template files that you previously copied.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-update-the-parent-theme\">5. Update the Parent Theme<\/h3><p>Once you verify that the child theme is active and working, you&rsquo;ll need to update the parent theme. Be sure to use a staging environment where you can do this first.<\/p><p>If you installed your theme via the WordPress theme directory, go to <strong>Dashboard &rarr; Updates <\/strong>to update the parent theme:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Theme-updates-in-the-WordPress-dashboard.png\"><img decoding=\"async\" width=\"1024\" height=\"460\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/09\/Theme-updates-in-the-WordPress-dashboard-1024x460.png\" alt=\"Theme updates in the WordPress dashboard.\" class=\"wp-image-93873\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Theme-updates-in-the-WordPress-dashboard.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Theme-updates-in-the-WordPress-dashboard-300x135.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Theme-updates-in-the-WordPress-dashboard-150x67.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/09\/Theme-updates-in-the-WordPress-dashboard-768x345.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Alternatively, head to <strong>Appearance &rarr; Themes <\/strong>to run the update there. If you downloaded a premium theme after purchasing it, you&rsquo;ll need to upload it via the <strong>Themes<\/strong> tab.<\/p><p>Now, test your site again. Take a look over your content pages and test any interactive elements to make sure they&rsquo;re working for site visitors. Then, push the changes from your staging site to the live site once you&rsquo;re happy with the updates.<\/p><h2 class=\"wp-block-heading\" id=\"h-why-you-should-update-your-wordpress-theme\">Why You Should Update Your WordPress Theme<\/h2><p>While updating a theme may seem like a hassle, it&rsquo;s an important maintenance task. Here are some key reasons why you should update your theme to the latest version.<\/p><p><strong>Security<\/strong><\/p><p>One of the main reasons to run an updated theme is to <a href=\"\/my\/tutorials\/how-to-secure-wordpress\">keep your WordPress website secure<\/a>. Any outdated software on your site, whether it&rsquo;s core software, WordPress plugins, or themes, can make your website more vulnerable to cyber attacks.<\/p><p>This is because old theme files can have vulnerabilities that are well-known to hackers. These security gaps make it easier for malicious actors to use the software as a backdoor to access your site.<\/p><p>Once breached, hackers can cause many more <a href=\"\/my\/tutorials\/wordpress-security-issues\">WordPress security issues<\/a>, like infecting your site with malware. Additionally, most WordPress theme updates come with bug fixes that aren&rsquo;t present in the previous version, which is useful for fortifying your WordPress site.<\/p><p><strong>Performance<\/strong><\/p><p>While security is a strong incentive to update your theme, you can also <a href=\"\/my\/tutorials\/website-optimization\">optimize your website performance<\/a> by running the theme&rsquo;s latest version. This is because theme updates often include enhanced, refined code that makes your website lighter and faster.<\/p><p>What&rsquo;s more, theme updates ensure compatibility with the WordPress core software. For example, when a new version of WordPress is released, most developers will test the theme against the new version and make any necessary changes. So, it&rsquo;s a good idea to update your site&rsquo;s theme whenever you <a href=\"\/my\/tutorials\/how-to-update-wordpress\">update WordPress<\/a>.<\/p><p><strong>New Features<\/strong><\/p><p>Typically, developers release a theme update when there are new features available. This might be at the request of users, or a theme developer may introduce features to keep up with the latest version of WordPress.<\/p><p>For example, when WordPress released Gutenberg, some themes added a block-based theme builder to integrate smoothly with the new editor. Theme developers made similar adjustments for the Full Site Editor (FSE), which lets you use blocks to edit template parts like the header and footer.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.trustpilot.com\/reviews\/646752f7b6d0004e0840ba50\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/08\/Good-Supoort-1024x514.png\" alt=\"\" class=\"wp-image-91646\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/08\/Good-Supoort.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/08\/Good-Supoort-300x151.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/08\/Good-Supoort-150x75.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/08\/Good-Supoort-768x386.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>One of the best ways to keep your website fast and secure is to update your WordPress theme. That way, you&rsquo;ll be able to access the latest features to improve your website&rsquo;s functionality and design.<\/p><p>Before updating a theme, it&rsquo;s important to create a backup and a staging site. Then, you can update the theme from the admin panel or do it manually using FTP or a File Manager.<\/p><p>If you&rsquo;ve customized your theme&rsquo;s code, you&rsquo;ll need to create a child theme to make sure you don&rsquo;t lose any of the changes. Then, simply push the update from the staging environment to your live website and test it to ensure it works properly.<\/p><p>By following the steps in this article, you can ensure your WordPress website&rsquo;s theme is always up to date.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-update-wordpress-theme-faq\">How to Update WordPress Theme FAQ<\/h2><p>If you still have some doubts about how to update themes, we&rsquo;ve answered some of the most common questions below.<\/p><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1694692355056\"><h3 class=\"schema-faq-question\">Can I Update a WordPress Theme Automatically?<\/h3> <p class=\"schema-faq-answer\">Yes. To automatically update a theme, you&rsquo;ll need to go to <strong>Appearance &rarr; Themes <\/strong>from your WordPress dashboard. Click on the theme that&rsquo;s currently active on your site and select <strong>Enable auto-updates<\/strong>. You can always disable auto-updates at a later time.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1694692372603\"><h3 class=\"schema-faq-question\">How Do I Check for Updates for My WordPress Themes?&nbsp;<\/h3> <p class=\"schema-faq-answer\">If you want to check for a theme update, log in to the WordPress admin panel. Then, go to <strong>Dashboard &rarr; Updates<\/strong>. Scroll down to the <strong>Themes <\/strong>section at the bottom of the screen. There will be a list of your installed themes with available updates.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1694692399003\"><h3 class=\"schema-faq-question\">How Do I Update My WordPress Theme Without Losing Settings?<\/h3> <p class=\"schema-faq-answer\">If you&rsquo;ve added any custom code to your theme files, you&rsquo;ll lose the changes if you update it using standard methods. To avoid this, create a child theme first to store the customized files. Then, update the parent theme and re-add the customizations from your child theme to the updated theme folder.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1694692415908\"><h3 class=\"schema-faq-question\">Will Updating a WordPress Theme Break My Site?<\/h3> <p class=\"schema-faq-answer\">When you update your theme in WordPress, there&rsquo;s always some risk. You might experience a bad update, or the update might conflict with existing software on your site. That&rsquo;s why it&rsquo;s best to make a fresh website backup, just in case. We also recommend running the update in a staging environment first to ensure it&rsquo;s safe.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Updating your WordPress theme is crucial for maintaining site security and performance. Plus, it gives you access to useful new features and security patches. However, some users may be unsure how to update a WordPress theme, especially once it&rsquo;s been modified with custom code snippets. Fortunately, it&rsquo;s relatively straightforward to update your theme in WordPress. [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/my\/tutorials\/how-to-update-wordpress-theme\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":76,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"How to Update WordPress Theme In 4 Steps","rank_math_description":"How to update WordPress theme: 1. Create a backup; 2. Create a staging site; 3. Update the theme; 4. Publish the changes to the live site.","rank_math_focus_keyword":"how to update wordpress theme","footnotes":""},"categories":[22632],"tags":[],"class_list":["post-93878","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-update-wordpress-theme","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-atualizar-tema-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-update-wordpress-theme","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-update-wordpress-theme","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-update-wordpress-theme","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-atualizar-tema-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-update-wordpress-theme","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-update-wordpress-theme","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-update-wordpress-theme","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-update-wordpress-theme","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts\/93878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/users\/76"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/comments?post=93878"}],"version-history":[{"count":13,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts\/93878\/revisions"}],"predecessor-version":[{"id":126987,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts\/93878\/revisions\/126987"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/media?parent=93878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/categories?post=93878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/tags?post=93878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}