{"id":600,"date":"2026-10-26T23:20:53","date_gmt":"2026-10-26T23:20:53","guid":{"rendered":"https:\/\/hillcityweb.com\/themes\/docs\/modality\/front-page\/"},"modified":"2026-10-26T23:36:34","modified_gmt":"2026-10-26T23:36:34","slug":"front-page","status":"publish","type":"page","link":"https:\/\/hillcityweb.com\/themes\/docs\/modality\/front-page\/","title":{"rendered":"Setting up the front page"},"content":{"rendered":"<p>The Modality front page is a stack of sections: an image slider, a get started bar, features, about, services, a call to action, content boxes, get in touch, latest news, your page content and your blog posts. You choose which ones show and in what order.<\/p>\n<h2>Two ways to use the sections<\/h2>\n<h3>1. Home page shows your latest posts<\/h3>\n<p>This is how Modality 1.x worked, and it is still the default. Keep <em>Settings \u2192 Reading \u2192 Your homepage displays<\/em> on <em>Your latest posts<\/em>. The sections appear above your posts.<\/p>\n<h3>2. A static page with the Modality Front Page template<\/h3>\n<ol>\n<li>Create a page (for example \u201cHome\u201d). In the editor\u2019s <em>Template<\/em> setting, choose <strong>Modality Front Page<\/strong>.<\/li>\n<li>In <em>Settings \u2192 Reading<\/em>, choose <em>A static page<\/em> and select that page as the homepage. Pick another page as the posts page if you have a blog.<\/li>\n<\/ol>\n<p>The page now shows the sections, and the page\u2019s own content appears where <em>Page content<\/em> sits in the section order. You can use the template on any page, not only the homepage.<\/p>\n<p>A static homepage with the default template shows only its content, without sections. That is also how 1.x behaved.<\/p>\n<h2>Turn sections on and off, and reorder them<\/h2>\n<p>Go to <em>Appearance \u2192 Customize \u2192 Front Page Sections \u2192 Home Page Settings<\/em>.<\/p>\n<ul>\n<li>Tick the sections you want, such as <em>Enable Image Slider<\/em> or <em>Display Features Section<\/em>.<\/li>\n<li>Use the up and down buttons in <em>Section order<\/em> to change the order. They work with the keyboard too, and the preview follows.<\/li>\n<li><em>Fixed (parallax) section background images<\/em> keeps background images still while the page scrolls.<\/li>\n<\/ul>\n<figure class=\"hcwd-shot\"><a href=\"https:\/\/hillcityweb.com\/themes\/wp-content\/uploads\/hcw-docs\/modality\/customizer-home.jpg\"><img loading=\"lazy\" src=\"https:\/\/hillcityweb.com\/themes\/wp-content\/uploads\/hcw-docs\/modality\/customizer-home.jpg\" alt=\"Home Page Settings with section checkboxes and the section order list\" width=\"1440\" height=\"900\" loading=\"lazy\" decoding=\"async\"><\/a><figcaption>Front Page Sections \u2192 Home Page Settings: which sections show, and in what order.<\/figcaption><\/figure>\n<p>Every section has its own Customizer section for its texts, images and colors. In the preview, hover over a section and click the pencil icon to jump straight to its settings.<\/p>\n<h2>The sections as blocks<\/h2>\n<p>Every section is also a block pattern. In the block editor, open the inserter, choose <em>Patterns \u2192 Modality<\/em> and add a hero, get started bar, features, about, services, call to action, content boxes, get in touch or latest news section to any page or post. Patterns are ordinary blocks, so you edit them right on the page.<\/p>\n<p>Next: <a href=\"..\/slider\/\">The image slider<\/a> and <a href=\"..\/sections\/\">Front page sections<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Modality front page is a stack of sections: an image slider, a get started bar, features, about, services, a call to action, content\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":597,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-600","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/comments?post=600"}],"version-history":[{"count":1,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/600\/revisions"}],"predecessor-version":[{"id":615,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/600\/revisions\/615"}],"up":[{"embeddable":true,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/597"}],"wp:attachment":[{"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/media?parent=600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}