The right way to Correctly Change a WordPress Theme (Final Information)

  • January 9, 2023
  • elkenz
  • 15 min read

Are you planning to alter the WordPress theme of your web site? WordPress makes it tremendous simple for customers to alter and handle themes on their web site.

Nonetheless, it’s essential to do not forget that altering the looks of your stay web site is a significant occasion. It’s essential preserve sure issues in thoughts earlier than and after you alter a theme, so that you don’t lose any information and web site visitors.

On this article, we’ll present you the method of the right way to correctly change a WordPress theme with a step-by-step guidelines.

How to Properly Change a WordPress Theme (Ultimate Guide)

Right here’s a fast overview of what you’ll study on this article:

Issues to Do Earlier than Altering a WordPress Theme

Whereas altering a theme is actually just a few clicks away, it’s essential to take some precautionary steps earlier than beginning the method.

We suggest that you simply undergo the next guidelines to make sure that the method of adjusting your WordPress theme goes easily and that you simply don’t find yourself dropping vital information.

1. Copy Snippets from Your Present Theme

Some intermediate WordPress customers wish to customise their web site by including code snippets on to the capabilities.php file of their theme.

Since these modifications had been made as soon as, individuals often neglect about them.

When you or your net developer made these modifications, then be sure to undergo the recordsdata of your present theme and word down all the extra code that you simply’ve added beforehand. This may mean you can add them later into your new theme’s capabilities.php file or a site-specific WordPress plugin.

For extra particulars, see our information on the right way to correctly add customized code in WordPress.

2. Take a look at Load Time

Earlier than altering your theme, you must examine the load time of your web site, so you’ll be able to simply examine the variations within the web page load time after you made modifications to your web site.

Keep in mind, WordPress velocity is a vital consider person expertise and web optimization, so you might want to make it possible for the brand new theme is quicker than your earlier one.

You’ll be able to examine your web site velocity by utilizing a WordPress velocity testing instrument. For extra directions, see our information on the right way to run a web site velocity take a look at.

Just remember to take a look at the load time of the homepage and in addition a few of your internal pages.

3. Don’t Lose Any Monitoring Code

Some customers add their analytics monitoring code on to their theme recordsdata. Additionally, there are WordPress themes that mean you can add Adsense or Analytics code of their settings panel.

Probably the most frequent errors rookies make is to miss these codes.

It’s essential just remember to copy all of the monitoring codes, so you’ll be able to add them to your new web site after altering the theme.

To future proof this, we at all times suggest customers to put in Google analytics utilizing a plugin like MonsterInsights, and for different monitoring codes, we suggest utilizing the header and footer plugin.

4. Make a Full Backup

It’s at all times advisable to again up your posts, pictures, plugins, and the database earlier than altering your theme.

You should utilize a WordPress backup plugin to create the backup of your total web site. Just remember to obtain this backup to your laptop earlier than shifting ahead.

This step will guarantee that you could get better your web site simply if something goes flawed.

5. Sidebar Content

Sidebars are used for including totally different widgets together with social hyperlinks, commercials, subscription types, or a contact kind.

Make an observation of those modifications. If there’s any customized code added to a widget, then be sure to copy and paste this code in your laptop, so you’ll be able to reuse it in your new theme.

6. Hold Your Web site in Upkeep Mode

It’s a very good observe to place your web site in upkeep mode whenever you’re making modifications to it. You don’t need your guests to see an under-construction web site, proper?

We suggest utilizing the SeedProd plugin for this goal. It’s a well-liked WordPress plugin that permits you to simply create lovely coming quickly and upkeep mode pages in your web site.

seedprod website builder

You should utilize SeedProd’s free model to allow upkeep mode. There may be additionally a Premium model that features pre-built templates, superior customization options, and electronic mail advertising and marketing instrument integrations.

To maintain your web site in upkeep mode, you might want to set up and activate the SeedProd plugin. When you need assistance, then comply with our step-by-step information on the right way to set up a WordPress plugin.

Subsequent, head over to SeedProd » Pages out of your WordPress admin panel after which click on the ‘Arrange a Upkeep Mode Web page.’

Set up a maintenance mode page

After that, you’ll want to pick a template in your upkeep mode web page. It’s also possible to use a clean template and create a web page from scratch.

To decide on a template, merely hover over a thumbnail after which click on the examine icon.

Choose a maintenance page template

Now you can use the SeedProd drag and drop web page builder to customise your upkeep mode web page. Merely add new blocks by dragging them from the menu in your left.

SeedProd permits you to add customary blocks for textual content, pictures, buttons, and headlines. It additionally presents superior blocks together with contact types, giveaways, social sharing choices, and rather more.

SeedProd visual editor

Don’t neglect to save lots of your modifications by clicking the ‘Save’ button on the prime proper nook. After that, head over to the ‘Web page Settings’ tab and alter the Web page Standing by toggling to ‘Publish.’

