{"id":41310,"date":"2015-01-26T02:40:11","date_gmt":"2015-01-26T07:40:11","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=41310"},"modified":"2017-12-13T08:16:02","modified_gmt":"2017-12-13T13:16:02","slug":"wordpress-how-to-customize-template-using-theme-customizer","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-customize-template-using-theme-customizer.html","title":{"rendered":"WordPress. How to customize template using Theme Customizer"},"content":{"rendered":"

\r\n<\/p>\r\n

This tutorial shows how to edit WordPress theme with the customization tool.<\/p>\r\n

WordPress. How to customize template using Theme Customizer<\/a><\/p>\r\n

Please note that each template is unique and the number of options in the Customizer may vary according to the template design and layout.<\/p>\r\n

In order to make the changes to WordPress using the Customization tool, you should do the following:<\/p>\r\n

    \r\n
  1. \r\n

    Log into your WordPress admin and navigate to Appearance -> Customize<\/strong>. The Customizer<\/strong> allows you to preview changes to your site before publishing them. You can also navigate to different pages on your site to preview them.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Under the ‘General’<\/strong> tab of the Customizer you can change:<\/p>\r\n

    – Body background color;<\/strong><\/p>\r\n

    – Body background image;<\/strong><\/p>\r\n

    – Main background color;<\/strong><\/p>\r\n

    – Header color;<\/strong><\/p>\r\n

    – Header image;<\/strong><\/p>\r\n

    – Link color<\/strong>;<\/p>\r\n

    – H1-H6 Headings font;<\/strong><\/p>\r\n

    – Choose whether to display breadcrumbs;<\/strong><\/p>\r\n

    – Choose whether to display the Search Box, etc.<\/strong><\/p>\r\n

    To change the body background color<\/strong>, click ‘Select Color’<\/strong>. The color will apply to the template background right after you click it and the change will be visible on the right side of your customizer page. <\/p>\r\n

    To change the main body background image<\/strong> or the header image<\/strong>, please unfold the corresponding field in Customizer – General<\/strong> tab by clicking the arrow next to the field, click‘Select a File’<\/strong>, select the image of your PC, wait for the image to load and the page to refresh, and you will see the image applied to the site on the right side of your Customizer: <\/p>\r\n

    \"Wordpress<\/a><\/p>\r\n

    You can select the font for H1-H6 Headings<\/strong>:<\/p>\r\n

    \"Wordpress<\/a>\r\n<\/p>\r\n

    If you find the changes applied matching your layout, do not forget to save them by clicking the ‘Save and Publish’<\/strong> button at the top of the Customizer tool:<\/p>\r\n

    \"Wordpress<\/a>\r\n<\/li>\r\n

  3. \r\n

    In the Site Title and Tagline<\/strong> field you can select what kind of logo to use – the image logo<\/strong> or the text logo<\/strong>. <\/p>\r\n

    To change the image logo, in the Logo Image Path<\/strong> field click ‘Select a file’<\/strong> and upload the new logo image from your PC.<\/p>\r\n

    In the Logo Typography<\/strong> field you will be able to change the text logo font.<\/p>\r\n

    The text logo color can be selected in the Logo Color field<\/strong>.<\/p>\r\n

    You will also be able to change the Site Title and the Tagline<\/strong>: <\/p>\r\n

    \"Wordpress<\/a>\r\n<\/li>\r\n

  4. \r\n

    Under the Navigation tab<\/strong> in the Customizer you can select the Header and Footer Menu<\/strong> font and color<\/strong>:<\/p>\r\n

    \"Wordpress<\/a>\r\n <\/li>\r\n

  5. \r\n

    Under the Widgets<\/strong> section of the Customizer you will see the list of widget areas available. Open any widget area to add the new widgets<\/strong> to it or re-oder<\/strong> widgets if there are several widgets located in this area.<\/p>\r\n

    To add the new Widget to the widget area, please click ‘Add a Widget’<\/strong>. Select the widget from the right drop down menu and specify the title<\/strong> for it. Check the corresponding widget area on the site on the right side of the Customer in order to add the widget added to it:<\/p>\r\n

    \"Wordpress<\/a>\r\n<\/li>\r\n

  6. \r\n

    In ‘Slider Settings’<\/strong> you can select the type of Slider to display or disable the slider:<\/p>\r\n

    \"Wordpress<\/a>\r\n<\/li>\r\n

  7. \r\n

    In Blog<\/strong> section of the Customizer you can change:<\/p>\r\n

    – Blog Title;<\/strong><\/p>\r\n

    – Related Posts Title;<\/strong><\/p>\r\n

    – Change the Blog Layout options;<\/strong><\/p>\r\n

    – Set the Blog Image Size;<\/strong> <\/p>\r\n

    – Set Single Post Image Size;<\/strong><\/p>\r\n

    – Select the format of Viewing Meta of the Blog;<\/strong><\/p>\r\n

    – Choose whether to enable<\/strong> or disable the excerpt for blog posts;<\/strong><\/p>\r\n

    – Button text for blog posts (read more)<\/strong>:<\/p>\r\n

    \"Wordpress<\/a>\r\n <\/li>\r\n

  8. \r\n

    In Portfolio<\/strong> section of the Customizer you will be able to change:<\/p>\r\n

    – Portfolio Filter options;<\/strong><\/p>\r\n

    – Choose whether to show the Title;<\/strong><\/p>\r\n

    – Excerpt options;<\/strong><\/p>\r\n

    – Show Button options;<\/strong><\/p>\r\n

    – Change the button text for portfolio posts (read more)<\/strong>:<\/p>\r\n

    \"Wordpress<\/a>\r\n <\/li>\r\n

  9. \r\n

    In the Footer section<\/strong> of the Customizer the Footer copyright text<\/strong> can be modified: <\/p>\r\n

    \"Wordpress<\/a>\r\n<\/li>\r\n<\/ol>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    WordPress. How to customize template using Theme Customizer<\/a><\/p>\r\n<\/p>\r\n

    We would also recommend you to read “How to build a WordPress website”<\/a>.<\/p>\r\n

    If you’re searching for more professional solutions to build a website, have a look at premium wordpress website templates<\/a>.<\/p>\r\n

    <\/p>","protected":false},"excerpt":{"rendered":"

    This tutorial shows how to edit WordPress theme with the customization tool.<\/p>\n","protected":false},"author":62,"featured_media":43189,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[1824,1823,807,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41310"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=41310"}],"version-history":[{"count":3,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41310\/revisions"}],"predecessor-version":[{"id":83490,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41310\/revisions\/83490"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43189"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=41310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=41310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=41310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}