Methods to Correctly Change a WordPress Theme (Final Information)

0


Not too long ago, considered one of our readers requested us tips on how to correctly change a WordPress theme on their web site with out breaking something.

WordPress makes it tremendous simple to vary and handle themes. Nevertheless, it’s worthwhile to do not forget that altering the looks of your stay web site is a serious occasion. You must maintain 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 tips on how to change a WordPress theme with a step-by-step guidelines.

Why Change a WordPress Theme?

It’s possible you’ll wish to change the theme in your WordPress web site to make it higher match your area of interest.

For instance, in case you run a trend weblog, you then would possibly wish to change to a theme with the model of an expert trend web site.

Switching to a distinct theme may also give your web site a recent look, improve the consumer expertise, and even enhance your website’s Search engine optimisation by making it simpler for search engines like google to crawl and index your content material.

Plus, some WordPress themes include built-in options that you could be want in your website. As an illustration, some themes embrace options for eCommerce, membership websites, and portfolios.

Having stated that, let’s see tips on how to correctly change a WordPress theme in your web site. Right here’s a fast overview of what you’ll be taught on this article:

Issues to Do Earlier than Altering a WordPress Theme

Whilst you can simply change a theme with just some clicks, you should take some precautionary steps earlier than beginning this course of.

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 shedding necessary 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 theme’s capabilities.php file.

Since these modifications have been made as soon as, folks often neglect about them.

If you happen to or your net developer made these modifications, then make certain to undergo the recordsdata of your present theme and be aware all the extra code you’ve added beforehand. This may help you add these snippets later into your new theme’s capabilities.php file or a site-specific WordPress plugin.

Skilled Tip: We suggest at all times including code to your web site utilizing WPCode, which is the most effective WordPress code snippets plugin in the marketplace. This manner, while you change to a distinct theme, you received’t have to fret about copying and including code snippets.

For extra particulars, simply see our information on tips on how to correctly add customized code in WordPress.

2. Check Load Time

Earlier than altering your theme, it’s best to examine the load time of your web site. This can assist you simply examine the variations within the web page load time after you make modifications to your web site.

Keep in mind, WordPress velocity is a crucial think about consumer expertise and Search engine optimisation, so it’s worthwhile to make it possible for the brand new theme is quicker than your earlier one.

You may examine your web site velocity through the use of a WordPress velocity check device. For extra directions, see our information on tips on how to run a website velocity check.

Just remember to check the load time of the homepage and in addition a few of your inside pages.

3. Don’t Lose Any Monitoring Code

Some customers add their analytics monitoring code on to their theme recordsdata. Additionally, some WordPress themes help you add AdSense or Analytics code of their settings panels.

One of the crucial widespread errors novices make is to miss these code snippets.

You must just be sure you copy all of the monitoring code so you’ll be able to add it to your new website after altering the theme.

To future-proof this, we at all times suggest customers set up Google Analytics utilizing a plugin like MonsterInsights. This plugin permits you to view the analytics and studies immediately out of your WordPress dashboard with out having so as to add any monitoring code to the theme recordsdata.

Then again, for different monitoring codes like advertisements, we suggest utilizing WPCode. For detailed directions, see our tutorial on tips on how to correctly add Google AdSense to WordPress.

4. Make a Full Backup

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

You need to use a WordPress backup plugin like Duplicator to create a backup of your total website. Just remember to obtain this backup to your pc earlier than shifting ahead.

This step will guarantee which you could get well your web site simply if something goes improper.

For extra data, you’ll be able to see our newbie’s information on tips on how to again up your WordPress website.

5. Sidebar Content material

Sidebars are used for including completely different widgets together with social hyperlinks, ads, subscription kinds, or a contact type.

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 pc in an effort to reuse it in your new theme.

6. Maintain Your Website in Upkeep Mode

It’s a great apply to place your web site in upkeep mode when you find yourself making modifications to it. This may stop customers from seeing an incomplete web site and guarantee a clean transition to a distinct theme.

We suggest utilizing SeedProd for this goal.

It’s the finest WordPress web page builder in the marketplace that permits you to simply create coming quickly and upkeep mode pages in your website.

SeedProd

First, it’s worthwhile to set up and activate the SeedProd plugin. If you happen to need assistance, then comply with our step-by-step information on tips on how to set up a WordPress plugin.