Publish your maintenance mode page

As soon as that’s finished, you’ll be able to go to SeedProd » Pages to allow the upkeep mode. All you must do is toggle the upkeep mode to ‘Energetic.’

Enable maintenance mode in SeedPro

The right way to Set up a WordPress Theme

After following the above precautions, the following step is to put in a theme that you simply wish to use in your web site.

There are literally thousands of free and paid WordPress themes obtainable so that you can decide from. The truth that you’re studying this text means you’ve possible discovered a very good theme in your wants.

When you haven’t already chosen a theme, then we will extremely suggest the next WordPress themes to you:

1. Divi

Divi WordPress theme

Divi is among the hottest WordPress theme available in the market. It’s powered by the drag and drop Divi Builder which lets you simply construct any sort of web site.

It comes with 20+ pre-built layouts and 46 totally different content material components. You’ll be able to simply customise every ingredient of your web site and see the modifications in actual time.

2. Astra

Astra WordPress theme

Astra is a light-weight and speed-optimized WordPress theme. It’s suitable with numerous web page builder plugins like SeedProd, Beaver Builder, Divi, and Visible Composer.

It’s a translation and RTL-ready theme. This lets you begin your web site in any language and even create a multilingual web site.

Astra might be simply built-in with the WooCommerce plugin, so you’ll be able to simply create an internet retailer with out a lot trouble. It’s also possible to customise the header, footer, format, and extra utilizing the WordPress Theme Customizer.

Our favourite half about Astra is all of the starter web site templates it comes with.

3. StudioPress

StudioPress WordPress themes

Genesis is the most well-liked WordPress theme framework and has been constructed by the StudioPress crew. You’ll be able to create wonderful web sites utilizing the Genesis framework and different StudioPress themes.

In case you don’t know, StudioPress is now part of WP Engine, the most well-liked managed WordPress internet hosting firm.

One of the best half is you’ll get 35+ StudioPress themes free of charge for those who join any WP Engine internet hosting plan.

4. OceanWP

OceanWP WordPress theme

OceanWP is a responsive and multi-purpose WordPress theme. It presents a number of demo templates which have been constructed with totally different professions and companies in thoughts.

It’s suitable with the key web page builder plugins. It’s also possible to use totally different extensions to take your web site to the following stage.

5. SeedProd

seedprod website builder

SeedProd is the most effective drag and drop web site builder for WordPress. We already talked about you need to use it to create a upkeep mode web page. However, you too can use it to create a customized WordPress theme with out writing any code.

seedprod customizable themes for woocommerce

SeedProd comes filled with 28+ professionally designed themes to get you began. You’ll be able to simply customise the themes with ready-made blocks, good sections, and WordPress template tags.

When you’ve chosen a theme, you might want to set up it in your WordPress web site. You should utilize any of the next 3 strategies to put in a WordPress theme:

  • Utilizing the WordPress theme search possibility
  • Importing a theme out of your WordPress Dashboard
  • Putting in a theme utilizing FTP

You’ll be able to take a look at our newbie’s information on the right way to set up a WordPress theme for assist.

The right way to Change WordPress Theme With out Going Reside

When you’ve put in your new theme, you’re prepared to change themes.

Nonetheless, it’s at all times advisable to check a theme earlier than switching to it in your stay web site.

This fashion you’ll be capable of examine the compatibility of the brand new theme together with your current plugins and make it possible for all the things is working correctly as desired.

There are two ways in which you need to use to alter your WordPress theme with out going stay:

1. Reside Preview Possibility

By default, WordPress permits you to preview a theme in your web site with out altering it.

To try this, head over to Look » Themes from the left sidebar of your admin panel.

On this web page, you’ll see all of the put in themes in your web site. It’s essential hover your mouse over the theme you wish to preview and click on on the Reside Preview button.

WordPress Theme Live Preview Option

This may open your new theme within the WordPress Theme Customizer. Now you can take a look at your new theme and make it possible for all the things is working correctly.

2. Theme Switcha Plugin

An alternative choice is to make use of the Theme Switcha plugin. It permits you to preview your new theme with out activating it.

First, you might want to set up and activate this free plugin. Subsequent, go to Settings » Theme Switcha from the left sidebar of your admin panel.

Theme Switcha plugin settings page

On the Settings web page, you might want to choose the “Allow theme switching” possibility after which, scroll to the underside of the web page to click on on Save Adjustments.

This plugin will now show all of your put in themes on the backside of this web page. Go forward and click on in your new theme to preview it on a brand new tab of your net browser.

Theme Switcha available themes section

The right way to Change WordPress Theme on Reside Web site

After you have got examined your new theme, it’s time to start out the method of switching the theme in your WordPress web site.

To try this, go to Look » Themes from the left sidebar of the WordPress admin panel.

