{"id":269,"date":"2020-04-09T07:57:22","date_gmt":"2020-04-09T07:57:22","guid":{"rendered":"http:\/\/sangamkc.com.np\/?p=269"},"modified":"2020-04-10T17:58:21","modified_gmt":"2020-04-10T17:58:21","slug":"how-to-change-the-theme-of-wordpress","status":"publish","type":"post","link":"http:\/\/sangamkc.com.np\/?p=269","title":{"rendered":"How to change the theme of wordpress"},"content":{"rendered":"\n<h3 class=\"has-luminous-vivid-orange-color has-text-color wp-block-heading\">Before changing the theme you have to do the following 15 things to make your site safe.<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">1. Take Notes on Your Current Theme<\/h4>\n\n\n\n<p>Many WordPress users surf the web to find solutions to their problems. Often they find those solutions in form of snippets that they add manually in their theme such as the functions.php or another file. Because these changes were made once, people have a tendency of not remembering them. Go through your theme files and note down all additional code that you added. You also want to check your current theme\u2019s load time because this way you can compare the two. Go to a site like&nbsp;<a href=\"http:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pingdom Tools<\/a>&nbsp;or use YSlow to test out different pages (Yes different pages, not just the homepage).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Be cautious of the Sidebars<\/h4>\n\n\n\n<p>You must make sure that your new theme is widget-ready. Sidebar widgets are really easy to use therefore a lot of users use it to customize it. We notice that sidebars are probably the most user-customized area of WordPress sites. People make tons of changes such as adding custom texts, images, links, advertisement, and other widgets. If you are using a widget-enabled theme, and you switch to a theme that is not widget-ready, then you will lose all of that. If you are using a widget-enabled WordPress theme, then this is not an issue.<\/p>\n\n\n\n<p>Also anything that you modify in sidebar.php file of your old theme, will be overwritten. So make sure that you add those codes in the new theme sidebar.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3. Don\u2019t lose tracking<\/h4>\n\n\n\n<p>Most bloggers use some sort of analytics whether it be&nbsp;<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-install-google-analytics-in-wordpress\/\">Google Analytics<\/a>, or one of the other services. A lot of us don\u2019t use plugins to add the tracking codes. Some of us open the footer.php file and modify the codes. Some of our themes have a spot to place the adsense code. Whichever one is your case, you want to make sure that you copy and paste your tracking code to your new theme. This is one of the things that is very commonly overlooked by users. Because it is so simple, most of us forget about it.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">4. The Good \u2018ol RSS are you working?<\/h4>\n\n\n\n<p>A lot of us use&nbsp;<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/step-by-step-guide-to-setup-feedburner-for-wordpress\/\">FeedBurner<\/a>&nbsp;for our WordPress RSS Feeds. One of the parts of integrating FeedBurner into WordPress is pointing your default feeds to FeedBurner this way you can have analytics on your feed subscribers. A lot of themes like Genesis,&nbsp;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/www.wpbeginner.com\/refer\/standardtheme\/\">Standard Theme<\/a>, and&nbsp;<a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/selecting-the-perfect-theme-for-wordpress\/\">others<\/a>&nbsp;allow you to integrate FeedBurner from their settings panel. You need to make sure that you keep the feed directed to FeedBurner otherwise there will be two RSS feeds for your blog. The main WordPress one, and the FeedBurner one which is taking the info from your WordPress RSS Feed. Except, you will lose count of a lot of the subscriber that you had because they were subscribed using the \/feed\/ url which no longer points to FeedBurner. Again, this does not mean you lose them, it just means that you can\u2019t see them in the FeedBurner count.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">5. Backup!!<\/h4>\n\n\n\n<p>You never have anything to lose by creating a backup. As a precautionary measure, you should backup all of your theme files, plugins, and the database. Although nothing should happen, but you can never be too safe. You can use&nbsp;<a href=\"https:\/\/www.wpbeginner.com\/plugins\/keep-your-wordpress-content-safe-with-backupbuddy\/\">BackupBuddy<\/a>&nbsp;to create a full-site Backup for you.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">6. Maintenance Mode<\/h4>\n\n\n\n<p>You probably don\u2019t want your users to see while you are making the switch because they will end up seeing a broken site or such. It is best to turn on&nbsp;<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-redirect-visitors-to-a-temporary-maintenance-page-in-wordpress-with-maintenance-mode\/\">Maintenance mode<\/a>&nbsp;for 15 \u2013 20 minutes that it may take you to make sure that everything is working properly. Once you have setup Maintenance mode, you are good to go ahead and activate the new theme.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">7. Testing all functionality and plugins<\/h4>\n\n\n\n<p>Once you have the new theme activated, you need to make sure that you retain all the functionality and plugins still work. Remember that good ol\u2019 notes list that you created in step 1. This is the time where that can come handy. Go back and add any and all functionality that you want to bring from the old theme into the new theme if you haven\u2019t done so already. Try out all the features including but not limited to the commenting process, single post pages, search, 404 page, archive page, contact page etc. Make sure all of your widgets are still there and are working.<\/p>\n\n\n\n<p>On the plugin front, you just want to make sure that the formatting is still the same. A lot of plugins utilize your existing styles to display their output. So you probably want to make sure that they still look good with the new theme.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">8. Cross Browser Compatibility<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdn4.wpbeginner.com\/wp-content\/uploads\/2011\/10\/crossbrowser.gif\" alt=\"Cross Browser Compatibility\" class=\"wp-image-4483\" title=\"Cross Browser Compatibility\"\/><\/figure>\n\n\n\n<p>Test your site in all browsers you have access to. Browsers have a tendency of rendering things differently. Specially Internet Explorer. You want to make sure that your design looks good in major browsers. Some pretty looking themes have a tendency of breaking in various browsers. So if a lot of your audience is using Internet Explorer, then you want to make sure that it is still accessible to them.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">9. Make those Third Party Items look pretty<\/h4>\n\n\n\n<p>If you are using&nbsp;<a href=\"https:\/\/www.wpbeginner.com\/refer\/google-adsense\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Adsense<\/a>&nbsp;or another ad company that allows you to format them, then your best bet is to customize them. For example, you previous site was orange, so you had orange links for Google Adsense. Now if it is blue, then you probably want to take that into account.<\/p>\n\n\n\n<p>Same goes for twitter widget, facebook like buttons etc. Adjust those with your new color scheme. If you are going from a light to a dark design, or vice-versa, then you need to make those changes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">10. Let your Users Know<\/h4>\n\n\n\n<p>Turn off maintenance mode, and write a quick blog post to let the users know. Notice, you only spent like 15 \u2013 20 minutes on checking things. There is no way that you could\u2019ve catch all the bugs. By letting your users know, you can expect to get bug reports. We often ask our readers on twitter (@wpbeginner) for bug testing. Ask your audience via twitter, facebook etc to see if the site looks good in their browser. If they say YES, then its good news. If they say NO, then ask them to please take a screenshot of the issue. You can take a look at the issue and try to fix it. If you can\u2019t fix it, then kindly ask the developer of the theme to fix it. Notice: unless you paid for the theme, these developers are NOT required to fix those issues for FREE.<\/p>\n\n\n\n<p>People have all sort of browsers, screen resolutions, etc, so getting their opinion is important. Don\u2019t forget to remind your RSS readers to visit the site as well, so they can see the goodies.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">11. Pruning plugins<\/h4>\n\n\n\n<p>Themes are now coming pre-loaded with a lot of features. For example, if you are using Genesis or another theme that has&nbsp;<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-display-breadcrumb-navigation-links-in-wordpress\/\">BreadCrumbs<\/a>, then you can get rid of Breadcrumb plugin of yours. The concept is simple. Get rid of things that you don\u2019t need. One thing you should make sure though is often plugins can do the job better. For example a lot of themes are coming with tons of SEO features. Genesis,&nbsp;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/www.wpbeginner.com\/refer\/thesis\/\">Thesis<\/a>, Standard Theme, and all others boast their SEO features. We\u2019d rather use a much more powerful plugin like&nbsp;<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-install-and-setup-wordpress-seo-plugin-by-yoast\/\">WordPress SEO by Yoast<\/a>. Make your choices wisely.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">12. Take Baby Steps when Changing<\/h4>\n\n\n\n<p>You are working with a new theme here, so it is probably best that you make changes carefully. Change smaller elements to make sure that it behaves properly in all browsers. Then once you are comfortable enough, then you can make drastic changes. It\u2019s important to learn the structure and semantics of the new theme before you make huge changes. This will allow you to detect the problem right away.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">13. Test Loading Time<\/h4>\n\n\n\n<p>Take the load time numbers that you had on your old theme (from item 1 of this checklist), and compare the two. See what you can do to improve load time by checking out&nbsp;<a href=\"http:\/\/slideshare.net\/wpbeginner\">Syed\u2019s presentation on Slideshare<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">14. Monitor Bounce Rate<\/h4>\n\n\n\n<p>After switching themes, you want to make sure that you are monitoring bounce rate. Some themes are just more friendlier than others when it comes to navigating the readers around your site. If your bounce rate has increased compared to the previous theme, then you should probably work on that. Add related posts widgets, popular posts widgets, or simply have a better call-to-action for new readers.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">15. Listen to your readers, and IMPROVE<\/h4>\n\n\n\n<p>When a new design comes out, users always have suggestions. They either love a specific feature, or hate a specific feature. Communicate with your audience using surveys or Facebook Polls. See what they would like to see improved, and then work on getting that done.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to change a WordPress theme the right way<\/h2>\n\n\n\n<p>In this section, I\u2019m going to focus entirely on the \u201chow\u201d part of how to change a WordPress theme. But we\u2019ve also already written a post with some&nbsp;<a href=\"https:\/\/themeisle.com\/blog\/changing-wordpress-themes\/\">steps to take before changing your WordPress theme<\/a>.<\/p>\n\n\n\n<p>I encourage you to read that post for more details. But in general, we recommend that you:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/themeisle.com\/blog\/back-up-wordpress-website\/\">Back up your site<\/a><\/li><li><a href=\"https:\/\/themeisle.com\/blog\/wordpress-staging-site\/\">Create a staging site<\/a>&nbsp;(<em>if possible<\/em>)<\/li><\/ul>\n\n\n\n<p>Once you have a backup (at a minimum), you\u2019re ready to move on.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install new WordPress theme<\/h3>\n\n\n\n<p>To get started, you need to install the new WordPress theme that you want to use.<\/p>\n\n\n\n<p>To do that:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to&nbsp;<strong>Appearance \u2192 Themes<\/strong><\/li><li>Click on&nbsp;<strong>Add New<\/strong><\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/w:713\/h:349\/q:98\/https:\/\/s15165.pcdn.co\/wp-content\/uploads\/2017\/12\/how-to-change-a-wordpress-theme-2.png\" alt=\"add a new WordPress theme\" class=\"wp-image-10912\"\/><\/figure><\/div>\n\n\n\n<p>If you found your theme at WordPress.org, you can search for it by name and click the install button:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/w:713\/h:340\/q:98\/https:\/\/s15165.pcdn.co\/wp-content\/uploads\/2017\/12\/how-to-change-a-wordpress-theme-3.png\" alt=\"install new WordPress theme\" class=\"wp-image-10913\"\/><\/figure><\/div>\n\n\n\n<p>And if you purchased a premium theme or otherwise have a ZIP file, you can upload the ZIP file by clicking the&nbsp;<strong>Upload Theme<\/strong>&nbsp;button:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/w:713\/h:344\/q:98\/https:\/\/s15165.pcdn.co\/wp-content\/uploads\/2017\/12\/how-to-change-a-wordpress-theme-4.png\" alt=\"Upload a ZIP FILe\" class=\"wp-image-10914\"\/><\/figure><\/div>\n\n\n\n<p><strong>Once you install your new theme, don\u2019t click the activate button yet, though.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Preview new theme with WordPress Customizer<\/h3>\n\n\n\n<p>The WordPress Customizer has a helpful feature that lets you play around with your new theme on a live preview of your site before making it active.<\/p>\n\n\n\n<p>This is helpful because it:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Lets you see how your new theme looks with your existing content<\/li><li>Gives you a chance to correct any issues with menus or widgets<\/li><\/ul>\n\n\n\n<p>Here\u2019s&nbsp;<a href=\"https:\/\/themeisle.com\/blog\/wordpress-customizer-how-to\/\">how to use the WordPress Customizer<\/a>&nbsp;to preview your new theme:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to&nbsp;<strong>Appearance \u2192 Customize&nbsp;<\/strong>in your WordPress dashboard<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/w:713\/h:356\/q:98\/https:\/\/s15165.pcdn.co\/wp-content\/uploads\/2017\/12\/how-to-change-a-wordpress-theme-5.png\" alt=\"access WordPress Customizer\" class=\"wp-image-10915\"\/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>You should see a live preview of your&nbsp;<em>current<\/em>&nbsp;theme<\/li><li>Click&nbsp;<strong>Change<\/strong>&nbsp;in the Customizer sidebar<\/li><li>Click the&nbsp;<strong>Live Preview<\/strong>&nbsp;button next to the new theme that you installed in the previous step<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/w:956\/h:501\/q:98\/https:\/\/s15165.pcdn.co\/wp-content\/uploads\/2017\/12\/how-to-change-a-wordpress-theme-6.gif\" alt=\"how to change a WordPress theme\" class=\"wp-image-10916\"\/><\/figure><\/div>\n\n\n\n<p>Now, you should see a live preview of your existing content using your&nbsp;<em>new&nbsp;<\/em>theme:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/w:713\/h:392\/q:98\/https:\/\/s15165.pcdn.co\/wp-content\/uploads\/2017\/12\/how-to-change-a-wordpress-theme-7.png\" alt=\"previeiwing your new WordPress theme\" class=\"wp-image-10917\"\/><\/figure><\/div>\n\n\n\n<p>You can see that, on my example site, WordPress was actually able to correctly sync up the existing menus and widgets with the new theme.<\/p>\n\n\n\n<p>Hopefully the same happens to you!<\/p>\n\n\n\n<p>But if it doesn\u2019t, you can also use the&nbsp;<strong>Menus<\/strong>&nbsp;and&nbsp;<strong>Widgets<\/strong>&nbsp;options in the Customizer sidebar to fix any issues that you see:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/w:713\/h:420\/q:98\/https:\/\/s15165.pcdn.co\/wp-content\/uploads\/2017\/12\/how-to-change-a-wordpress-theme-8.png\" alt=\"menus and widgets\" class=\"wp-image-10918\"\/><\/figure><\/div>\n\n\n\n<p>Assuming your new theme makes use of the WordPress Customizer, you can also make other tweaks. And you can also click through your site to see how other pages look. For example, if you click on a blog post, WordPress will load that blog post&nbsp;<em>using the preview of your new theme<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Activate new theme<\/h3>\n\n\n\n<p>Once you\u2019re happy with how things look, to make your new theme live, all you need to do is click the&nbsp;<strong>Activate &amp; Publish&nbsp;<\/strong>button:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/w:713\/h:317\/q:98\/https:\/\/s15165.pcdn.co\/wp-content\/uploads\/2017\/12\/how-to-change-a-wordpress-theme-9.png\" alt=\"activate your new theme\" class=\"wp-image-10919\"\/><\/figure><\/div>\n\n\n\n<p>And that\u2019s it! You just learned how to change a WordPress theme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapping things up<\/h2>\n\n\n\n<p>Most people will want to switch themes at some point in their time with WordPress, so learning how to change a WordPress theme is something that every WordPress user should know.<\/p>\n\n\n\n<p>While the actual process itself is simple, doing it the&nbsp;<em>right<\/em>&nbsp;way helps ensure that you don\u2019t just switch themes, but also that your site functions just as well with your new theme as it did with your old theme.<\/p>\n\n\n\n<p>Remember, here\u2019s all you need to do:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Install your new theme<\/li><li>Preview your new theme&nbsp;<em>before activating it<\/em>&nbsp;by using the WordPress Customizer<\/li><li>Make sure your menus and widgets look right<\/li><li>Activate your theme from the WordPress Customizer to make it live<\/li><\/ol>\n\n\n\n<p><strong><em>If you have any other questions about how to change a WordPress theme, leave a comment <\/em><\/strong>box.<\/p>\n\n\n\n<marquee><h2 class=\"wp-block-heading\">THANK YOU FOR VISITING OUR SITE<\/h2><\/marquee>\n","protected":false},"excerpt":{"rendered":"<p>Before changing the theme you have to do the following 15 things to make your<\/p>\n","protected":false},"author":2,"featured_media":270,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27,19],"tags":[62,63],"class_list":["post-269","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-information","category-tech","tag-how-to-change-the-theme-of-wordpress","tag-how-to-change-theme-of-wordpress-without-any-problem"],"_links":{"self":[{"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=\/wp\/v2\/posts\/269"}],"collection":[{"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=269"}],"version-history":[{"count":3,"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=\/wp\/v2\/posts\/269\/revisions"}],"predecessor-version":[{"id":350,"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=\/wp\/v2\/posts\/269\/revisions\/350"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=\/wp\/v2\/media\/270"}],"wp:attachment":[{"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=269"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sangamkc.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}