Are you thinking about changing the theme of your WordPress website? Wait a minute!

Changing your theme might give your site a fresh look, but it also can cause some issues. You might lose important information or mess up your site layout. But don’t worry – we’re here to help.

In this article, I will show you easy steps to take before changing your WordPress theme. I will also share screenshots of each step to help you understand better.

Let’s get started!

1: Backup Your Current WordPress Website

Before making any changes, backup your entire WordPress site. This step is non-negotiable. Backups act as a safety net, allowing you to revert to your previous theme if anything goes wrong during the transition. Here’s how to do it:

Step 1: Log into your “WordPress dashboard” by entering your username and password in the respective fields and clicking on the “Log In” button.

Howtowp Website Login Page
Howtowp Website Login Page

Note: Once you’re logged in, you’ll be taken to the WordPress dashboard. This is the main administration area of your website.

Dashboard
Dashboard

Step 3: Go to the “Plugins” part of your website. Look for the “Add New” button and click on it.

Go To Plugins And Click The Add New Option
Go To Plugins And Click The Add New Option

Step 4: Go to the “Add Plugins” interface and input “UpdraftPlus WordPress Backup” into the search field before pressing enter. Locate the “UpdraftPlus WordPress Backup” plugin and select the “Install Now” button.

Search And Install The Updraftplus WordPress Backup Plugin
Search And Install The Updraftplus WordPress Backup Plugin

Step 5: Once the installation is done, the “Install Now” button will change to “Activate”. Click the “Activate” button to make the plugin ready for use.

Activate The Updraftplus WordPress Backup Plugin
Activate The Updraftplus WordPress Backup Plugin

Step 6: Now, navigate to the “Settings” section on your WordPress dashboard’s left-hand menu.

Go To Settings And Click On The Updraftplus Backups Option
Go To Settings And Click On The Updraftplus Backups Option

Step 7: In the dropdown list, find and click on the “UpdraftPlus Backups” option. This will direct you to the UpdraftPlus Backups page. Here, click the “Backup Now” button to initiate the backup process for your site.

Click The Backup Now Button
Click The Backup Now Button

Step 8: A popup window will appear, asking for your confirmation. Make sure to check both checkboxes: “Include your database” & “Include your files,” in this window before clicking the “Backup Now” button once more.

Create The Backup
Create The Backup

Step 9: Upon clicking “Backup Now”, the plugin will start making backups of your entire website, including all your plugins, themes, uploads, and the database.

All The Files Are Backed Up
All The Files Are Backed Up

Step 10: Once the backup process is complete, you will be presented with a list of your backups. Here, you can download each part of your backup files one at a time by clicking the corresponding “Download to your computer” links.

Download One At A Time
Download One At A Time

By following these steps, you’ll have a full backup of your WordPress site on your computer, which will be useful when changing your WordPress theme.

While the approach mentioned above is through a WordPress plugin, it’s important to note that many hosting like SiteGround, also offer an option to backup your site through their interface.

Taking The Backup Of The WordPress Website
Taking The Backup Of The WordPress Website

Regardless of the theme change, remember to always have up-to-date site backups. This safeguards your data and ensures you can restore your website to its original state if the theme change does not work as expected.

2: Make a Note of Any WordPress Theme Customizations

When you change your WordPress theme, any special tweaks or changes you made to the original theme’s code will disappear. This happens because those changes were part of the old theme, and when you switch, you start fresh.

To avoid losing these important adjustments, you need to identify and save them so you can add them to your new theme.

First, dive into the files of your current theme. You’re looking for any bits of code that you added or changed. This might be in the “functions.php” file or in other places where you made tweaks. Spot these custom bits so you can move them later.

Functions.php File
Functions.php File

Additionally, if you’ve added custom CSS directly to your theme, you need to write it down or save it somewhere else. WordPress has a handy spot called “Additional CSS” in the Customizer, where you can add custom styles. Moving your CSS to the new theme is a breeze if you’ve used this.

Additional Css
Additional Css

A Pro Tip: Remember to keep these tips handy and do these steps before you switch your WordPress theme. This way, all the unique tweaks and changes you’ve made won’t get lost. You’ll be able to carry over all your personal touches to your new theme with ease.

3: Get Current WordPress Theme Performance Metrics

When pondering over a theme change for your WordPress site, one critical aspect you must consider is its current performance. You can’t accurately assess the impact of a new theme if you have no idea how your website is performing at present.

So, before making any changes, understand your site’s present performance metrics and then compare them afterward. You might wonder, ‘Why is knowing the current performance of my WordPress theme so important?’.

By understanding your site’s performance indicators, you’re setting a baseline against which to measure. Metrics like loading time, page size, and the number of requests your site makes all contribute to the user’s experience on your website.

Getting your site’s performance metrics is not as complex as you might think. Several tools can help make it an effortless process:

  • GTmetrix or Pingdom: These are super-friendly tools that analyze your site’s performance by just entering your site’s URL. From loading times to page size and the number of requests, they give you all the details you need.
Gtmetrix
Gtmetrix
  • Google PageSpeed Insights: For a more comprehensive analysis, you can utilize Google’s own performance tool. It helps you measure how your site performs on mobile and desktop versions and offers suggestions for improvement areas.
Page Speed Tool
Page Speed Tool

Remember, understanding these indicators will not just help you make an informed decision about whether to change your WordPress theme but also guide you on how to optimize your site for better performance.