Change WordPress theme on live website

On this web page, you might want to hover the mouse cursor over the theme you wish to use after which click on on the Activate button to alter the WordPress theme.

Now you’ll be able to go to the homepage of your web site to see the brand new theme in motion.

The right way to Change WordPress Theme Manually

Generally an error could make your WordPress admin space inaccessible. In that case, you gained’t be capable of change the theme utilizing the above technique.

To get better your web site, you might want to restore it from backup, or you might troubleshoot the WordPress error inflicting the issue.

Nonetheless, for those who don’t have a backup, then you’ll be able to change the theme manually with the assistance of phpMyAdmin.

This technique permits you to inform WordPress which theme to make use of by altering the knowledge within the database.

First, you might want to connect with your web site utilizing an FTP consumer and go to the /wp-content/themes/ folder.

FTP WordPress themes folder

Right here you’ll be capable of see all of the themes which can be presently put in in your web site. It’s also possible to set up a WordPress theme by way of FTP for those who don’t see it.

Subsequent, you wish to write down the folder title of the theme you wish to use since you’ll want it later.

After that, you might want to go to the cPanel of your WordPress internet hosting account. On this web page, you’ll have to scroll right down to the Databases part after which click on on phpMyAdmin.

cPanel open phpMyAdmin

As soon as you’re in phpMyAdmin, you’ll see a listing of databases on the left aspect of the display screen. Merely click on on the database that you’re utilizing in your WordPress web site.

phpMyAdmin open database and table

Subsequent, it’ll present you the checklist of tables on this database. It’s essential click on on the “wp_options” desk to open it.

Be aware: By default, WordPress use wp_ because the prefix for the desk names. Nonetheless, it’s attainable to have a distinct database prefix, as proven within the above picture.

Now you might want to find the template and stylesheet rows on the suitable panel.

Template and stylesheet rows

Subsequent, click on on the Edit hyperlink current within the “template” row to open the editor.

Right here you might want to change the worth within the option_value discipline to the theme title that you simply wish to use. It’s often the identical because the folder title in /wp-content/themes/ folder that you simply copied earlier.

Change template value

When you’re finished, click on on the Go button to save lots of the modifications. Subsequent, go forward and repeat the identical course of for the “stylesheet” row.

After making modifications to each the rows, you’ll be able to go to your web site to see the brand new theme in motion.

Issues to Do After Altering Your Theme

When you’ve modified the theme in your web site, you might want to handle sure issues earlier than turning off the upkeep mode.

You’ll be able to take a look at the next guidelines of issues to do after altering your WordPress theme:

1. Take a look at Your Web site

First, you might want to make it possible for all of the functionalities, plugins, and widgets are working correctly.

It’s best to make investments a while to check your web site and take a look at various things together with the posts, remark part, pictures, and the contact kind.

2. Cross Browser Compatibility

Browsers tend of exhibiting sure issues otherwise.

To make it possible for your web site appears good in each main browser, you must take a look at your web site in numerous net browsers together with Google Chrome, Firefox, Safari, and Web Explorer.

3. Add Monitoring Code

After you’ve examined the options and the cross-browser compatibility, you must add your analytics and Adsense monitoring code to your web site.

You should utilize the MonsterInsights plugin so as to add the Google Analytics monitoring code. This may mean you can correctly setup analytics and consider detailed web site stats proper inside your WordPress dashboard.

4. Flip Off Upkeep Mode

You’ll be able to disable the upkeep mode in your web site to make it go stay.

When you’re utilizing the SeedProd plugin, merely go to SeedProd » Pages out of your WordPress dashboard and click on the toggle to ‘Inactive’ to show off the upkeep mode.

Turn off maintenance mode page

5. Take a look at Loading Time

It’s essential go to the Pingdom web site once more to check the loading time of your homepage after altering the theme.

Subsequent, examine it to the load time when your outdated theme was put in. When you see any main variations, you’ll be able to comply with our information to enhance WordPress velocity.

6. Monitor Bounce Fee

After switching themes, you must monitor the bounce charge of your web site.

In case your new theme isn’t user-friendly and tough to navigate, it might enhance the bounce charge of your web site.

You’ll be able to add associated posts, in style posts widget, and breadcrumbs to scale back the bounce charge and enhance web page views.

7. Ask for Suggestions

It’s also possible to ask your customers for suggestions and strategies on the right way to enhance your web site design. You should utilize survey types or on-line ballot to collect person enter.

You’ll be able to share the brand new design together with your subscribers utilizing an electronic mail advertising and marketing service and ask them for his or her strategies. This may assist you to to get concepts on what they want to see improved.

We hope this step-by-step information helped you simply change your WordPress theme. It’s possible you’ll wish to see our checklist of the must-have WordPress plugins for enterprise web sites.

When you favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. It’s also possible to discover us on Twitter and Fb.