Word: You need to use SeedProd’s free plan to allow upkeep mode. Nevertheless, upgrading to the premium model will unlock extra options like pre-built templates, superior customization options, and e-mail advertising and marketing device integrations.

Subsequent, head over to the SeedProd » Touchdown Pages display out of your WordPress dashboard and click on the ‘Arrange a Upkeep Mode Web page’ button.

Click the Set up maintenance mode page button

After that, you should choose a template in your upkeep mode web page. You too can use a clean template and create a web page from scratch.

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

SeedProd's ready-made maintenance templates

Now you can use SeedProd drag-and-drop web page builder to customise your 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, photos, buttons, and headlines. It additionally provides superior blocks, together with contact kinds, giveaways, social sharing choices, and way more.

Add button block to the maintenance page

Don’t neglect to save lots of your modifications by clicking the ‘Save’ button within the high proper nook.

After that, head over to the ‘Web page Settings’ tab and alter the Web page Standing by toggling it to ‘Publish.’

Toggle page status to publish and click the X icon to exit

When you try this, click on the ‘X’ icon on the high left nook of the display to exit the drag-and-drop builder. This may open a immediate on the display asking you to activate the upkeep mode.

From right here, merely click on the ‘Sure, Activate’ button to show the upkeep mode to the customers visiting your web site.

Click the Yes, Activate button in the prompt

If you happen to want extra inspiration to create a upkeep mode web page, then you’ll be able to see our record of upkeep web page concepts that you need to use in your WordPress website.

Methods 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 website.

When you’ve chosen a theme, it’s worthwhile to set up it in your WordPress website. You need to use any of the next 3 strategies to put in a WordPress theme:

  • Utilizing the WordPress theme search choice
  • Importing a theme out of your WordPress dashboard
  • Putting in a theme utilizing FTP

For extra data, you’ll be able to examine our newbie’s information on tips on how to set up a WordPress theme.

There are millions of free and paid WordPress themes obtainable so that you can choose from. The truth that you might be studying this text means you’ve possible discovered a great theme in your wants.

Nevertheless, in case you haven’t already chosen a theme, then we are able to extremely suggest the next WordPress themes:

1. Astra

Astra WordPress Theme

Astra is a light-weight and speed-optimized WordPress theme that’s appropriate with in style web page builder plugins like SeedProd, Beaver Builder, Divi, and Visible Composer.

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

Astra will also be built-in with the WooCommerce plugin, so you’ll be able to simply create a web based retailer with out a lot trouble. You may even customise the header, footer, format, and extra utilizing the WordPress Theme Customizer.

Our favourite factor about Astra is all of the starter web site templates it comes with. It has greater than 250 choices for all types of niches, together with enterprise web sites, on-line shops, and private blogs.

2. Divi

Elegant Themes Divi

Divi is without doubt one of the hottest WordPress themes in the marketplace. It’s powered by the drag-and-drop Divi Builder, which lets you simply construct any type of web site.

It comes with over 2000 pre-built layouts and 200 completely different content material components. You may simply customise every ingredient of your website and see the modifications in actual time.

Plus, Divi can be tremendous Search engine optimisation-friendly and can assist your website rank increased in Google and different search engines like google.

3. SeedProd

SeedProd

SeedProd is the most effective WordPress theme builder in the marketplace, with over 1 million lively customers.

We already talked about you need to use it to create a upkeep mode web page. However you can even use it to create a customized WordPress theme with out writing any code.

SeedProd comes with a drag-and-drop builder and 300+ professionally designed templates to get you began. You may simply customise your theme with ready-made blocks, good sections, and WordPress template tags.

It additionally exhibits a real-time preview of all of the modifications on the fitting facet of the display, so you’ll be able to see how your web site will seem to customers earlier than it’s even revealed.

4. StudioPress Genesis

StudioPress

Genesis is the most well-liked WordPress theme framework constructed by the StudioPress workforce. You may create wonderful web sites utilizing the Genesis framework and different StudioPress themes.

In case you don’t know, StudioPress is 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 in case you join any WP Engine internet hosting plan.

5. OceanWP

OceanWP

OceanWP is a responsive and multi-purpose WordPress theme. It provides a number of demo templates which were constructed with completely different professions and companies in thoughts.

It’s appropriate with the most important web page builder plugins. You too can use completely different extensions to take your website to the following stage.

Methods to Change WordPress Theme With out Going Stay

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

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

This manner, you’ll be capable of examine the compatibility of the brand new theme along with your current plugins and make it possible for all the pieces is working correctly.

