{"id":4406,"date":"2016-10-11T08:43:49","date_gmt":"2016-10-11T12:43:49","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=4406"},"modified":"2020-10-28T09:21:58","modified_gmt":"2020-10-28T13:21:58","slug":"advanced-customizer-options","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-themes\/advanced-customizer-options\/","title":{"rendered":"Using Advanced Customizer Options in WordPress"},"content":{"rendered":"\n

In this article, we will cover the advanced Customizer options<\/strong>. The options within this Customizer tab are, as suggested in the title, geared toward advanced users. From this menu, you can set a static front page, add widget areas to your theme, and even quickly and easily add custom CSS and JavaScript code without editing core files<\/a>. <\/p>\n

The ability to add custom CSS and JS code through the WordPress Customizer interface cuts down on development time because you can try out new code quickly in a non-destructive environment (editing code here cannot disable your site), and you can just as quickly remove code that does not achieve your desired effect.<\/p>\n

Follow along with the steps below to see how you can access these options. If you have not already logged in to your admin menu, go ahead and log in now.<\/p>\n

\n
$\"Customize\"$ <\/a>Click the Customize<\/strong> button.\n
<\/div>\n<\/li>\n
$\"Choose$ <\/a>Select Advanced.<\/strong>\n<\/div>\n<\/li>\n<\/ol>\n
Using a Static Front Page<\/h2>\n
By default, your BoldGrid theme uses the Home<\/em> page as a static front page. Static, in this sense, means it will not change until you edit it, unlike a Posts<\/em> page, which will display your latest posts and update automatically when a new post is added.<\/p>\n
To change this behavior, you can switch Front page displays<\/em> from A static page<\/strong> to Your latest posts<\/strong>. This would be ideal if you wanted your front page to be a blog page.<\/p>\n
You can use any page for your Front page<\/em> and\/or Posts page<\/em>.<\/p>\n
Header Settings<\/h2>\n
Here you can add more widget areas to your header. These widget areas will be available under the Widgets<\/em> menu in your customizer.<\/p>\n
Footer Settings<\/h2>\n
Similar to the above Header Settings<\/em>, you can use the Footer Settings<\/em> to add more widget areas to your footer. You can also take more control over other aspects of your footer and even deactivate the footer entirely.<\/p>\n
Attribution Control<\/em> lets you hide the BoldGrid and WordPress attribution links. However, the Special Thanks<\/em> link will remain.<\/p>\n
NOTE: <\/b>If you obtained a BoldGrid Free Connect Key<\/a>, for full support and full functionality we recommend getting an Official Host Premium Connect Key<\/a>. Disabling the Special Thanks<\/em> link, is an exclusive feature unlocked when using a BoldGrid Premium Connect Key<\/a>. See our guide on how to remove Special Thanks and Attribution links<\/a> for more information.<\/div>\n
Custom JS & CSS<\/h2>\n
$\"Open$ <\/a>This option lets you insert custom code for CSS and JavaScript. All you need to do is click Open Editor<\/strong> for either Custom Theme CSS<\/em> or Custom Theme JS<\/em> and a transparent editor window will appear. Add your code in the editor and changes will take effect instantly.<\/p>\n
As always, make sure to click Save & Publish<\/strong> when you are done editing. Well done! You now have the tools you need to use the advanced Customizer options.
\n <\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"
In this article, we will cover the advanced Customizer options. The options within this Customizer tab are, as suggested in the title, geared toward advanced users. From this menu, you can set a static front page, add widget areas to your theme, and even quickly and easily add custom CSS and JavaScript code without editing […]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"Using Advanced Customizer Options in WordPress | BoldGrid","bgseo_description":"In this article, we will cover the advanced customizer options like adding custom CSS and JavaScript through for custom side-building.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[764],"tags":[29,92],"class_list":["post-4406","post","type-post","status-publish","format-standard","hentry","category-boldgrid-themes","tag-customizer","tag-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/4406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=4406"}],"version-history":[{"count":18,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/4406\/revisions"}],"predecessor-version":[{"id":10932,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/4406\/revisions\/10932"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=4406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=4406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=4406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}