{"id":11383,"date":"2022-10-07T10:23:55","date_gmt":"2022-10-07T10:23:55","guid":{"rendered":"https:\/\/colibriwp.com\/blog\/?p=11383"},"modified":"2022-10-07T10:23:55","modified_gmt":"2022-10-07T10:23:55","slug":"how-to-change-wordpress-themes-without-losing-website-content","status":"publish","type":"post","link":"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/","title":{"rendered":"How to Change WordPress Themes Without Losing Website Content"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">So you&#8217;ve come to us because you believe your website has outgrown its current theme and would benefit from a new look with some new features. The good news is that working with WordPress themes is a lot of fun. They are customizable, allowing you to change your website&#8217;s look and feel quickly.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, because themes have become increasingly complex and tailored to specific websites, such as eCommerce stores, they cannot be seamlessly swapped for one another. You will need to do some digging if you want to safely switch from one WordPress theme to another. After all, your active theme is so ingrained in the functionality of your site that any change has the potential to break it.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Changing themes without opening the door for errors and without losing website content can take a little longer than simply clicking the Activate button. However, by following a few simple procedures, you can ensure that your site continues to function normally after the switch, and this is what we&#8217;re about to discuss.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So, let\u2019s get right into it!\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">What you need to do BEFORE changing a WordPress theme\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">While changing a theme is a matter of a few mouse clicks, you should take some precautions before proceeding.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We recommend you go through the following checklist to ensure that your WordPress theme change goes smoothly and that you don&#8217;t lose any critical data.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Step 1: Make a complete backup of your site.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Before making any changes to your WordPress themes, you must back up all of your files. This is only a precautionary measure, as changing themes does not automatically result in losing your entire website, but it&#8217;s better to be safe than sorry.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can back up your files in two ways. You can either use a plugin or manually back up your files.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Plugins like <\/span><a href=\"https:\/\/wordpress.org\/plugins\/updraftplus\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Updraft Plus<\/span><\/a><span style=\"font-weight: 400;\"> and <\/span><a href=\"https:\/\/ithemes.com\/backupbuddy\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">BackupBuddy<\/span><\/a><span style=\"font-weight: 400;\"> automatically back up your website&#8217;s plugins, database, themes, content, and other files. In addition, backup plugins will typically store your backup files off-site in a secure location, so you won&#8217;t have to worry about anyone hacking into your data.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You may also consider doing manual backups if you have a large website. Here&#8217;s how to backup manually.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Log in to your website&#8217;s admin panel. Your control panel is through your website hosting provider.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select one of the following options: &#8220;FTP access,&#8221; &#8220;FTP settings,&#8221; &#8220;FTP account,&#8221; or &#8220;FTP users.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Log in and copy the files to be backed up from the correct directory. This is accomplished by entering &#8220;ftp:\/yourwebsite.com&#8221; into a different browser. You&#8217;d put your website&#8217;s name where it says &#8220;your website.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Return to the control panel and launch &#8220;phpMyAdmin.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select your database. If you only have one website, it should be the only one.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Export the database. A database export option should be available at this point.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Once exported, you&#8217;ll have a manual backup of your site as it was at the time of the export.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Step 2: Copy the snippets from your current theme.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Some WordPress users like to customize their website by adding code snippets to their theme&#8217;s functions.php file. Unfortunately, people usually forget about these changes because they were made only once.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you or your web developer made these changes, go through your current theme files and note all the extra code you&#8217;ve previously added. This will allow you to include them later in the functions.php file of your new theme or a site-specific WordPress plugin.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Step 3: Copy your website data tracking.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Some users directly add analytics tracking code to their theme files. WordPress themes also allow you to enter Adsense or Analytics code into their settings panel. When you switch themes, however, that information is lost, and your website will no longer be tracked in Google Analytics.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If this is where your Google Analytics code is, make a note of it somewhere, you&#8217;ll remember so you can paste it back into your new website theme&#8217;s footer.php files.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Step 4: Keep your website in Maintenance mode.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">You don&#8217;t want users to see a broken site if they land on your website while transitioning to your new theme. Therefore, we recommend enabling a maintenance mode during the time you will be making the switch. There are numerous maintenance mode plugins to choose from.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For this purpose, we recommend using the <\/span><a href=\"https:\/\/www.seedprod.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">SeedProd<\/span><\/a><span style=\"font-weight: 400;\"> plugin. It&#8217;s a well-known WordPress plugin that lets you easily create beautiful coming soon and maintenance mode pages for your website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To enable maintenance mode, use SeedProd&#8217;s free version. A Premium version is also available, which includes pre-built templates, advanced customization features, and email marketing tool integrations. Install and activate the SeedProd plugin to keep your site in maintenance mode. Simply go to Plugins \u2192 Add New, then Install and Activate.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Step 5: Test load time and compatibility with major browsers.<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Before changing your theme, you should check your website&#8217;s load time to quickly compare the differences in page load time after making changes to your website. You can do so using a WordPress speed testing tool like <\/span><a href=\"https:\/\/www.isitwp.com\/free-website-speed-test-tool-for-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">IsItWP<\/span><\/a><span style=\"font-weight: 400;\">, a free speed testing tool.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Remember that WordPress speed is essential to user experience and SEO, so make sure your new theme is faster than your old one. You should also test your new website theme in all major browsers, such as Internet Explorer, Firefox, Safari, Google Chrome, and Opera Browser.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So, assuming you&#8217;ve done everything we&#8217;ve just mentioned, let&#8217;s look at what you need to do next.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">How to install a WordPress theme<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Following the preceding precautions, the next step is to install a theme for your website.\u00a0 There are thousands of free and paid WordPress themes to choose from. But you&#8217;re reading this article which means you&#8217;ve likely found a good theme for your website&#8217;s needs.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you haven&#8217;t, however, already chosen a theme, we highly recommend the following ones:\u00a0<\/span><\/p>\n<h3>1.<a href=\"https:\/\/colibriwp.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Colibri<\/span><\/a><\/h3>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-11384 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/colibri.jpg\" alt=\"colibri\" width=\"976\" height=\"726\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Colibri is a free multi-purpose theme that gives you much design control, unlike most free WordPress themes. As a result, Colibri is among the top 20 most popular WordPress themes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We recommend you install the Colibri page builder during the theme installation and activation process. This builder will enhance the theme&#8217;s Customizer by adding many powerful features and allowing you to create Colibri sites by dragging and dropping.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s what we like about Colibri:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">90+ free and premium template sites for a wide range of niches. Whether you start from scratch or use a predesigned template, you can easily customize it until it is pixel-perfect.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">150+ predefined blocks that you can modify as you see fit. Some examples are blocks, features, services, teams, testimonials, portfolios, contact blocks, etc.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">40+ drag-and-drop components for creating ultimately custom blocks or customizing existing ones;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Editing a website from header to footer in a single interface;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mobile responsiveness;\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Simple and intuitive user interface.\u00a0<\/span><\/li>\n<\/ul>\n<h3>2. <a href=\"https:\/\/extendthemes.com\/mesmerize\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Mesmerize<\/span><\/a><\/h3>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-11385 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/mesmerize.jpg\" alt=\"\" width=\"956\" height=\"686\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Mesmerize is a free multi-purpose theme that can quickly create a website. It is one of the best customization options (video background, slideshow background, gradient overlays, etc.).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here&#8217;s what we like about Mesmerize:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">It has a lot of content blocks that you can put on a page and combine to make the perfect presentation;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mesmerize provides a plethora of header customization options (which are critical in capturing users&#8217; attention);<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The theme allows you to differentiate between front-page navigation, inner-page navigation, and mobile navigation;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mesmerize is mobile responsive and looks good on mobile and tablet devices.<\/span><\/li>\n<\/ul>\n<h3>3. <a href=\"https:\/\/wordpress.org\/themes\/elevate-wp\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Elevate <\/span><\/a><\/h3>\n<p><img loading=\"lazy\" class=\"size-full wp-image-11386 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/elevate.jpg\" alt=\"\" width=\"989\" height=\"491\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Elevate is a free WordPress theme that was released in late 2021. Unlike most of the themes presented in this article, it is block-based, which means you will customize it within the Default WordPress Editor. The other themes are compatible with the WordPress Customizer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are two primary methods for customizing websites in WordPress:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Using the Customizer &#8211; as Colibri, Mesmerize, Astra, and other older and popular themes do;\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Using the Default Editor, aka Block Editor, aka Gutenberg Editor. In 2018, this new experience became the norm. However, the knowledge is still fundamental, so products like Kubio were created to level it up and give WordPress users more control over their designs.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">What&#8217;s great about it is that it suggests installing Kubio while it&#8217;s activated. <\/span><a href=\"https:\/\/kubiobuilder.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Kubio<\/span><\/a><span style=\"font-weight: 400;\"> is a fantastic website builder that will add unique features to the Elevate theme.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here&#8217;s what we like about the Elevate &amp; Kubio combo:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Designer-made <\/span><a href=\"https:\/\/kubiobuilder.com\/starter-sites\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">starter sites;<\/span><\/a><span style=\"font-weight: 400;\">\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">170+ ready-made sections are divided into various categories: team, clients, portfolio, and features.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">50+ completely customizable blocks Drag and drop blocks like headers, tabs, accordions, sliders, carousels, and many more, then customize them in the upgraded Block Editor.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Font sizes can be specified in PX, REM, or EM.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">To make websites that are easy to remember, use shape dividers, overlays, section overlaps, and parallax.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You can create your color palette and use it throughout the site.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Responsiveness on mobile devices. You can customize the colors, backgrounds, text, and spacing across desktop, tablet, and mobile devices.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Live preview;\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/kubiobuilder.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Full-site editing <\/span><\/a><span style=\"font-weight: 400;\">refers to the ability to edit an entire website in a single interface rather than having to return to the WordPress dashboard to make the header, footer, sidebar, and other changes.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">After you&#8217;ve decided on a theme, you must install it on your WordPress site. You can install a WordPress theme using any of the three methods listed below:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Using the WordPress theme search option;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Uploading a theme from your WordPress Dashboard;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Installing a theme using FTP.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">How to switch WordPress themes without going live\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You&#8217;re ready to switch once you&#8217;ve installed your new theme!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, testing a theme before implementing it on your live website is always advisable. This allows you to test the compatibility of the new theme with your existing plugins and ensure that everything works as expected.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are two methods for changing your WordPress theme without going live:<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">1.Change your WordPress theme using the Live Preview option.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">WordPress, by default, allows you to preview a theme on your website without changing it. To <\/span><span style=\"font-weight: 400;\">do so, navigate to Appearance \u00bb Themes in your admin panel&#8217;s left sidebar.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-11387 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/live-preview.jpg\" alt=\"wordpress theme live preview\" width=\"1896\" height=\"787\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This page displays all of the themes that have been installed on your site. To preview a theme, move your mouse over it and click the Live Preview button. The live preview lets you see how the new theme will look on your website before activating it, but it is limited. Furthermore, the live preview will not prevent any code conflicts.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Change your WordPress theme using the Theme Switcha plugin.<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">And, since there is a plugin for everything in WordPress, it stands to reason that there is one for changing WordPress themes. You can use <\/span><a href=\"https:\/\/wordpress.org\/plugins\/theme-switcha\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Theme Switcha<\/span><\/a><span style=\"font-weight: 400;\"> to test your themes on the front end of your site while the active theme is displayed to visitors. This plugin has a few more features, but we&#8217;ll concentrate on the theme-switching capabilities for this article.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You must first install and activate this free plugin. Navigate to Plugins\u00a0 \u2192 Add New and click Install and Activate. Then, navigate your admin panel&#8217;s left sidebar to Settings \u2192 Theme Switcha.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-11388 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/theme-switcha.jpg\" alt=\"theme switcha plugin\" width=\"1848\" height=\"814\" \/><\/p>\n<p><span style=\"font-weight: 400;\">On the Settings page, check the &#8220;Enable theme switching&#8221; box and then scroll down to the bottom of the page to click Save Changes.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-11389 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/enable.jpg\" alt=\"enable switching\" width=\"546\" height=\"86\" \/><\/p>\n<p><span style=\"font-weight: 400;\">At the bottom of this page, this plugin will now display all of your installed themes. Click on your new theme to view it in a new tab of your web browser.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">How to change your theme on Live Site<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">After you&#8217;ve tested your new theme, you can begin changing the theme on your WordPress site. To do so, navigate to Appearance \u2192 Themes in the WordPress admin panel&#8217;s left sidebar.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-11390 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/activate-theme.jpg\" alt=\"activate theme\" width=\"547\" height=\"429\" \/><\/p>\n<p><span style=\"font-weight: 400;\">To change the WordPress theme, hover the mouse cursor over the theme you want to use and then click the Activate button on this page. That&#8217;s all there is to it. You can now view the new theme by visiting your website&#8217;s homepage.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">What you need to do AFTER changing the theme<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">After changing the theme on your website, you must complete the following tasks before exiting maintenance mode:<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Test your website.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">First, ensure that all functionalities, plugins, and widgets are operational. You should also test your website and inspect various elements such as posts, comments, images, and contact forms.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Don&#8217;t forget to check cross-browser compatibility as well. Certain things are displayed differently by different browsers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To ensure your website looks good in all major browsers, test it in multiple browsers such as Google Chrome, Firefox, Safari, and Internet Explorer.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Add your tracking code.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">You should add your analytics and Adsense tracking code to your site after you&#8217;ve tested the features and cross-browser compatibility.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To add the Google Analytics tracking code, use the MonsterInsights plugin. This lets you properly configure analytics and view detailed website statistics directly from your WordPress dashboard.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Turn off Maintenance Mode.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">You can make your site live by turning off the maintenance mode. For example, if using the SeedProd plugin, go to SeedProd \u2192 Pages in your WordPress dashboard and toggle the maintenance mode to &#8216;Inactive.&#8217;<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Test loading time &amp; bounce rate.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Some tools allow you to measure your website&#8217;s loading times by observing how long it takes for its pages to load. <\/span><a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Pingdom Tools<\/span><\/a><span style=\"font-weight: 400;\"> is one of our favorites because it&#8217;s simple and offers multiple test server locations. Enter the URL of the page you want to test and select a server to use Pingdom Tools. There are four servers to choose from, including two in the United States.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Because most popular hosting providers have data centers in the United States, you may see better results when using those servers. However, it would help if you also ran tests on the Australian and Swedish test servers to understand better how quickly your site will load for users in those countries.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It&#8217;s also important to note that you should keep an eye on your site&#8217;s bounce rate after switching themes. If your new theme is unfriendly and difficult to use, it may increase your site&#8217;s bounce rate.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can include related posts, a popular posts widget, and breadcrumbs to reduce bounce rates and increase page views.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Ask for feedback.\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">And, perhaps most importantly, user feedback. Request feedback from your users on how to improve the design of your website. You can use survey forms or an online poll to collect user feedback.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can use an email marketing service to share the new design with your subscribers and solicit feedback. This will help you get ideas on what they would like to see improved.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Things to check out on your website once you switched themes.\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Besides testing your website and adding tracking codes, there are still quite a few things to keep an eye on, such as:\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Design elements<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Certain website design elements are critical and directly impact visitor engagement and user experience. Here are the top few you should look at as soon as the theme change is finished:<\/span><b><\/b><\/p>\n<ul>\n<li aria-level=\"1\"><b>Homepage: <\/b><span style=\"font-weight: 400;\">Is the right page being displayed as the homepage? Some themes have dedicated homepages outside the WordPress page hierarchy, so you must specify which one is the correct homepage. For example, if the old theme had a custom homepage, it would be saved in Page drafts, and the new theme&#8217;s default homepage will appear instead.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Menu: <\/b><span style=\"font-weight: 400;\">Menus may need to be recreated if they have vanished. First, examine each of the links to ensure that they function correctly. Also, double-check that all of the links from the previous theme are still visible. Some may have vanished due to design constraints, for example.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Custom CSS:<\/b><span style=\"font-weight: 400;\"> Custom CSS is code snippets inserted into the site theme to alter the website&#8217;s appearance in addition to the underlying theme. It is a simple method for making bulk changes to templates. This is one of the things that will not be carried over automatically to the new theme because custom CSS is theme-specific. In any case, given that you&#8217;ve just deleted the old music and replaced it with a new one, you should consider whether you need the custom CSS in the new theme.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>User experience:<\/b><span style=\"font-weight: 400;\"> One of the most noticeable differences between themes is the user experience. Although most pieces now display correctly across browsers, this is not always the case. The ability for a site to render correctly on different screen sizes is a cornerstone of modern web design. Check the site&#8217;s loading time as well. Has the installation of the new theme impacted load times? Speed is essential in SEO; as a general rule, you want the new theme to load faster than the previous one. In addition, it enhances the user experience.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Other elements: <\/b><span style=\"font-weight: 400;\">Posts, comment sections, images, pages, forms, and so on must all be checked for consistency.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Errors that may occur when switching WordPress themes<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">In our experience, several things can go wrong with newly installed WordPress themes. Here is a list of potential errors:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The new theme imposes its own layout, causing your existing layout to break;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The theme is incompatible with an installed plugin;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The theme is inconsistent with the current PHP version;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Custom widgets are removed;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The navigation menu may lose links without warning.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Contact forms have stopped working;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Sections within pages may break;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Any shortcodes added by your previous theme are removed;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Errors in schema data.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">This list is not fully comprehensive, but it gives you an idea of the mistakes to avoid. That is why it is critical to install a theme on a staging site first and resolve any issues before making changes to your live site.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Wrap Up<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">And there you have it! After you&#8217;ve taken steps to prepare and protect your website, changing your theme isn&#8217;t as intimidating or scary anymore. People frequently outgrow their site themes and want to replace them, and WordPress themes are excellent ways to give your website a facelift without starting from scratch.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We hope this step-by-step guide will assist you in changing your WordPress theme quickly. Now off you go to get it done!<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So you&#8217;ve come to us because you believe your website has outgrown its current theme and would benefit from a new look with some new features. The good news is that working with WordPress themes is a lot of fun. They are customizable, allowing you to change your website&#8217;s look and feel quickly. However, because&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/\">Read more<\/a><\/p>\n","protected":false},"author":10,"featured_media":11391,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[159],"tags":[366,113],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Change WordPress Themes Without Losing Website Content - ColibriWP Blog<\/title>\n<meta name=\"description\" content=\"Are you interested in knowing how to change WordPress themes without losing content on your website? Then, tag along and find out!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change WordPress Themes Without Losing Website Content - ColibriWP Blog\" \/>\n<meta property=\"og:description\" content=\"Are you interested in knowing how to change WordPress themes without losing content on your website? Then, tag along and find out!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/\" \/>\n<meta property=\"og:site_name\" content=\"ColibriWP Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-07T10:23:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/cartoon-laptop-mobile-phone-with-blank-screen-mockup-3d-illustration.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella Antal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\",\"url\":\"https:\/\/colibriwp.com\/blog\/\",\"name\":\"ColibriWP Blog\",\"description\":\"WordPress know-how to boost your design skills\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/colibriwp.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/cartoon-laptop-mobile-phone-with-blank-screen-mockup-3d-illustration.jpg\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/cartoon-laptop-mobile-phone-with-blank-screen-mockup-3d-illustration.jpg\",\"width\":1500,\"height\":1000,\"caption\":\"how to build a web design workflow\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/#webpage\",\"url\":\"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/\",\"name\":\"How to Change WordPress Themes Without Losing Website Content - ColibriWP Blog\",\"isPartOf\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/#primaryimage\"},\"datePublished\":\"2022-10-07T10:23:55+00:00\",\"dateModified\":\"2022-10-07T10:23:55+00:00\",\"author\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/3d234b7e4d41d932746fe0631223fd1d\"},\"description\":\"Are you interested in knowing how to change WordPress themes without losing content on your website? Then, tag along and find out!\",\"breadcrumb\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/colibriwp.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change WordPress Themes Without Losing Website Content\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/3d234b7e4d41d932746fe0631223fd1d\",\"name\":\"Gabriella Antal\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/01\/76907130_2776094622409631_1640008956757671936_o.jpg\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/01\/76907130_2776094622409631_1640008956757671936_o.jpg\",\"caption\":\"Gabriella Antal\"},\"description\":\"Gabriella is a Content Marketer with a zeal for all-things WordPress. When she's not writing and editing upcoming articles, you can find her hiking with her four-legged buddy.\",\"url\":\"https:\/\/colibriwp.com\/blog\/author\/gabriella-antal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change WordPress Themes Without Losing Website Content - ColibriWP Blog","description":"Are you interested in knowing how to change WordPress themes without losing content on your website? Then, tag along and find out!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/","og_locale":"en_US","og_type":"article","og_title":"How to Change WordPress Themes Without Losing Website Content - ColibriWP Blog","og_description":"Are you interested in knowing how to change WordPress themes without losing content on your website? Then, tag along and find out!","og_url":"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/","og_site_name":"ColibriWP Blog","article_published_time":"2022-10-07T10:23:55+00:00","og_image":[{"width":1500,"height":1000,"url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/cartoon-laptop-mobile-phone-with-blank-screen-mockup-3d-illustration.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gabriella Antal","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/colibriwp.com\/blog\/#website","url":"https:\/\/colibriwp.com\/blog\/","name":"ColibriWP Blog","description":"WordPress know-how to boost your design skills","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colibriwp.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/#primaryimage","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/cartoon-laptop-mobile-phone-with-blank-screen-mockup-3d-illustration.jpg","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2022\/10\/cartoon-laptop-mobile-phone-with-blank-screen-mockup-3d-illustration.jpg","width":1500,"height":1000,"caption":"how to build a web design workflow"},{"@type":"WebPage","@id":"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/#webpage","url":"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/","name":"How to Change WordPress Themes Without Losing Website Content - ColibriWP Blog","isPartOf":{"@id":"https:\/\/colibriwp.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/#primaryimage"},"datePublished":"2022-10-07T10:23:55+00:00","dateModified":"2022-10-07T10:23:55+00:00","author":{"@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/3d234b7e4d41d932746fe0631223fd1d"},"description":"Are you interested in knowing how to change WordPress themes without losing content on your website? Then, tag along and find out!","breadcrumb":{"@id":"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/colibriwp.com\/blog\/how-to-change-wordpress-themes-without-losing-website-content\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colibriwp.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Change WordPress Themes Without Losing Website Content"}]},{"@type":"Person","@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/3d234b7e4d41d932746fe0631223fd1d","name":"Gabriella Antal","image":{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/01\/76907130_2776094622409631_1640008956757671936_o.jpg","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/01\/76907130_2776094622409631_1640008956757671936_o.jpg","caption":"Gabriella Antal"},"description":"Gabriella is a Content Marketer with a zeal for all-things WordPress. When she's not writing and editing upcoming articles, you can find her hiking with her four-legged buddy.","url":"https:\/\/colibriwp.com\/blog\/author\/gabriella-antal\/"}]}},"_links":{"self":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/11383"}],"collection":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/comments?post=11383"}],"version-history":[{"count":1,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/11383\/revisions"}],"predecessor-version":[{"id":11392,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/11383\/revisions\/11392"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media\/11391"}],"wp:attachment":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media?parent=11383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/categories?post=11383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/tags?post=11383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}