There are 3 ways which you could change your WordPress theme with out going stay.

1. Stay Preview Possibility

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

To do this, head over to the Look » Themes web page from the WordPress admin sidebar.

On this web page, you’ll see all of the put in themes in your website. Go forward and hover your mouse over the theme you wish to preview and click on on the ‘Stay Preview’ button.

View theme live preview

This may open your new theme within the WordPress Theme Customizer.

Now you can check your new theme and make it possible for all the pieces is working correctly.

2. Theme Switcha Plugin

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

First, it’s worthwhile to set up and activate this free plugin. For detailed directions, see our step-by-step information on tips on how to set up a WordPress plugin.

Upon activation, go to the Settings » Theme Switcha web page from the WordPress dashboard and examine the field subsequent to the ‘Allow theme switching’ choice.

Check Enable theme switching

When you try this, scroll to the underside of the web page to click on the ‘Save Adjustments’ button.

This plugin will now show all of your put in themes on the backside of this web page.

Available themes displayed

From right here, merely click on in your new theme to preview it in a brand new net browser tab.

3. Check Your Theme on a Staging Website

You too can check your WordPress theme with out making it stay by making a staging website. This web site is a clone of your stay web site and is used for testing any type of modifications.

You may simply do that through the use of your internet hosting supplier’s built-in staging website characteristic. For this tutorial, we will likely be utilizing Bluehost.

First, you should go to your Bluehost cPanel and click on the ‘My Websites’ button. When you try this, change to the ‘Plugins’ tab and activate the The Bluehost Plugin.

Turn on Bluehost plugin

Subsequent, go to your WordPress dashboard and head to the Bluehost » Staging web page.

From right here, click on on the ‘Create Staging Website’ button to proceed.

Click create staging site button

Bluehost will now put together the staging setting for you.

After that, it can show the ‘Staging Website’ part the place you should examine the ‘Not presently modifying’ field.

Click not currently editing button

This may open a immediate on the display asking you to change to your staging website.

From right here, click on the ‘Swap’ button.

Click switch button

When you try this, you’ll be able to head to the Look » Themes web page from the dashboard and activate any theme that you simply wish to check with out worrying about it affecting your stay website.

Then, when you’re proud of the theme, you’ll be able to simply push the modifications stay.

For extra particulars, you’ll be able to see our newbie’s information on tips on how to simply create a staging setting for a WordPress website.

Activate theme on staging site

Methods to Change WordPress Theme on a Stay Website

After you’ve examined your new theme, it’s time to begin the method of switching the theme in your WordPress website.

To do that, go to the Look » Themes web page from the WordPress admin sidebar.

As soon as you might be there, simply hover the mouse cursor over the theme you wish to use after which click on the ‘Activate’ button to vary the WordPress theme.

Activate theme

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

Methods to Change WordPress Theme Manually

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

To get well your web site, it’s worthwhile to restore it from backup or troubleshoot the WordPress error inflicting the issue.

Nevertheless, in case you 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, it’s worthwhile to hook up with your web site utilizing an FTP consumer and go to the /wp-content/themes/ folder.

Uploading a theme using FTP

Right here, you’ll be capable of see all of the themes which might be presently put in in your web site. You too can set up a WordPress theme by way of FTP in case you don’t see it.

Subsequent, you wish to write down the folder title of the theme you wish to use as a result of you will have it later.

After that, head over to the cPanel of your WordPress internet hosting account. For this tutorial, we will likely be utilizing Bluehost. Nevertheless, your cPanel could look completely different relying on the internet hosting service that you simply use.

On this web page, scroll all the way down to the phpMyAdmin part and click on the ‘Handle’ button subsequent to it.

Click the manage button next to the phpMyAdmin option

As soon as you might be in phpMyAdmin, you’ll see a listing of databases on the left facet of the display. From right here, click on on the database that you’re utilizing in your WordPress website.

This may open all of the database tables in the fitting column of the display. Now, go forward and click on on the wp_options desk to open it up.

Word: By default, WordPress makes use of wp_ because the prefix for the desk names. Nevertheless, it’s doable to have a distinct database prefix, as proven within the picture.

Select wp_options from the list of tables

This may open a listing of different recordsdata that have been saved within the wp_options desk.

From right here, you should find the template and stylesheet rows in the fitting panel.

When you try this, click on on the ‘Edit’ hyperlink within the template row to open the editor.

