{"id":67986,"date":"2021-10-13T09:34:30","date_gmt":"2021-10-13T09:34:30","guid":{"rendered":"https:\/\/www.vwthemes.com\/?p=67986"},"modified":"2022-01-28T11:35:22","modified_gmt":"2022-01-28T11:35:22","slug":"wp-customizer","status":"publish","type":"post","link":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-customizer\/","title":{"rendered":"A Complete Guide To Use WP Customizer"},"content":{"rendered":"\n<p>WordPress also comes with a built-in WP customizer. Yes, you heard that right. Experienced developers might know this but it is important that beginners should also get to know about it. This customizer lets you do the changes in real-time. Mostly, every theme supports some of the other default customization options, there are many that have additional options and tabs for WP Customizer so that all the customization work can be done without writing any codes. Our <strong><a href=\"https:\/\/www.vwthemes.com\/top-wordpress-themes\/\">top WordPress themes<\/a><\/strong> will let you create stunning websites.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"662\" height=\"375\" src=\"https:\/\/www.vwthemes.com\/wp-content\/uploads\/2021\/08\/WordPress-Customizer1.png\" alt=\"WP Customizer\" class=\"wp-image-67987\" srcset=\"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2021\/08\/WordPress-Customizer1.png 662w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2021\/08\/WordPress-Customizer1-64x36.png 64w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2021\/08\/WordPress-Customizer1-300x170.png 300w\" sizes=\"auto, (max-width: 662px) 100vw, 662px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-accessing-wp-customizer\"><strong>Accessing WP Customizer<\/strong><\/h3>\n\n\n\n<p>You first need to access the WP customizer and for that after logging to the WP admin, go to Appearance &gt; Customize. A customizer interface will get open with the current theme you are using.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-you-can-use-wp-customizer\"><strong>How You Can Use WP Customizer<\/strong><\/h3>\n\n\n\n<p>WP Customizer comes with a set of default panels irrespective of the <strong><a href=\"https:\/\/www.vwthemes.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress Themes<\/a><\/strong> you are using. Every individual panel needs to be clicked for making any changes to it. For making any changes to it, for opening the settings for that particular item, you can also click the blue pencil icon that you can see on the right side of your screen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-site-identity-panel-for-adding-logo-title-and-favicon\"><strong>Site Identity Panel For Adding Logo, Title, and Favicon<\/strong><\/h3>\n\n\n\n<p>After you install WP on your site, it is recommended to change the default site tagline that WordPress adds. You may also keep it blank. For adding the logo, click over the Select logo option for uploading the logo. For Favicon, click over the Select site icon option.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-changing-website-colors-using-wp-customizer\"><strong>Changing Website Colors Using WP Customizer<\/strong><\/h3>\n\n\n\n<p>Depending upon the WP theme you are using, the Colors panel will vary. Some themes may offer options for changing header text color and select color scheme for your website. Some may have different options for color such as headings, links, texts, background, etc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-adding-navigation-menus\"><strong>Adding Navigation Menus<\/strong><\/h3>\n\n\n\n<p>The menu panel gives you control over the menu locations and allows you to create new ones. You can see the existing menu locations by clicking on the option \u201cView All Locations\u201d. for creating the new menu, use the \u201cCreate New Menu\u201d option. After that name the menu and select a location for the same. To proceed, click Next. For adding items, click the Add Items button to open a new panel. For reordering the items, click the Reorder link and make use of the arrow icons for adjusting the menu items.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-managing-widgets-in-wp-customizer\"><strong>Managing Widgets In WP Customizer<\/strong><\/h3>\n\n\n\n<p>For adding and managing the widgets on your website, there is a Widgets panel. A click on this option will show you the various locations where you can add the widgets and this varies depending upon the theme you are using.<\/p>\n\n\n\n<p>Some themes offer multiple widget locations and some may have only one. Whenever you click on any of them, you will be able to see the previously added widgets to that particular location. Click the \u201cAdd a Widget\u201d button that will open a list of available widgets and among them, you need to click on the one you want to add.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-homepage-settings\"><strong>Homepage Settings<\/strong><\/h3>\n\n\n\n<p>In order to have a proper landing page that will display products and services, business websites prefer to use a custom homepage. So to use a custom homepage, select the \u201cA Static Page\u201d radio button available on the Homepage Settings panel. Two new dropdown menus will be opened. One of them can be used to select a page for your homepage and another one for displaying the blog posts. If you don\u2019t have the pages created, you can easily create new ones by clicking the \u201c+ Add New Page\u201d link that can be spotted below the dropdown menu. This will create a blank page and you can have any name for it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-additional-css-panel-to-add-custom-css\"><strong>Additional CSS Panel To Add Custom CSS<\/strong><\/h3>\n\n\n\n<p>You can style your website by adding custom CSS with the help of the Additional CSS panel. It is easier for novices to add custom CSS code to the Additional CSS panel in the WP customizer. While writing the CSS code, WP will automatically give you suggestions regarding attributes depending upon the letter you are typing. Along with that, it displays error messages if a CSS statement is not written properly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-previewing-website-on-different-devices\"><strong>Previewing Website On Different Devices<\/strong><\/h3>\n\n\n\n<p>It is important to check for the responsiveness of your website and how it looks on all the screen sizes with varying resolutions. WP customizer lets you easily check how the website looks on different devices. There are three icons at the bottom of the WP Customizer panel. These icons let you test your website on mobile devices, tablets as well as desktops. The \u201cHide Controls\u201d link is also present at the bottom of the customizer which can be used for hiding the customizer panel for viewing the site properly on the desktop mode.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-publishing-your-wp-customizer-settings\"><strong>Publishing Your WP Customizer Settings<\/strong><\/h3>\n\n\n\n<p>After you are done doing the necessary changes, the next thing is to apply those changes to your site. Otherwise, all the hard work you have done so far will be in vain. For applying the changes you have made, click the \u201cPublish\u201d button and after you are done, click the close button to exit WP customizer. In case you need more time to decide if you are fully satisfied with the changes you have made or need some further modifications, you can save it as a draft. For this, click the gear icon present next to the Publish button. An Action panel will open giving you the options: Publish, Save Draft, and Schedule. <strong><a href=\"https:\/\/www.vwthemes.com\/premium-wordpress-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Premium WordPress themes<\/a><\/strong> from VWthemes to have the best website creation experience. <\/p>\n\n\n\n<p>Select the Save Draft radio button and then click the Save Draft Button for storing the changes. Now copy the Preview link and you can share it with others in order to receive the feedback. The Schedule option is very useful as it lets you publish the changes at a specific date as well as time. Have a look at <strong><a href=\"https:\/\/www.vwthemes.com\/black-and-red-wordpress-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Black And Red WordPress Themes<\/a><\/strong> which are compatible with WP Customizer.<\/p>\n\n\n\n<p>At last, you can click the Discard Changes link if you want to reset the unpublished changes.<\/p>\n\n\n<h2 class=\"test-bundle-banner\"><\/h2>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress also comes with a built-in WP customizer. Yes, you heard that right. Experienced developers might know this but it is important that beginners should also get to know about it. This customizer lets you do the changes in real-time. Mostly, every theme supports some of the other default customization options, there are many that [&hellip;]<\/p>\n","protected":false},"author":9250,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-67986","post","type-post","status-publish","format-standard","hentry","category-about-wp-themes"],"_links":{"self":[{"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/posts\/67986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/users\/9250"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/comments?post=67986"}],"version-history":[{"count":7,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/posts\/67986\/revisions"}],"predecessor-version":[{"id":75216,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/posts\/67986\/revisions\/75216"}],"wp:attachment":[{"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/media?parent=67986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/categories?post=67986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/tags?post=67986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}