{"id":2576,"date":"2019-07-01T18:28:38","date_gmt":"2019-07-01T18:28:38","guid":{"rendered":"http:\/\/sites.rutgers.edu\/documentation\/?page_id=2576"},"modified":"2023-12-05T20:09:03","modified_gmt":"2023-12-05T20:09:03","slug":"customizer","status":"publish","type":"page","link":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/","title":{"rendered":"Customizer"},"content":{"rendered":"<p>The <strong>Customizer<\/strong> is a great way of visually altering global elements of your site, like the header and footer.<\/p>\n<p>The Customizer can be found on the live site by clicking Customize in the Admin Bar, or within the dashboard sidebar under Appearance, again by clicking Customize.<\/p>\n<figure id=\"attachment_3325\" aria-describedby=\"caption-attachment-3325\" style=\"width: 801px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3325\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected.png\" alt=\"\" width=\"801\" height=\"27\" srcset=\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected.png 801w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected-300x10.png 300w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected-768x26.png 768w\" sizes=\"(max-width: 801px) 100vw, 801px\" \/><figcaption id=\"caption-attachment-3325\" class=\"wp-caption-text\">Customize button highlighted in Admin Bar<\/figcaption><\/figure>\n<figure id=\"attachment_3326\" aria-describedby=\"caption-attachment-3326\" style=\"width: 316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3326\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-menu-selected.png\" alt=\"\" width=\"316\" height=\"125\" srcset=\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-menu-selected.png 316w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-menu-selected-300x119.png 300w\" sizes=\"(max-width: 316px) 100vw, 316px\" \/><figcaption id=\"caption-attachment-3326\" class=\"wp-caption-text\">Customize button selected in Dashboard sidebar<\/figcaption><\/figure>\n<p>Within the Customizer, you will see a sidebar to the left with a number of customization options within its drop-down menus.<\/p>\n<p>Beside it is a visual preview of your site that will update automatically to reflect any changes you make using the Customizer options.<\/p>\n<figure id=\"attachment_3331\" aria-describedby=\"caption-attachment-3331\" style=\"width: 1574px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3331\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-view.png\" alt=\"\" width=\"1574\" height=\"642\" srcset=\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-view.png 1574w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-view-300x122.png 300w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-view-1024x418.png 1024w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-view-768x313.png 768w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-view-1536x627.png 1536w\" sizes=\"(max-width: 1574px) 100vw, 1574px\" \/><figcaption id=\"caption-attachment-3331\" class=\"wp-caption-text\">Customizer menu and visual editor<\/figcaption><\/figure>\n<p>These changes are not made permanent until you click the &#8220;Publish&#8221; button at the top of the Customizer menu.<\/p>\n<p>Please note that the Customizer is accessible only to Site Owners, Co-Site Owners, and Support Agents.<\/p>\n<p>A number of editing options and features can be found within the Customizer, including:<\/p>\n<ul>\n<li><a href=\"http:\/\/sites.rutgers.edu\/documentation\/contact-information\/\">Contact Information<\/a><\/li>\n<li><a href=\"http:\/\/sites.rutgers.edu\/documentation\/site-configuration\/header-settings\/\">Header Settings<\/a> (Header Color and Logos)<\/li>\n<li><a href=\"http:\/\/sites.rutgers.edu\/documentation\/site-configuration\/site-settings\/\">Site Settings<\/a> (Maintenance Mode and Google Analytics)<\/li>\n<li><a href=\"http:\/\/sites.rutgers.edu\/documentation\/menus\/\">Menus<\/a><\/li>\n<li><a href=\"http:\/\/sites.rutgers.edu\/documentation\/widgets\/\">Widgets<\/a><\/li>\n<\/ul>\n<p>Editing options for Menus and Widgets can also be found within the site dashboard.<\/p>\n<h2>Screen Size<\/h2>\n<p>You can preview your site in the Customizer in three different views: desktop, tablet, and mobile. These view options are available at the very bottom of the Customizer menu.<\/p>\n<figure id=\"attachment_2901\" aria-describedby=\"caption-attachment-2901\" style=\"width: 133px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2901 size-full\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/01\/site-customizer-2.png\" alt=\"screen size tabs in customizer\" width=\"133\" height=\"43\" \/><figcaption id=\"caption-attachment-2901\" class=\"wp-caption-text\">Desktop, tablet, and mobile screen size options<\/figcaption><\/figure>\n<p>Choosing any view will modify the size of the preview screen to fit the dimensions of your chosen device.<\/p>\n<p>This feature allows you to easily preview how your site will look across multiple devices in order to create an optimal experience for all users.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Customizer is a great way of visually altering global elements of your site, like the header and footer. The Customizer can be found on the live site by clicking &hellip; <a href=\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/\" class=\"\">Read More<\/a><\/p>\n","protected":false},"author":40,"featured_media":0,"parent":974,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2576","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customizer - Sites@Rutgers Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizer - Sites@Rutgers Documentation\" \/>\n<meta property=\"og:description\" content=\"The Customizer is a great way of visually altering global elements of your site, like the header and footer. The Customizer can be found on the live site by clicking &hellip; Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/\" \/>\n<meta property=\"og:site_name\" content=\"Sites@Rutgers Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-05T20:09:03+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/\",\"url\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/\",\"name\":\"Customizer - Sites@Rutgers Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected.png\",\"datePublished\":\"2019-07-01T18:28:38+00:00\",\"dateModified\":\"2023-12-05T20:09:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/#primaryimage\",\"url\":\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected.png\",\"contentUrl\":\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected.png\",\"width\":801,\"height\":27,\"caption\":\"Customizer selected in Admin Bar\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sites.rutgers.edu\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Site Configuration\",\"item\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Customizer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/#website\",\"url\":\"https:\/\/sites.rutgers.edu\/documentation\/\",\"name\":\"Sites@Rutgers Documentation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sites.rutgers.edu\/documentation\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customizer - Sites@Rutgers Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/","og_locale":"en_US","og_type":"article","og_title":"Customizer - Sites@Rutgers Documentation","og_description":"The Customizer is a great way of visually altering global elements of your site, like the header and footer. The Customizer can be found on the live site by clicking &hellip; Read More","og_url":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/","og_site_name":"Sites@Rutgers Documentation","article_modified_time":"2023-12-05T20:09:03+00:00","og_image":[{"url":"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/","url":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/","name":"Customizer - Sites@Rutgers Documentation","isPartOf":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/#primaryimage"},"image":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/#primaryimage"},"thumbnailUrl":"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected.png","datePublished":"2019-07-01T18:28:38+00:00","dateModified":"2023-12-05T20:09:03+00:00","breadcrumb":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/#primaryimage","url":"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected.png","contentUrl":"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/09\/customizer-header-selected.png","width":801,"height":27,"caption":"Customizer selected in Admin Bar"},{"@type":"BreadcrumbList","@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/customizer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sites.rutgers.edu\/documentation\/"},{"@type":"ListItem","position":2,"name":"Site Configuration","item":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/"},{"@type":"ListItem","position":3,"name":"Customizer"}]},{"@type":"WebSite","@id":"https:\/\/sites.rutgers.edu\/documentation\/#website","url":"https:\/\/sites.rutgers.edu\/documentation\/","name":"Sites@Rutgers Documentation","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sites.rutgers.edu\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/2576"}],"collection":[{"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/comments?post=2576"}],"version-history":[{"count":12,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/2576\/revisions"}],"predecessor-version":[{"id":3333,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/2576\/revisions\/3333"}],"up":[{"embeddable":true,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/974"}],"wp:attachment":[{"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/media?parent=2576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}