{"id":529,"date":"2023-03-02T16:01:15","date_gmt":"2023-03-02T16:01:15","guid":{"rendered":"https:\/\/blog.trustedhosting.in\/?p=529"},"modified":"2023-03-02T16:01:15","modified_gmt":"2023-03-02T16:01:15","slug":"wordpress-customize-theme","status":"publish","type":"post","link":"https:\/\/www.webystrata.com\/blog\/wordpress-customize-theme\/","title":{"rendered":"WordPress &#8211; Customize Theme"},"content":{"rendered":"<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\">In this chapter, we will learn how to customize themes. Customizing themes help you to give a new look to your website. Here you can change background images\/colors, add titles, and do much more.<\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\">Following are the steps of\u00a0<span style=\"box-sizing: border-box; font-weight: bolder;\">Customize theme<\/span>.<\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\"><span style=\"box-sizing: border-box; font-weight: bolder;\">Step (1)<\/span>\u00a0\u2212 Click on\u00a0<span style=\"box-sizing: border-box; font-weight: bolder;\">Appearance \u2192 Customize<\/span>.<\/p>\n<p><img decoding=\"async\" style=\"box-sizing: border-box; vertical-align: middle; max-width: 100%; height: 1340px; display: block; clear: both; border-width: 0px; border-color: initial; border-image: initial; color: #747579; font-family: Nunito, sans-serif; font-size: 15px; margin: 0px auto 0px auto;\" src=\"https:\/\/manage.trustedhosting.in\/index.php?rp=\/images\/kb\/317_customize.png\" alt=\"WordPress Customize Theme\" width=\"1000\" \/><\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\"><span style=\"box-sizing: border-box; font-weight: bolder;\">Step (2)<\/span>\u00a0\u2212 The following screen will be displayed.<\/p>\n<p><img decoding=\"async\" style=\"box-sizing: border-box; vertical-align: middle; max-width: 100%; height: 506px; display: block; clear: both; border-width: 0px; border-color: initial; border-image: initial; color: #747579; font-family: Nunito, sans-serif; font-size: 15px; margin: 0px auto 0px auto;\" src=\"https:\/\/manage.trustedhosting.in\/index.php?rp=\/images\/kb\/318_customize-1.png\" alt=\"WordPress Customize Theme\" width=\"1000\" \/><\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\">As can be seen, on the left side we have the customizing section, and on the right side we have the theme you have chosen. So any changes you make on the left side will be displayed on the right side of the page. Here are a few options you must know \u2212<\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\"><span style=\"box-sizing: border-box; font-weight: bolder;\">Active theme<\/span>\u00a0\u2212 In this section, you can change the current theme just by clicking on\u00a0<span style=\"box-sizing: border-box; font-weight: bolder;\">\u2018Change\u2019<\/span>.<\/p>\n<p><img decoding=\"async\" style=\"box-sizing: border-box; vertical-align: middle; max-width: 100%; height: 452px; display: block; clear: both; border-width: 0px; border-color: initial; border-image: initial; color: #747579; font-family: Nunito, sans-serif; font-size: 15px; margin: 0px auto 0px auto;\" src=\"https:\/\/manage.trustedhosting.in\/index.php?rp=\/images\/kb\/319_customize-2.png\" alt=\"WordPress Customize Theme\" width=\"1000\" \/><\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\">When you click on\u00a0<span style=\"box-sizing: border-box; font-weight: bolder;\">\u2018Change\u2019<\/span>\u00a0you get a list of themes, click on any of the themes, and then click\u00a0<span style=\"box-sizing: border-box; font-weight: bolder;\">\u2018Save &amp; Continue\u2019<\/span>. Your theme will be saved.<\/p>\n<p><img decoding=\"async\" style=\"box-sizing: border-box; vertical-align: middle; max-width: 100%; height: 488px; display: block; clear: both; border-width: 0px; border-color: initial; border-image: initial; color: #747579; font-family: Nunito, sans-serif; font-size: 15px; margin: 0px auto 0px auto;\" src=\"https:\/\/manage.trustedhosting.in\/index.php?rp=\/images\/kb\/320_customize-3.png\" alt=\"WordPress Customize Theme\" width=\"1000\" \/><\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\"><span style=\"box-sizing: border-box; font-weight: bolder;\">Site Title &amp; Tagline<\/span>\u00a0\u2212 In this section, you can add the site title and tagline you want to add to your website.<\/p>\n<p><img decoding=\"async\" style=\"box-sizing: border-box; vertical-align: middle; max-width: 100%; height: 1527px; display: block; clear: both; border-width: 0px; border-color: initial; border-image: initial; color: #747579; font-family: Nunito, sans-serif; font-size: 15px; margin: 0px auto 0px auto;\" src=\"https:\/\/manage.trustedhosting.in\/index.php?rp=\/images\/kb\/321_customize-4.png\" alt=\"WordPress Customize Theme\" width=\"1000\" \/><\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\">Add your title name in the\u00a0<span style=\"box-sizing: border-box; font-weight: bolder;\">\u2018Site Title\u2019<\/span>\u00a0section. And your tagline in the\u00a0<span style=\"box-sizing: border-box; font-weight: bolder;\">\u2018Tagline\u2019 box<\/span>.<\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\"><span style=\"box-sizing: border-box; font-weight: bolder;\">Colors<\/span>\u00a0\u2212 You can change your header text color using this section. As you scroll through the colors you find changes happening on the right side of your page. You can even add a color of your own into the box that is situated in between\u00a0<span style=\"box-sizing: border-box; font-weight: bolder;\">\u2018Current color\u2019 and \u2018Default\u2019<\/span>.<\/p>\n<p><img decoding=\"async\" style=\"box-sizing: border-box; vertical-align: middle; max-width: 100%; height: 1359px; display: block; clear: both; border-width: 0px; border-color: initial; border-image: initial; color: #747579; font-family: Nunito, sans-serif; font-size: 15px; margin: 0px auto 0px auto;\" src=\"https:\/\/manage.trustedhosting.in\/index.php?rp=\/images\/kb\/322_customize-5.png\" alt=\"WordPress Customize Theme\" width=\"1000\" \/><\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\"><span style=\"box-sizing: border-box; font-weight: bolder;\">Header Image<\/span>\u00a0\u2212 Add a header image either by selecting from the suggestions or you can add an image of your own by clicking on\u00a0<span style=\"box-sizing: border-box; font-weight: bolder;\">\u2018Add new image\u2019<\/span>.<\/p>\n<p><img decoding=\"async\" style=\"box-sizing: border-box; vertical-align: middle; max-width: 100%; height: 2175px; display: block; clear: both; border-width: 0px; border-color: initial; border-image: initial; color: #747579; font-family: Nunito, sans-serif; font-size: 15px; margin: 0px auto 0px auto;\" src=\"https:\/\/manage.trustedhosting.in\/index.php?rp=\/images\/kb\/323_customize-6.png\" alt=\"WordPress Customize Theme\" width=\"1000\" \/><\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\"><span style=\"box-sizing: border-box; font-weight: bolder;\">Widgets<\/span>\u00a0\u2212 Add widgets to your site from here.<\/p>\n<p><img decoding=\"async\" style=\"box-sizing: border-box; vertical-align: middle; max-width: 100%; height: 163px; display: block; clear: both; border-width: 0px; border-color: initial; border-image: initial; color: #747579; font-family: Nunito, sans-serif; font-size: 15px; margin: 0px auto 0px auto;\" src=\"https:\/\/manage.trustedhosting.in\/index.php?rp=\/images\/kb\/324_1.png\" alt=\"WordPress Customize Theme\" width=\"1000\" \/><\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\">When you click on the arrow mark the following image appears.<\/p>\n<p><img decoding=\"async\" style=\"box-sizing: border-box; vertical-align: middle; max-width: 100%; height: 1769px; display: block; clear: both; border-width: 0px; border-color: initial; border-image: initial; color: #747579; font-family: Nunito, sans-serif; font-size: 15px; margin: 0px auto 0px auto;\" src=\"https:\/\/manage.trustedhosting.in\/index.php?rp=\/images\/kb\/326_customize-7.png\" alt=\"WordPress Customize Theme\" width=\"1000\" \/><\/p>\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\">\n<p style=\"box-sizing: border-box; margin: 0.5em 0em 0.6em; font-size: 16px; text-align: justify; padding: 0px; line-height: 1.6; font-family: Nunito, sans-serif;\"><span style=\"box-sizing: border-box; font-weight: bolder;\">Static Front<\/span>\u00a0\u2212 Select either latest posts or static front page for your site.<\/p>\n<p><img decoding=\"async\" style=\"box-sizing: border-box; vertical-align: middle; max-width: 100%; height: 1520px; display: block; clear: both; border-width: 0px; border-color: initial; border-image: initial; color: #747579; font-family: Nunito, sans-serif; font-size: 15px; margin: 0px auto 0px auto;\" src=\"https:\/\/manage.trustedhosting.in\/index.php?rp=\/images\/kb\/327_customize-8.png\" alt=\"WordPress Customize Theme\" width=\"1000\" \/><\/p>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this chapter, we will learn how to customize themes. Customizing themes help you to give a new look to&hellip;<\/p>\n","protected":false},"author":1,"featured_media":530,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[17],"class_list":["post-529","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-complete-tutorials","tag-wordpress-complete-tutorials"],"_links":{"self":[{"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/posts\/529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/comments?post=529"}],"version-history":[{"count":1,"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/posts\/529\/revisions"}],"predecessor-version":[{"id":531,"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/posts\/529\/revisions\/531"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/media\/530"}],"wp:attachment":[{"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/media?parent=529"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/categories?post=529"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webystrata.com\/blog\/wp-json\/wp\/v2\/tags?post=529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}