{"id":604,"date":"2026-10-26T23:20:53","date_gmt":"2026-10-26T23:20:53","guid":{"rendered":"https:\/\/hillcityweb.com\/themes\/docs\/modality\/slider\/"},"modified":"2026-10-26T23:36:34","modified_gmt":"2026-10-26T23:36:34","slug":"slider","status":"publish","type":"page","link":"https:\/\/hillcityweb.com\/themes\/docs\/modality\/slider\/","title":{"rendered":"The image slider"},"content":{"rendered":"<p>The slider sits at the top of the front page. Turn it on with <em>Enable Image Slider<\/em> in <em>Home Page Settings<\/em>, then set it up in <em>Front Page Sections \u2192 Image Slider Settings<\/em>.<\/p>\n<h2>Where the slides come from<\/h2>\n<p>Choose <em>Slides come from<\/em>:<\/p>\n<ul>\n<li><strong>Posts with a featured image<\/strong>: the newest posts of the <em>Image Slider Category<\/em>, up to <em>Number of Slides<\/em>. Each slide shows the featured image, the post title and the excerpt, and links to the post. Posts without a featured image are skipped. This is how 1.x worked.<\/li>\n<li><strong>Pages chosen below<\/strong>: up to five pages (<em>Page for slide 1\u20135<\/em>), using each page\u2019s featured image, title and excerpt.<\/li>\n<li><strong>Custom slides<\/strong>: up to five slides you write yourself in <em>Front Page Sections \u2192 Slider: Custom Slides<\/em>. A slide needs an image; title, text and button are optional.<\/li>\n<\/ul>\n<figure class=\"hcwd-shot\"><a href=\"https:\/\/hillcityweb.com\/themes\/wp-content\/uploads\/hcw-docs\/modality\/customizer-slides.jpg\"><img loading=\"lazy\" src=\"https:\/\/hillcityweb.com\/themes\/wp-content\/uploads\/hcw-docs\/modality\/customizer-slides.jpg\" alt=\"Slider: Custom Slides with image, title, text and button fields\" width=\"1440\" height=\"900\" loading=\"lazy\" decoding=\"async\"><\/a><figcaption>Custom slides: an image plus optional title, text, button text and button link.<\/figcaption><\/figure>\n<h2>Look and motion<\/h2>\n<ul>\n<li><strong>Size:<\/strong> <em>Image Slider Height<\/em>, and a separate height for phones.<\/li>\n<li><strong>Style:<\/strong> <em>Default Image Slider<\/em> keeps the two 1.x looks: <em>Ideal Image Slider<\/em> (boxed captions) or <em>Unslider<\/em> (centered captions). <em>Image Slider Effect<\/em> is Slide or Fade.<\/li>\n<li><strong>Readable captions:<\/strong> <em>Darken images for readable captions<\/em> adds a dark layer over the images, in percent. Caption colors, width and position are in the same section.<\/li>\n<li><strong>Controls:<\/strong> dots, previous\/next arrows, and <em>Play automatically<\/em> with <em>Slideshow Interval<\/em> in milliseconds.<\/li>\n<\/ul>\n<h2>Accessibility<\/h2>\n<p>The slider works with the keyboard (arrow keys, and every button is reachable with Tab), has a pause button while it plays, stops when a visitor hovers over it or moves focus into it, and never plays automatically for visitors whose device asks for reduced motion. Screen readers announce it as a carousel with numbered slides.<\/p>\n<h2>Tips<\/h2>\n<ul>\n<li>Use images at least 1600 px wide, with the important part in the middle; the sides are cropped on phones.<\/li>\n<li>One strong slide often works better than five. With a single slide the dots and arrows are hidden.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The slider sits at the top of the front page. Turn it on with Enable Image Slider in Home Page Settings, then set it\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":597,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/604","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=604"}],"version-history":[{"count":1,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/604\/revisions"}],"predecessor-version":[{"id":619,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/604\/revisions\/619"}],"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=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}