Now that you know your site’s performance, you can start exploring other themes that offer improved compatibility and features that align with your website’s needs. That new theme may provide just the speed boost or design enhancement that your site needs!

4: Test All Functionality and Installed WordPress Plugins

Testing is an absolutely critical step that should not be overlooked. Here’s why it is so crucial: Not every theme is compatible with every plugin out there for WordPress. By conducting tests, we’re ensuring that your site’s functionality remains intact, even after a theme change. This prevents any unwanted surprises down the line.

If you need to test things, it’s good to have a staging site. What’s a staging site? Think of it as a copy of your website. Some places where you host your website give you this neat option to make a clone of your site. So you get a copy of your own site to test or try new themes without breaking anything on your real website.

One easy way to make a staging site is with the “WP Staging” plugin. With “WP Staging”, you can easily clone your WordPress website for testing and building

Click On Create Staging Site
Click On Create Staging Site

Once you’ve activated the new theme on your staging site, the next step is checking how it gets along with your plugins. Like individuals, themes, too, have a say about their friends. So, it becomes very important to test each plugin one by one. Pay extra attention to plugins that add visible elements to your site, like page builders, contact forms, and more.

Note: Testing might seem like a drag at first but it’s all worth it. Tests are very much like your website’s insurance policy – they help avoid future issues. So, before you dive into changing the WordPress themes, get your ducks in a row and run thorough tests.

5: Put Your WordPress Site Into Maintenance Mode

Maintenance mode is sort of like a “be right back” sign for your website. It lets you work on improving your site without it affecting your visitors’ experience or your website’s SEO. In other words, it’s a neat way to tinker with your site without causing any interruption or inconvenience to your users.

Before you go about changing your WordPress theme, you might want to put your site into maintenance mode. Here’s how you can do that:

Step 1: Start by navigating to your WordPress dashboard. On the left-hand side, you will see an option called “Plugins”. Click on that, and then select the “Add New” option which will take you to a marketplace of various plugins.

Add New Plugin
Add New Plugin

Step 2: In the search bar, type in “Coming Soon & Maintenance Mode”. This is the plugin we are installing. Click ‘Install Now’ to begin the installation process.

Installing The Coming Soon Maintenance Mode Plugin
Installing The Coming Soon Maintenance Mode Plugin

Note: We are using the free version of the plugin here, the name of the plugin might be slightly different. If you want more features, you can opt for the ‘pro’ version available on their official website for purchase.

Step 3: Once you have successfully installed the plugin, an “Activate” button will appear. Click on it to enable the plugin’s functionalities for your site.

Activate The Coming Soon Plugin
Activate The Coming Soon Plugin

Step 4: Now that the plugin is active, you can start creating custom “coming soon” or maintenance pages for your website.

Step 5: In the dashboard on the left, scroll down to the “Settings” option and click it. Inside this menu, you’ll find “Maintenance Mode”. This is where you can manage the settings of your new plugin.

Click Maintenance Mode Under Settings
Click Maintenance Mode Under Settings

Step 6: Next is the “Themes” section. Here you’ll find various themes for your maintenance or upcoming page.

Go To Theme Section
Go To Theme Section

Step 7: Browse through the available themes. Once you find one that matches your aesthetic, you can enable it by clicking on the “Activate” button.

Hit The Activate Button To Select A Theme
Hit The Activate Button To Select A Theme

Step 8: A popup will show up on your screen, which is a confirmation of the theme activation. Continue by clicking on the “OK” button.

Click The Ok Button
Click The Ok Button

Step 9: Navigate to “Design”. This space allows you to tweak and customize various elements of your chosen theme to further personalize your “coming soon” page.

Go To The Design Section
Go To The Design Section

Step 10: Play around with the design elements and customize the page to your liking. Change colors and fonts or add images.

Changing The Layout Of The Page
Changing The Layout Of The Page

Step 11: Made all your changes? Great! Remember to save your progress. You can do this by clicking on the “Save Changes” button.

Hit The Save Changes Button
Hit The Save Changes Button

Step 12: Can’t wait to see how it looks live? Click on “Preview Maintenance Page”! You will be redirected to the preview of the maintenance or coming soon page, where you can see how your new page will look to your visitors.

Previewing The Coming Soon Page
Previewing The Coming Soon Page

So, you’ve tried the plugin, but there’s another simple way to put your site in maintenance mode. This time, it’s about changing a special file called the .htaccess file.

Htaccess File
Htaccess File

Using this method, you guide your visitors to a special page that says you’re fixing up the website.

Remember that working with the .htaccess file is a bit technical, but don’t worry; it’s just like following a recipe! If you like to do things on your own, this method is just the right thing to try. Enjoy making changes to your site!

Bonus: Inform Your Users That Your Website Is Now Live

Once you’ve switched off maintenance mode and your spiffy new website is up and running, let your users know. Inform them in a straightforward and cheerful way about the new features added. You can use an email newsletter or a simple message on your website to announce this.

Social media is another excellent tool for announcing your new website updates. Use your social media channels like Facebook, Twitter, LinkedIn, or Instagram to tell your followers about the facelift your website has received. You can also invite them to provide feedback on the site’s updated look and functionality.

Finally, consider publishing a detailed blog post on your site, explaining what’s new, the reasons behind the changes, and what users can expect moving forward. A blog post gives you the space to dive deeper into the upgrade and explain the benefits to your users.

Subscribe to our Monthly Newsletter

Get monthly updates of WordPress tips, tricks, and tutorials in your email.

Thanks. You have successfully subscribed.

Similar Posts