Locate template and stylesheet rows

Right here, it’s worthwhile to change the worth within the option_value area to the theme title that you simply wish to use.

It’s often the identical because the folder title within the /wp-content/themes/ folder that you simply copied earlier.

Edit template file

As soon as you might be achieved, 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 rows, you’ll be able to go to your web site to see the brand new theme in motion.

Edit stylesheet file

Issues to Do After Altering Your Theme

When you’ve modified the theme in your web site, it’s worthwhile to deal with sure issues earlier than turning off upkeep mode.

You may try the next guidelines of issues to do after altering your WordPress theme.

1. Check Your Web site

First, it’s worthwhile to make it possible for all of the functionalities, plugins, and widgets are working correctly in your website.

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, photos, and get in touch with type.

As soon as you might be glad with how your web site seems and works, you’ll be able to transfer to the following step.

2. Cross Browser Compatibility

Browsers tend to point out sure issues in another way.

To make it possible for your web site seems good in each main browser, it’s best to check your website 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, it’s best to add your analytics and AdSense monitoring code to your website.

You need to use the MonsterInsights plugin so as to add the Google Analytics monitoring code. This may help you correctly arrange analytics and consider detailed web site stats proper inside your WordPress dashboard.

For extra particulars, see our information on tips on how to set up Google Analytics in WordPress.

For including Google AdSense monitoring code, you’ll be able to learn our information on tips on how to correctly add Google AdSense to your WordPress website.

4. Flip Off Upkeep Mode

Now you can disable upkeep mode in your website to make it go stay.

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

Deactivate maintenance mode

5. Check Loading Time

Upon altering your theme, we suggest utilizing the IsItWP Web site SpeedTest Software once more to check the loading time of your homepage.

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

6. Monitor Bounce Price

After switching themes, it’s best to monitor the bounce charge of your website.

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

You may add associated posts, in style posts widgets, and breadcrumbs to scale back the bounce charge and enhance web page views.

7. Ask for Suggestions

You too can ask your customers for suggestions and strategies on tips on how to enhance your website design. You need to use survey kinds or on-line polls to collect consumer enter.

For instance, you would possibly use consumer suggestions so as to add a two-question survey immediate in your web site. For detailed directions, see our tutorial on tips on how to create a survey in WordPress.

You may share the brand new design along with your subscribers utilizing an e-mail advertising and marketing service and ask them for his or her strategies. This may enable you to to get concepts for what they want to see improved.

Bonus: Replace a WordPress Theme With out Dropping Customization

After you have switched to a distinct theme and customised it in accordance with your liking, you’ll want to maintain that theme often up to date to the newer variations.

Nevertheless, while you replace a theme, you’ll be able to lose among the customization settings. For instance, you’ll lose all of the code that you’ve got added to the theme’s capabilities.php file, stylesheet, or templates.

Nevertheless, you’ll be able to simply replace a WordPress theme with out shedding all of your customization by creating a toddler theme.

This theme will inherit the mum or dad theme’s performance, options, and elegance. You may then customise the kid theme with out making any modifications to the unique one.

Subsequent, you should determine all the modifications you made to your theme and duplicate them over to the kid theme. The best approach to do that is by evaluating your outdated and new theme recordsdata utilizing software program like WinMerge or Kaleidoscope.

Winmerge tool

When you make the modifications, merely export the customizer settings from the mum or dad theme and import them to the kid theme.

Upon doing that, you’ll be able to preview your modifications within the customizer and click on the ‘Save & Publish’ button to make these modifications stay.

For extra detailed directions, see our tutorial on tips on how to replace a WordPress theme with out shedding customization.

One other option to replace your theme with out shedding any customization is to at all times add your customized code with WPCode. It’s the finest WordPress code snippet plugin in the marketplace that makes it tremendous simple and secure so as to add customized code to your web site.

WPCode - Best WordPress Code Snippets Plugin

When utilizing this plugin, you received’t have to fret about shedding the customized code in your capabilities.php file, stylesheets, or templates while you replace your theme.

It is because the code will likely be saved in WPCode and can robotically be executed in your website. For particulars, see our full WPCode overview.

We hope this step-by-step information helped you correctly change your WordPress theme. You may additionally wish to see our newbie’s information on tips on how to use the WordPress theme customizer and our high picks for the must-have WordPress plugins for enterprise web sites.

If you happen to appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You too can discover us on Twitter and Fb.



Supply hyperlink

You might also like