How to Correctly Modification a WordPress Theme (Ultimate Guide)
Are you preparing to alter the WordPress theme of your website? WordPress makes it extremely simple for users to change and manage styles on their site.
Nevertheless, you must remember that altering the look of your live website is a major event. You need to keep particular things in mind prior to and after you alter a style, so you don’t lose any information and site traffic.
In this article, we’ll show you the action by action procedure on how to properly change a WordPress theme with a step by step checklist.
Here’s a fast summary of what you’ll discover in this article:
- Things to Do Prior To Changing a WordPress Style
- How to Set Up a WordPress Style
- How to Modification WordPress Style Without Going Live
- How to Change WordPress Theme on a Live Website
- How to Change WordPress Style By Hand from the Database
- Things to Do After Changing a WordPress Theme
Things to Do Before Altering a WordPress Style
While altering a style is actually a few clicks away, you must take some precautionary actions prior to beginning the procedure.
We recommend that you to go through the following checklist to guarantee that the procedure of changing your WordPress style goes smoothly, and you do not wind up losing essential data.
1. Copy Snippets from Your Present Style
Some intermediate WordPress users like to tailor their site by adding code bits straight to the functions.php file of their theme.
Because these changes were made when, individuals typically ignore them.
If you or your web designer made these changes, then make certain to go through the files of your existing theme and take down all the additional code that you have actually added formerly. This will permit you to add them later on into your brand-new style’s functions.php file or a site-specific WordPress plugin
2. Test Load Time
Before altering your theme, you must inspect the load time of your site, so you can easily compare the differences in the page load time after you made modifications to your site.
You can inspect your site speed by utilizing a tool like Pingdom
Ensure that you test the load time of the homepage and likewise some of your inner pages.
3. Do Not Lose Any Tracking Code
Some users add their analytics tracking code directly to their style files. Likewise, there are WordPress themes that permit you to add Adsense or Analytics code in their settings panel.
Among the most typical mistakes beginners make is to ignore these codes.
You require to ensure that you copy all the tracking codes, so you can add them to your brand-new site after altering the style.
4. Make a Complete Backup
It’s always recommended to support your posts, images, plugins, and the database prior to changing your theme.
You can utilize a WordPress backup plugin to create the backup of your entire website. Ensure that you download this backup to your computer before progressing.
This step will guarantee that you can recuperate your website easily if anything fails.
5. Sidebar Content
Take down these changes. If there is any custom-made code added into a widget, then ensure you copy and paste this code on your computer system, so you can recycle it in your new theme.
6. Keep Your Website on Maintenance Mode
It’s a great practice to put your site on maintenance mode when you’re making modifications to it. You do not want your visitors to see an under building and construction site, right?
We advise using the SeedProd plugin for this purpose.
It’s a popular WordPress plugin that allows you to easily produce stunning coming soon and upkeep mode pages for your website.
To keep your website on maintenance mode, you need to set up and active the SeedProd plugin
Next, head over to SeedProd” Settings page to configure plugin settings. Here you need to pick the Enable Maintenance mode radio button and click the Conserve All Changes button.
How to Set Up a WordPress Theme
After following the above safety measures, the next action is to set up a style that you wish to use on your website.
There are thousands of totally free and paid WordPress themes offered for you to choose from. The reality that you read this short article suggests you have actually most likely found a great theme for your requirements.
If you have not already picked a theme, then we can extremely suggest the following WordPress themes to you:
Divi is one of the most popular WordPress style in the market. It’s powered by the drag and drop Divi Builder which enables you to easily construct any kind of website.
It features 20+ pre-built layouts and 46 various content aspects. You can quickly tailor each element of your website and see the modifications in genuine time.
It’s a translation and RTL-ready style. This permits you to start your site in any language and even produce a multilingual website.
Astra can be easily incorporated with the WooCommerce plugin, so you can easily produce an online store without much hassle. You can also personalize the header, footer, layout, and more utilizing the WordPress Style Customizer.
Our preferred part about Astra is all the starter website design templates it comes with.
Genesis is the most popular WordPress style structure and has actually been developed by the StudioPress group. You can create remarkable websites using the Genesis structure and other StudioPress styles.
The finest part is you’ll get 35+ StudioPress themes for totally free if you register for any WP Engine hosting plan.
OceanWP is a responsive and multi-purpose WordPress theme. It provides numerous demonstration templates that have been constructed with different occupations and services in mind.
It works with the major page builder plugins You can likewise utilize various extensions to take your site to the next level.
Beaver Home Builder is one of the finest drag and drop page home builder plugins that allow you to develop sensational pages for your site with no coding abilities.
Beaver Contractor works with practically every WordPress style, and you can even utilize it to create a custom-made WordPress style without writing any code.
Anyways, we hope the above suggestions will help you to choose a WordPress theme for your website.
When you’ve chosen a style, you need to install it on your WordPress website. Y
ou can utilize any of the following 3 techniques to set up a WordPress style:
- Using the WordPress theme search choice
- Publishing a style from your WordPress Control Panel
- Installing a style utilizing FTP
You can check out our newbie’s guide on how to set up a WordPress theme for help.
How to Change WordPress Style Without Going Live
When you’ve installed your new style, you are all set to change styles.
Nevertheless, it’s always recommended to test a theme prior to changing to it on your live site.
By doing this you’ll have the ability to inspect the compatibility of the new style with your existing plugins and make certain that whatever is working appropriately as wanted.
There are 2 manner ins which you can utilize to alter your WordPress style without going live:
1. Live Sneak Peek Option
By default, WordPress allows you to preview a theme on your website without altering it.
To do that, head over to Look” Themes from the left sidebar of your admin panel.
On this page, you’ll see all the installed styles on your site. You require to hover your mouse over the style you wish to sneak peek and click on the Live Sneak Peek button.
This will open your brand-new theme in the WordPress Theme Customizer. You can now test your new theme and make sure that everything is working properly.
2. Theme Switcha Plugin
Another alternative is to utilize the Style Switcha plugin. It permits you to preview your brand-new style without triggering it.
Initially, you need to set up and trigger this complimentary plugin. Next, go to Settings” Style Switcha from the left sidebar of your admin panel.
On the Settings page, you require to pick the “Enable theme switching” alternative and after that, scroll to the bottom of the page to click on Conserve Changes
This plugin will now show all your set up styles at the bottom of this page. Proceed and click your new style to sneak peek it on a brand-new tab of your web internet browser.
How to Change WordPress Style on Live Site
After you have evaluated your new style, it’s time to begin the process of switching the style on your WordPress website.
To do that, go to Look” Styles from the left sidebar of the WordPress admin panel.
On this page, you require to hover the mouse cursor over the style you wish to utilize and then click the Trigger button to alter the WordPress style.
Now you can go to the homepage of your website to see the brand-new style in action.
How to Modification WordPress Style By Hand
Often an error can make your WordPress admin area unattainable In that case, you won’t be able to alter the theme utilizing the above technique.
However, if you do not have a backup, then you can alter the style manually with the aid of phpMyAdmin.
This approach allows you to inform WordPress which style to utilize by altering the information in the database.
Initially, you need to connect to your website using an FTP customer and go to the/ wp-content/themes/ folder.
Here you’ll be able to see all the themes that are presently installed on your site. You can likewise install a WordPress style via FTP if you do not see it.
Next, you want to write down the folder name of the style you wish to use because you’ll need it later on.
Once you remain in phpMyAdmin, you’ll see a list of databases on the left side of the screen. Merely click on the database that you are utilizing for your WordPress site.
Next, it’ll reveal you the list of tables in this database. You need to click on the “wp_options” table to open it.
Note: By default, WordPress use wp _ as the prefix for the table names. Nevertheless, it’s possible to have a different database prefix, as shown in the above image.
Now you require to locate the template and stylesheet rows on the best panel.
Next, click on the Edit link present in the “design template” row to open the editor.
Here you need to alter the value in the option_value field to the style name that you want to use. It’s usually the like the folder name in/ wp-content/themes/ folder that you copied previously.
When you’re done, click on the Go button to save the changes. Next, go ahead and duplicate the very same procedure for the “stylesheet” row.
After making changes to both the rows, you can go to your website to see the new style in action.
Things to Do After Changing Your Style
Once you have actually altered the theme on your website, you require to take care of specific things prior to shutting off the maintenance mode.
You can take a look at the following checklist of things to do after altering your WordPress theme:
1. Test Your Site
Initially, you require to make certain that all the functionalities, plugins, and widgets are working properly.
You need to invest a long time to evaluate your website and check out various things consisting of the posts, remark section, images, and the contact type
2. Cross Browser Compatibility
Browsers tend of revealing specific things differently.
To ensure that your website looks good in every significant browser, you must test your website in various web browsers consisting of Google Chrome, Firefox, Safari, and Web Explorer.
3. Add Tracking Code
After you’ve checked the features and the cross-browser compatibility, you need to add your analytics and Adsense tracking code to your website.
You can use the MonsterInsights plugin to add the Google Analytics tracking code. This will allow you to appropriately setup analytics and view in-depth site statistics best inside your WordPress dashboard.
4. Switch Off Maintenance Mode
You can disable the maintenance mode on your website to make it go live.
If you’re using the SeedProd plugin, just go to SeedProd” Settings from the left sidebar. On the settings page, select “Disabled” and click on Save All Modifications to turn off the upkeep mode.
5. Test Loading Time
You require to go to the Pingdom website again to check the filling time of your homepage after changing the style.
Next, compare it to the load time when your old style was set up. If you see any major distinctions, you can follow our guide to enhance WordPress speed
6. Monitor Bounce Rate
After switching styles, you ought to keep an eye on the bounce rate of your site.
If your brand-new style is not user-friendly and hard to browse, it may increase the bounce rate of your website.
You can include related posts, popular posts widget, and breadcrumbs to minimize the bounce rate and boost page views
7. Ask for Feedback
You can share the brand-new design with your customers using an email marketing service and inquire for their tips. This will help you to get ideas on what they would like to see improved.
We hope this step by action guide assisted you quickly change your WordPress theme. You might wish to see our list of the must-have WordPress plugins for business websites