{"id":744,"date":"2018-07-17T14:13:25","date_gmt":"2018-07-17T14:13:25","guid":{"rendered":"http:\/\/sites.rutgers.edu\/documentation\/?page_id=744"},"modified":"2020-10-26T20:49:48","modified_gmt":"2020-10-26T20:49:48","slug":"front-page","status":"publish","type":"page","link":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/","title":{"rendered":"Front Page"},"content":{"rendered":"<p>As your site&#8217;s homepage, the\u00a0<strong>Front Page<\/strong> is unique in both design and format to quickly grab user attention.<\/p>\n<p>While its creation and editing processes are the same as those for <a href=\"http:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/page-creation-process\/\">Interior Pages<\/a>, the Front Page also offers the Slider, a highly customizable banner area that you can alter to your liking.<\/p>\n<h2>Slider<\/h2>\n<p>The <strong>Slider<\/strong> is a banner-like area on your site&#8217;s front page that rotates through multiple slides of content using a sliding animation.<\/p>\n<p>It can be edited under the Header Banners section of the Front Page&#8217;s page editor.<\/p>\n<figure id=\"attachment_717\" aria-describedby=\"caption-attachment-717\" style=\"width: 1552px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-717 size-full\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider.png\" alt=\"Front Page Slider Editor\" width=\"1552\" height=\"1480\" srcset=\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider.png 1552w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider-300x286.png 300w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider-768x732.png 768w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider-1024x976.png 1024w\" sizes=\"(max-width: 1552px) 100vw, 1552px\" \/><figcaption id=\"caption-attachment-717\" class=\"wp-caption-text\">Sample Slider content viewed in the page editor<\/figcaption><\/figure>\n<p>Keep in mind that the content you add to this section will <em>only<\/em> display in the Slider, and nowhere else on the Front Page.<\/p>\n<p>The slider can be as simple or complex as you&#8217;d like. Adding only one slide will render it as a static banner with no sliding animation, while adding multiple slides will make it automatically rotate.<\/p>\n<p>A slide can contain many different types of content, which you can configure using the &#8220;Slide Type&#8221; dropdown.<\/p>\n<figure id=\"attachment_3463\" aria-describedby=\"caption-attachment-3463\" style=\"width: 534px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3463\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-dropdown-3.png\" alt=\"\" width=\"534\" height=\"226\" srcset=\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-dropdown-3.png 534w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-dropdown-3-300x127.png 300w\" sizes=\"(max-width: 534px) 100vw, 534px\" \/><figcaption id=\"caption-attachment-3463\" class=\"wp-caption-text\">Choosing a slide type in the Slide Type dropdown<\/figcaption><\/figure>\n<h3>Custom Content<\/h3>\n<p>The Custom Content slide type offers all the standard functions of a <a href=\"http:\/\/sites.rutgers.edu\/documentation\/flexible-content-builder-modules\/full-width-text-module\/\">WYSIWYG visual text editor<\/a>. You can add headers, formatted text, Rutgers-styled buttons, and much more to a slide using this slide type.<\/p>\n<figure id=\"attachment_3476\" aria-describedby=\"caption-attachment-3476\" style=\"width: 655px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3476 size-full\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-custom-dashboard-e1603309242370.png\" alt=\"\" width=\"655\" height=\"492\" srcset=\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-custom-dashboard-e1603309242370.png 655w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-custom-dashboard-e1603309242370-300x225.png 300w\" sizes=\"(max-width: 655px) 100vw, 655px\" \/><figcaption id=\"caption-attachment-3476\" class=\"wp-caption-text\">Custom Content side type configuration options<\/figcaption><\/figure>\n<p>You can also select a <strong>Slide Background Image<\/strong> that will appear behind your text area. For best results, this image<strong>\u00a0<\/strong>should be no smaller than 1706 x 500 &#8211; otherwise the display will be stretched.<\/p>\n<figure id=\"attachment_3474\" aria-describedby=\"caption-attachment-3474\" style=\"width: 1481px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3474\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-custom.png\" alt=\"\" width=\"1481\" height=\"491\" srcset=\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-custom.png 1481w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-custom-300x99.png 300w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-custom-1024x339.png 1024w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-custom-768x255.png 768w\" sizes=\"(max-width: 1481px) 100vw, 1481px\" \/><figcaption id=\"caption-attachment-3474\" class=\"wp-caption-text\">Custom Content slide type as viewed on a live site<\/figcaption><\/figure>\n<h3>Specific Post<\/h3>\n<p>The Specific Post slide type allows you to display in the Slider the title and summary of any <a href=\"http:\/\/sites.rutgers.edu\/documentation\/managing-content\/posts\/\">post<\/a> on your site.<\/p>\n<figure id=\"attachment_3467\" aria-describedby=\"caption-attachment-3467\" style=\"width: 590px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3467\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-news-post.png\" alt=\"\" width=\"590\" height=\"255\" srcset=\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-news-post.png 590w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-news-post-300x130.png 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><figcaption id=\"caption-attachment-3467\" class=\"wp-caption-text\">Choosing a specific post slide type in the Slide Type dropdown<\/figcaption><\/figure>\n<p>This slide&#8217;s background image is determined by the displayed post&#8217;s featured image, which can be configured using the Featured Image module on that post&#8217;s page editor.<\/p>\n<h3>Most Recent Post<\/h3>\n<p>The Most Recent Post slide type is much like the Specific Post slide type, but with one key difference: it will always display your site&#8217;s most recently published post.<\/p>\n<p>The contents of this slide will automatically update whenever you publish a new post.<\/p>\n<figure id=\"attachment_3468\" aria-describedby=\"caption-attachment-3468\" style=\"width: 614px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3468\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-recent-post.png\" alt=\"\" width=\"614\" height=\"85\" srcset=\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-recent-post.png 614w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-recent-post-300x42.png 300w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><figcaption id=\"caption-attachment-3468\" class=\"wp-caption-text\">Selecting the Most Recent Post slide type in the Slide Type dropdown<\/figcaption><\/figure>\n<p>As with the Specific Post slide type, the background image will depend on the featured image that has been assigned to that post.<\/p>\n<figure id=\"attachment_3470\" aria-describedby=\"caption-attachment-3470\" style=\"width: 1197px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3470 size-full\" src=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-recent-post-live-e1603309852652.png\" alt=\"\" width=\"1197\" height=\"418\" srcset=\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-recent-post-live-e1603309852652.png 1197w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-recent-post-live-e1603309852652-300x105.png 300w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-recent-post-live-e1603309852652-1024x358.png 1024w, https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2020\/10\/slider-type-recent-post-live-e1603309852652-768x268.png 768w\" sizes=\"(max-width: 1197px) 100vw, 1197px\" \/><figcaption id=\"caption-attachment-3470\" class=\"wp-caption-text\">Recent Post slide type as viewed on a live site<\/figcaption><\/figure>\n<h3>Video Tutorial<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>As your site&#8217;s homepage, the\u00a0Front Page is unique in both design and format to quickly grab user attention. While its creation and editing processes are the same as those for &hellip; <a href=\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/\" class=\"\">Read More<\/a><\/p>\n","protected":false},"author":23,"featured_media":0,"parent":709,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-744","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>Front Page - 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\/managing-content\/pages\/front-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Front Page - Sites@Rutgers Documentation\" \/>\n<meta property=\"og:description\" content=\"As your site&#8217;s homepage, the\u00a0Front Page is unique in both design and format to quickly grab user attention. While its creation and editing processes are the same as those for &hellip; Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Sites@Rutgers Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-26T20:49:48+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/\",\"url\":\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/\",\"name\":\"Front Page - Sites@Rutgers Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider.png\",\"datePublished\":\"2018-07-17T14:13:25+00:00\",\"dateModified\":\"2020-10-26T20:49:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/#primaryimage\",\"url\":\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider.png\",\"contentUrl\":\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider.png\",\"width\":1552,\"height\":1480,\"caption\":\"Front Page Slider Editor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sites.rutgers.edu\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Managing Content\",\"item\":\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Pages\",\"item\":\"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Front Page\"}]},{\"@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":"Front Page - 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\/managing-content\/pages\/front-page\/","og_locale":"en_US","og_type":"article","og_title":"Front Page - Sites@Rutgers Documentation","og_description":"As your site&#8217;s homepage, the\u00a0Front Page is unique in both design and format to quickly grab user attention. While its creation and editing processes are the same as those for &hellip; Read More","og_url":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/","og_site_name":"Sites@Rutgers Documentation","article_modified_time":"2020-10-26T20:49:48+00:00","og_image":[{"url":"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/","url":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/","name":"Front Page - Sites@Rutgers Documentation","isPartOf":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/#primaryimage"},"image":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/#primaryimage"},"thumbnailUrl":"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider.png","datePublished":"2018-07-17T14:13:25+00:00","dateModified":"2020-10-26T20:49:48+00:00","breadcrumb":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/#primaryimage","url":"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider.png","contentUrl":"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/07\/Front-Page-Slider.png","width":1552,"height":1480,"caption":"Front Page Slider Editor"},{"@type":"BreadcrumbList","@id":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/front-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sites.rutgers.edu\/documentation\/"},{"@type":"ListItem","position":2,"name":"Managing Content","item":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/"},{"@type":"ListItem","position":3,"name":"Pages","item":"https:\/\/sites.rutgers.edu\/documentation\/managing-content\/pages\/"},{"@type":"ListItem","position":4,"name":"Front Page"}]},{"@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\/744"}],"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\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/comments?post=744"}],"version-history":[{"count":29,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/744\/revisions"}],"predecessor-version":[{"id":3536,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/744\/revisions\/3536"}],"up":[{"embeddable":true,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/709"}],"wp:attachment":[{"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/media?parent=744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}