{"id":5374,"date":"2020-03-11T15:00:03","date_gmt":"2020-03-11T14:00:03","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=5374"},"modified":"2022-02-17T11:22:09","modified_gmt":"2022-02-17T10:22:09","slug":"how-to-change-wordpress-theme","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-change-wordpress-theme\/","title":{"rendered":"How to Change Your WordPress Theme (Without Breaking Your Website)"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]In this article, we will show you how to safely change your WordPress theme when you already have another theme and plugins installed on your WordPress website. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Changing a WordPress theme is a relatively simple process. Essentially, all you need to do is <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-wordpress-theme\/\">install your WordPress theme<\/a> and activate it after the installation. The entire process may take a few minutes if you\u2019re uploading theme files from your computer <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-use-ftp\/\">using an FTP client<\/a> or cPanel.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>If you choose to <a href=\"https:\/\/qodeinteractive.com\/magazine\/the-link-you-followed-has-expired\/\">upload your theme<\/a> via cPanel<\/strong>, navigate to the <strong>root folder<\/strong> and locate the path to the <strong>themes folder<\/strong>. This is usually a folder with the name<em><strong> wp-content \/ themes<\/strong><\/em> unless you have multiple website subfolders within the root folder. In the themes folder, click on the <strong>Upload button<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Upload-your-theme-via-cPanel.jpg\" class=\"attachment-full size-full\" alt=\"Upload your theme via cPanel\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Upload-your-theme-via-cPanel.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Upload-your-theme-via-cPanel-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Upload-your-theme-via-cPanel-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Within the popup window find the theme folder on your computer and confirm its upload so that you can later activate the theme.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You will apply the same method <strong>if you\u2019re using an FTP client<\/strong> to connect your computer and the server. <strong>Locate the theme folder in the left panel. In the right panel, click on the folder<em> wp-content \/ themes<\/em><\/strong> which contains all the themes on your live site.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Using-an-FTP-client.jpg\" class=\"attachment-full size-full\" alt=\"Using an FTP client\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Using-an-FTP-client.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Using-an-FTP-client-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Using-an-FTP-client-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Drag the local theme folder from the left to the right panel<\/strong>. This will automatically make a new theme available on the live site.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Using the option <em><strong>Appearance &gt; Themes<\/strong><\/em> on your site, locate and activate the installed theme.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Locate-and-activate-the-installed-theme.jpg\" class=\"attachment-full size-full\" alt=\"Locate and activate the nstalled theme\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Locate-and-activate-the-installed-theme.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Locate-and-activate-the-installed-theme-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Locate-and-activate-the-installed-theme-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Before you activate the theme you can preview it using the option <strong>Live preview<\/strong>. Apart from showing you your new site\u2019s look, this option can also show you how the new theme may affect your website.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Live-preview.jpg\" class=\"attachment-full size-full\" alt=\"Live preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Live-preview.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Live-preview-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Live-preview-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, there is a possibility to <strong>change and preview the theme<\/strong> using the <a href=\"https:\/\/wordpress.org\/plugins\/theme-switcha\/\" target=\"_blank\" rel=\"noopener noreferrer\">Theme Switcha plugin<\/a>. After you install and activate this free tool, go to the <strong>plugin settings and enable theme switching<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Theme-Switcha-plugin-Settings.jpg\" class=\"attachment-full size-full\" alt=\"Theme Switcha plugin Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Theme-Switcha-plugin-Settings.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Theme-Switcha-plugin-Settings-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Theme-Switcha-plugin-Settings-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;60px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Change-and-preview-the-theme.jpg\" class=\"attachment-full size-full\" alt=\"Change and preview the theme\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Change-and-preview-the-theme.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Change-and-preview-the-theme-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Change-and-preview-the-theme-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>When you save changes, the plugin will list all the themes that are installed on your website. It takes only a click on the new theme to open a preview in a new tab of your browser.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/All-the-themes-that-are-installed.jpg\" class=\"attachment-full size-full\" alt=\"All the themes that are installed\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/All-the-themes-that-are-installed.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/All-the-themes-that-are-installed-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/All-the-themes-that-are-installed-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;79px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Change a WordPress Theme Manually<\/h2>\n<p>[\/vc_column_text][vc_column_text]If none of the previous methods work for you, you can learn how to change a WordPress theme manually. Some troubleshooting methods incorporate these steps as well.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This method is extremely useful when you are unable to access the control panel due to a website crash. This way, you can troubleshoot the error by manually removing the currently active theme.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This method also utilizes the capabilities of phpMyAdmin to change the active theme directly within the database. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>Start by connecting your computer to the server<\/strong> <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-use-ftp\/\">using FTP software<\/a>. Locate the themes folder with all of the installed themes on your WordPress setup.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connecting-your-computer-to-the-server.jpg\" class=\"attachment-full size-full\" alt=\"Connecting your computer to the server\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connecting-your-computer-to-the-server.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connecting-your-computer-to-the-server-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connecting-your-computer-to-the-server-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Folder names represent the names of the currently installed themes. If you need to add a new theme, follow the steps from the previous section &#8211; simply unpack the new theme\u2019s folder on your computer and transfer it to the wp-content\/themes folder on the server.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>When you access the themes folder with all the available themes on your WordPress site, remember the name of the one you want to activate.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Log into your WordPress hosting plan\u2019s <strong>cPanel<\/strong> and click on the option <strong>phpMyAdmin<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/phpMyAdmin.jpg\" class=\"attachment-full size-full\" alt=\"phpMyAdmin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/phpMyAdmin.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/phpMyAdmin-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/phpMyAdmin-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]When you access the phpMyAdmin panel, <strong>you\u2019ll see a list of databases on the left<\/strong>. <strong>Select the database you\u2019re using for your WordPress site and click on <em>wp-options<\/em><\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Click-on-wp-options.jpg\" class=\"attachment-full size-full\" alt=\"Click on wp options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Click-on-wp-options.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Click-on-wp-options-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Click-on-wp-options-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Short reminder<\/strong>: WordPress is using \u201cwp_\u201d as a prefix for the tables\u2019 default names. However, this <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-change-wordpress-database-prefix\/\">prefix can be changed<\/a>, so you may see tables with a different prefix.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Afterward, locate <em><strong>template<\/strong><\/em> and <em><strong>stylesheet rows<\/strong><\/em> in the right panel.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Locate-template-and-stylesheet-rows.jpg\" class=\"attachment-full size-full\" alt=\"Locate template and stylesheet rows\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Locate-template-and-stylesheet-rows.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Locate-template-and-stylesheet-rows-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Locate-template-and-stylesheet-rows-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Click on the <strong>Edit<\/strong> option in the <em><strong>template<\/strong><\/em> row to open the editor. In the editor, find the <strong>option_value<\/strong> field and change its value by entering the name of the theme you want to use.<strong> This name should match the name of the folder of the theme in \/wp-content\/themes\/ folder<\/strong>. When you finalize the changes, click on the <strong>Go button<\/strong> to save them.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Entering-the-name-of-the-theme.jpg\" class=\"attachment-full size-full\" alt=\"Entering the name of the theme\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Entering-the-name-of-the-theme.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Entering-the-name-of-the-theme-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Entering-the-name-of-the-theme-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Repeat this process with the <em>stylesheet row<\/em><\/strong>. Once these edits take effect, you\u2019ll have a new theme on your website. Check your live site to make sure everything is working fine.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Although changing your theme is a relatively simple process, after the edits you may encounter some issues with your WordPress website. The most common problems include:[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Incompatibility with the plugins used in the previous theme <\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Style options from the previous theme do not apply to the new theme are not visible on the new theme<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Website pages are not displayed properly due to various content editors and custom shortcodes used in different themes<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_column_text]These are the most common problems in the aftermath of changing your WordPress theme, so there are a few tricks to prevent them. [\/vc_column_text][vc_empty_space height=&#8221;81px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;top-picks-banner&#8221;][vc_empty_space height=&#8221;28px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">3 Steps to Change Your WordPress Theme Safely<\/h2>\n<p>[\/vc_column_text][vc_column_text]To avoid problems with compatibility and crashing your website, there are three steps that will help you circumvent any potential problems.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">1. Create a Backup Copy of Your Website<\/h3>\n<p>[\/vc_column_text][vc_column_text]It is recommended to create a backup before any significant change to your WordPress site. This way, if anything goes wrong, you can easily revert to the last working version of your website.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you\u2019ve never <strong>created a backup copy of your site<\/strong>, there are two ways to do it &#8211; <strong>manually or using a plugin<\/strong> such as <a href=\"https:\/\/wordpress.org\/plugins\/updraftplus\/\" target=\"_blank\" rel=\"noopener noreferrer\">UpdraftPlus<\/a>, <a href=\"https:\/\/ithemes.com\/backupbuddy\/\" target=\"_blank\" rel=\"noopener noreferrer\">BackupBuddy<\/a> or <a href=\"https:\/\/wordpress.org\/plugins\/duplicator\/\" target=\"_blank\" rel=\"noopener noreferrer\">Duplicator<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you want to have total control over the entire backup process, avoid using plugins and <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-manually-backup-wordpress-website\/\">manually backup the site<\/a>. If you\u2019re not an experienced administrator, plugins may be a better solution due to automated processes.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For the purposes of this article, we will install one of the most popular backup plugins UpdraftPlus to show you how to create a backup using the plugin. When you install the plugin and activate its options, click on the <strong>Backup Now button<\/strong>:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Backup-Now-button.jpg\" class=\"attachment-full size-full\" alt=\"Backup Now button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Backup-Now-button.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Backup-Now-button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Backup-Now-button-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]No matter which plugin you choose, it is important to <strong>include the database and all relevant files in your backup copy to create a full website backup<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Create-a-full-website-backup.jpg\" class=\"attachment-full size-full\" alt=\"Create a full website backup\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Create-a-full-website-backup.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Create-a-full-website-backup-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Create-a-full-website-backup-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The duration of the backup process depends on your website files\u2019 size and number. It could take a while if you have a more robust site. When the backup is done, you will be able to see your site\u2019s copy in the backup folder. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Copy-in-the-backup-folder.jpg\" class=\"attachment-full size-full\" alt=\"Copy in the backup folder\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Copy-in-the-backup-folder.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Copy-in-the-backup-folder-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Copy-in-the-backup-folder-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If anything goes wrong with your site, you can easily go back to its last working version by clicking on the <strong>Restore button<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">2. Create a Staging Environment<\/h3>\n<p>[\/vc_column_text][vc_column_text]To avoid testing your theme on the live site, it is recommended to create a staging environment where you\u2019ll be able to see how your site behaves with new settings. A staging environment is a copy of your live site with restricted access that allows you to freely experiment with any theme, feature, and plugin you want to add to your site. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The <strong>simplest way to create a staging site<\/strong> is to install <a href=\"https:\/\/qodeinteractive.com\/magazine\/install-wordpress-on-wamp\/\">WAMP<\/a> or <a href=\"https:\/\/qodeinteractive.com\/magazine\/install-wordpress-locally-with-xampp\/\">XAMP<\/a> on your computer. This tool simulates a server that hosts a copy of your WordPress website. Depending on your operating system, you can opt for another server simulator, for example, <a href=\"https:\/\/qodeinteractive.com\/magazine\/install-wordpress-locally-on-mac-using-mamp\/\">MAMP<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]It is a common practice among developers to build a staging site before transferring it to a live server. They also often keep this site for any future experimentation.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, there is an issue with this approach. Some things that work on your local server may not function on a live server due to different server configurations. This is why it is much better to build a staging site on your live server.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]There are two ways to do this &#8211; you can <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-setup-wordpress-staging-site\/\">create a staging environment manually<\/a> or using a plugin. Established hosting providers offer a staging site as a built-in option with their hosting plans. It is easily implemented, making this the easiest way to create a staging environment. For more information, contact your hosting provider.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In case your hosting provider does not offer this option, you can use plugins such as <a href=\"https:\/\/wordpress.org\/plugins\/wp-staging\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Staging &#8211; DB &amp; File Duplicator &amp; Migration plugin<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/all-in-one-wp-migration\/\" target=\"_blank\" rel=\"noopener noreferrer\">All-in-One WP Migration<\/a>, Duplicator. You can also opt for premium plugins such as <a href=\"https:\/\/wpstagecoach.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Stagecoach<\/a> and <a href=\"https:\/\/blogvault.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">BlogVault<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For the purposes of this article, we\u2019ll use WP Staging \u2013 DB &amp; File Duplicator &amp; Migration plugin. Start by installing and activating the plugin. Afterward, navigate to the <strong>plugin dashboard<\/strong> and click on <strong>Create new staging site<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Create-new-staging-site.jpg\" class=\"attachment-full size-full\" alt=\"Create new staging site\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Create-new-staging-site.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Create-new-staging-site-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Create-new-staging-site-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>The next step requires naming your test environment and marking the files and the database that you need<\/strong>. Once you\u2019re finished, click on the button \u201c<strong>Start cloning<\/strong>\u201d:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Start-cloning.jpg\" class=\"attachment-full size-full\" alt=\"Start cloning\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Start-cloning.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Start-cloning-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Start-cloning-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The process may take a while, however, the final result should look like this.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Successfully-create-a-staging-environment.jpg\" class=\"attachment-full size-full\" alt=\"Successfully create a staging environment\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Successfully-create-a-staging-environment.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Successfully-create-a-staging-environment-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Successfully-create-a-staging-environment-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In case you didn\u2019t successfully create a staging environment or there has been an error, the full tutorial for using WP Staging can be found in the <a href=\"https:\/\/wp-staging.com\/docs\/copy-staging-site-to-live-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin\u2019s documentation<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Since you\u2019re creating a full online copy of your website, this process may harm your SEO ranking. That\u2019s why it is recommended not to index your staging environment. Simply navigate to <strong><em>Settings &gt; Reading<\/em><\/strong> and select the option <em><strong>Discourage search engines from indexing this site<\/strong><\/em>. This is how you\u2019ll add a \u201cnoindex\u201d tag to your testing environment.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">3. Test Your Pages, Posts, and Plugins<\/h3>\n<p>[\/vc_column_text][vc_column_text]Finally, you can start testing! Install and activate your new theme in the staging environment. Go through your pages, posts, and plugins, and check for any errors and incompatibilities. Since every WordPress website and theme are specific, there is no one-size-fits-all solution to identifying common issues and their causes. However, here are some things you should look out for:[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Check your pages and posts in detail to make sure they are properly displayed. This is particularly important if you are using additional style options for some page elements.<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Check the plugins you were using with the previous theme, one by one to make sure all of them are working properly with the new theme. Be extra cautious with third-party plugins that come packaged with the theme. Free themes don\u2019t have built-in plugins, so it is always a question whether they are compatible with the plugins you need. Premium themes often include plugins that increase their functionalities, so the risk of compatibility issues is minimal. However, during the theme switch, this may cause problems. This is why it is a good idea to <strong>deactivate and delete all the plugins installed with the old theme (core plugins)<\/strong> and plugins that were created specifically for it. This is what the built-in plugins look like for one of our premium themes. These plugins cannot be used with any other theme. These checks may take a while but be patient &#8211; it is incredibly important to be thorough.<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;14px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Premium-themes-plugins.jpg\" class=\"attachment-full size-full\" alt=\"Premium themes plugins\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Premium-themes-plugins.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Premium-themes-plugins-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Premium-themes-plugins-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;34px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Check the links, shortcodes, and widgets. Some themes come with specific options for content building so their shortcodes and widgets may end up working differently with a new theme.<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_column_text]Keep in mind that changing your theme shuffles things around on your website. However, what matters is to keep your site\u2019s main characteristics intact. If that doesn\u2019t happen, your site will need coding fixes and theme functions edits. In this situation, you may want to reconsider your choice of the theme. [\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final Thoughts<\/h2>\n<p>[\/vc_column_text][vc_column_text]Once you are sure that the new theme won\u2019t crash or break your website, you can install it on your live site. If you want to be sure, you can go through these steps one more time.<strong> Don\u2019t forget to delete the cache memory after any theme or style changes<\/strong>, so your edits can be visible straight away. All that\u2019s left to do is enjoy your new theme![\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Learn how to change the WordPress theme safely when you already have another theme and plugins installed on your website.<\/p>\n","protected":false},"author":10600,"featured_media":5402,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[34,16,4,13],"class_list":["post-5374","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-security","tag-themes","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/5374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/10600"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=5374"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/5374\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/5402"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=5374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=5374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=5374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}