{"id":989,"date":"2018-11-20T16:22:07","date_gmt":"2018-11-20T21:22:07","guid":{"rendered":"https:\/\/new.umaine.edu\/userguide\/?p=989"},"modified":"2019-06-26T13:15:48","modified_gmt":"2019-06-26T17:15:48","slug":"making-the-most-of-the-slider-content-block","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2018\/11\/20\/making-the-most-of-the-slider-content-block\/","title":{"rendered":"Making the most of the slider content block"},"content":{"rendered":"<p>One of the content blocks we make available is a slider\u2014 a content area that allows for an image with a headline that links to something when clicked, complete with forward\/back controls to &#8220;slide&#8221; additional images\/headlines\/links into view.<\/p>\n<p>Sliders (also known as carousels) are attention-getting, but ineffective for promoting multiple features\u2014 usability studies have shown that 90% of visitors will at best click the first slide, meaning the additional slides will not be seen. We typically recommend image content blocks be used in a mosaic to feature multiple content items on a page instead of a slider.\u00a0<a href=\"http:\/\/shouldiuseacarousel.com\/\" target=\"_blank\" rel=\"noopener\">A compelling argument against sliders may be found at this website<\/a>.<\/p>\n<p>At the same time, sliders can be used effectively for visual impact\u2014 the UMaine homepage features a slider at the top with a single feature, for example. This gives a full-bleed (border-to-border) image for visual impact.<\/p>\n<p>If you are using sliders on your site, there is a specific ratio you can use for your images that will ensure they fill the width of the page for desktop and mobile viewers. If you have noticed that your slider images have black bars to the sides,\u00a0<strong>resizing\/cropping your image to 1500 x 700<\/strong>\u00a0will improve presentation. For help with your slider images, please email\u00a0<a href=\"mailto:um.weboffice@maine.edu?subject=Help%20resize%20my%20slider%20image(s)\" target=\"_blank\" rel=\"noopener\">um.weboffice@maine.edu<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the content blocks we make available is a slider\u2014 a content area that allows for an image with a headline that links to something when clicked, complete with forward\/back controls to &#8220;slide&#8221; additional images\/headlines\/links into view. Sliders (also known as carousels) are attention-getting, but ineffective for promoting multiple features\u2014 usability studies have shown [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"6","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":0},"categories":[6,17],"tags":[],"class_list":["post-989","post","type-post","status-publish","format-standard","hentry","category-advice","category-content-blocks"],"taxonomy_info":{"category":[{"value":6,"label":"Advice"},{"value":17,"label":"Content Blocks"}]},"featured_image_src_large":false,"author_info":{"display_name":"kirby","author_link":"https:\/\/umaine.edu\/userguide\/author\/kirby\/"},"comment_info":"","category_info":[{"term_id":6,"name":"Advice","slug":"advice","term_group":0,"term_taxonomy_id":6,"taxonomy":"category","description":"","parent":0,"count":69,"filter":"raw","cat_ID":6,"category_count":69,"category_description":"","cat_name":"Advice","category_nicename":"advice","category_parent":0},{"term_id":17,"name":"Content Blocks","slug":"content-blocks","term_group":0,"term_taxonomy_id":17,"taxonomy":"category","description":"","parent":0,"count":24,"filter":"raw","cat_ID":17,"category_count":24,"category_description":"","cat_name":"Content Blocks","category_nicename":"content-blocks","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=989"}],"version-history":[{"count":2,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/989\/revisions"}],"predecessor-version":[{"id":1396,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/989\/revisions\/1396"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=989"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}