{"id":317267,"date":"2026-09-14T17:52:17","date_gmt":"2026-09-14T17:52:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/scroll-indicator\/"},"modified":"2026-09-14T19:08:48","modified_gmt":"2026-09-14T19:08:48","slug":"scroll-indicator","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/scroll-indicator\/","author":18791698,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.2","stable_tag":"1.0.2","tested":"7.0.4","requires":"6.4","requires_php":"7.4","requires_plugins":null,"header_name":"Scroll Indicator","header_author":"Derek Hanson","header_description":"An animated scroll indicator with multiple icon styles that encourages users to scroll down the page.","assets_banners_color":"022956","last_updated":"2026-09-14 19:08:48","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":88,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"dhansondesigns","date":"2026-09-14 17:52:09","revision":3695697},"1.0.2":{"tag":"1.0.2","author":"dhansondesigns","date":"2026-09-14 19:08:48","revision":3695825}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3695697,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3695697,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3695697,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3695697,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3695826,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"meta\":{\"title\":\"Scroll Indicator\",\"description\":\"Try the Scroll Indicator block on a demo page built with Twenty Twenty-Five.\",\"author\":\"dhansondesigns\"},\"preferredVersions\":{\"php\":\"8.3\",\"wp\":\"latest\"},\"landingPage\":\"\\\/\",\"login\":true,\"steps\":[{\"step\":\"installTheme\",\"themeData\":{\"resource\":\"wordpress.org\\\/themes\",\"slug\":\"twentytwentyfive\"},\"options\":{\"activate\":true}},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"scroll-indicator\"},\"options\":{\"activate\":true}},{\"step\":\"setSiteOptions\",\"options\":{\"blogname\":\"Scroll Indicator\",\"blogdescription\":\"A block that nudges visitors to keep scrolling\"}},{\"step\":\"runPHP\",\"code\":\"<?php\\nrequire_once '\\\/wordpress\\\/wp-load.php';\\nwp_set_current_user( 1 );\\n$content = str_replace( '__THEME_URI__', get_template_directory_uri(), <<<'HTML'\\n<!-- wp:cover {\\\"url\\\":\\\"__THEME_URI__\\\/assets\\\/images\\\/delphinium-flowers.webp\\\",\\\"alt\\\":\\\"Field of blue delphinium flowers\\\",\\\"dimRatio\\\":40,\\\"isUserOverlayColor\\\":true,\\\"minHeight\\\":100,\\\"minHeightUnit\\\":\\\"vh\\\",\\\"align\\\":\\\"full\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"margin\\\":{\\\"top\\\":\\\"0\\\",\\\"bottom\\\":\\\"0\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"constrained\\\"}} -->\\n<div class=\\\"wp-block-cover alignfull\\\" style=\\\"margin-top:0;margin-bottom:0;min-height:100vh\\\"><img class=\\\"wp-block-cover__image-background\\\" alt=\\\"Field of blue delphinium flowers\\\" src=\\\"__THEME_URI__\\\/assets\\\/images\\\/delphinium-flowers.webp\\\" data-object-fit=\\\"cover\\\"\\\/><span aria-hidden=\\\"true\\\" class=\\\"wp-block-cover__background has-background-dim-40 has-background-dim\\\"><\\\/span><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"level\\\":1,\\\"textColor\\\":\\\"base\\\",\\\"fontSize\\\":\\\"xx-large\\\"} -->\\n<h1 class=\\\"wp-block-heading has-text-align-center has-base-color has-xx-large-font-size has-text-color\\\">Scroll Indicator<\\\/h1>\\n<!-- \\\/wp:heading -->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"large\\\"} -->\\n<p class=\\\"has-text-align-center has-large-font-size\\\">A small, animated nudge that tells visitors there's more below the fold. One block, five icon styles, no animation libraries.<\\\/p>\\n<!-- \\\/wp:paragraph -->\\n\\n<!-- wp:scroll-indicator\\\/scroll-indicator {\\\"iconSize\\\":\\\"L\\\",\\\"customText\\\":\\\"Scroll\\\",\\\"positionMode\\\":\\\"absolute\\\",\\\"absoluteY\\\":88} -->\\n<div class=\\\"wp-block-scroll-indicator-scroll-indicator is-position-absolute\\\" style=\\\"--scroll-indicator-size:32px;--scroll-indicator-x:50%;--scroll-indicator-y:88%\\\"><button type=\\\"button\\\" class=\\\"scroll-indicator icon-mouse\\\" aria-label=\\\"Scroll\\\" data-hide-after-scrolling=\\\"true\\\"><svg viewBox=\\\"0 0 24 38\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" aria-hidden=\\\"true\\\" focusable=\\\"false\\\"><rect x=\\\"1\\\" y=\\\"1\\\" width=\\\"22\\\" height=\\\"36\\\" rx=\\\"11\\\" ry=\\\"11\\\"><\\\/rect><line x1=\\\"12\\\" y1=\\\"8\\\" x2=\\\"12\\\" y2=\\\"16\\\" stroke-linecap=\\\"round\\\" class=\\\"scroll-wheel\\\"><\\\/line><\\\/svg><div class=\\\"scroll-text\\\">Scroll<\\\/div><\\\/button><\\\/div>\\n<!-- \\\/wp:scroll-indicator\\\/scroll-indicator --><\\\/div><\\\/div>\\n<!-- \\\/wp:cover -->\\n\\n<!-- wp:group {\\\"align\\\":\\\"full\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"var:preset|spacing|80\\\",\\\"bottom\\\":\\\"var:preset|spacing|80\\\"},\\\"margin\\\":{\\\"top\\\":\\\"0\\\",\\\"bottom\\\":\\\"0\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"constrained\\\"}} -->\\n<div class=\\\"wp-block-group alignfull\\\" style=\\\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"fontSize\\\":\\\"x-large\\\"} -->\\n<h2 class=\\\"wp-block-heading has-text-align-center has-x-large-font-size\\\">Five icon styles<\\\/h2>\\n<!-- \\\/wp:heading -->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\"} -->\\n<p class=\\\"has-text-align-center\\\">Pick the cue that fits your design. Every icon is an inline SVG that inherits your text color and animates with CSS alone. They're also available in the core Icon block, so you can reuse them anywhere.<\\\/p>\\n<!-- \\\/wp:paragraph -->\\n\\n<!-- wp:group {\\\"align\\\":\\\"wide\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|60\\\",\\\"margin\\\":{\\\"top\\\":\\\"var:preset|spacing|60\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"grid\\\",\\\"columnCount\\\":5,\\\"minimumColumnWidth\\\":null}} -->\\n<div class=\\\"wp-block-group alignwide\\\" style=\\\"margin-top:var(--wp--preset--spacing--60)\\\"><!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/mouse\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"30px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Mouse<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/arrow-down\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"48px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Arrow<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/chevron-bounce\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"48px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Chevron<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/scroll-dots\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"32px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Dots<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/hand-point\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"48px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Hand<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group --><\\\/div>\\n<!-- \\\/wp:group --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"align\\\":\\\"full\\\",\\\"backgroundColor\\\":\\\"contrast\\\",\\\"textColor\\\":\\\"base\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"var:preset|spacing|80\\\",\\\"bottom\\\":\\\"var:preset|spacing|80\\\"},\\\"margin\\\":{\\\"top\\\":\\\"0\\\",\\\"bottom\\\":\\\"0\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"constrained\\\"}} -->\\n<div class=\\\"wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background\\\" style=\\\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"fontSize\\\":\\\"x-large\\\",\\\"textColor\\\":\\\"base\\\"} -->\\n<h2 class=\\\"wp-block-heading has-text-align-center has-base-color has-x-large-font-size has-text-color\\\">Four sizes, plus your own<\\\/h2>\\n<!-- \\\/wp:heading -->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\"} -->\\n<p class=\\\"has-text-align-center\\\">Small, medium, large, and extra large presets cover most layouts. Need something specific? Type any CSS size.<\\\/p>\\n<!-- \\\/wp:paragraph -->\\n\\n<!-- wp:group {\\\"align\\\":\\\"wide\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|60\\\",\\\"margin\\\":{\\\"top\\\":\\\"var:preset|spacing|60\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"grid\\\",\\\"columnCount\\\":5,\\\"minimumColumnWidth\\\":null}} -->\\n<div class=\\\"wp-block-group alignwide\\\" style=\\\"margin-top:var(--wp--preset--spacing--60)\\\"><!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/chevron-bounce\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"18px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Small<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/chevron-bounce\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"24px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Medium<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/chevron-bounce\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"32px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Large<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/chevron-bounce\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"48px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Extra large<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/chevron-bounce\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"72px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Custom 72px<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group --><\\\/div>\\n<!-- \\\/wp:group --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"align\\\":\\\"full\\\",\\\"backgroundColor\\\":\\\"accent-5\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"var:preset|spacing|80\\\",\\\"bottom\\\":\\\"var:preset|spacing|80\\\"},\\\"margin\\\":{\\\"top\\\":\\\"0\\\",\\\"bottom\\\":\\\"0\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"constrained\\\"}} -->\\n<div class=\\\"wp-block-group alignfull has-accent-5-background-color has-background\\\" style=\\\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"fontSize\\\":\\\"x-large\\\"} -->\\n<h2 class=\\\"wp-block-heading has-text-align-center has-x-large-font-size\\\">Your colors, your words<\\\/h2>\\n<!-- \\\/wp:heading -->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\"} -->\\n<p class=\\\"has-text-align-center\\\">The icon and label use the block's text color, so they pick up your palette automatically. Change the label to match your voice, or hide it entirely.<\\\/p>\\n<!-- \\\/wp:paragraph -->\\n\\n<!-- wp:group {\\\"align\\\":\\\"wide\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|60\\\",\\\"margin\\\":{\\\"top\\\":\\\"var:preset|spacing|60\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"grid\\\",\\\"columnCount\\\":3,\\\"minimumColumnWidth\\\":null}} -->\\n<div class=\\\"wp-block-group alignwide\\\" style=\\\"margin-top:var(--wp--preset--spacing--60)\\\"><!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/mouse\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"30px\\\"},\\\"color\\\":{\\\"text\\\":\\\"#503aa8\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\",\\\"style\\\":{\\\"color\\\":{\\\"text\\\":\\\"#503aa8\\\"}}} -->\\n<p class=\\\"has-text-align-center has-text-color has-small-font-size\\\" style=\\\"color:#503aa8\\\">Keep reading<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/scroll-dots\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"32px\\\"},\\\"color\\\":{\\\"text\\\":\\\"#c2410c\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\",\\\"style\\\":{\\\"color\\\":{\\\"text\\\":\\\"#c2410c\\\"}}} -->\\n<p class=\\\"has-text-align-center has-text-color has-small-font-size\\\" style=\\\"color:#c2410c\\\">There's more<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/arrow-down\\\",\\\"textColor\\\":\\\"contrast\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"48px\\\"}}} \\\/--><\\\/div>\\n<!-- \\\/wp:group --><\\\/div>\\n<!-- \\\/wp:group --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:cover {\\\"url\\\":\\\"__THEME_URI__\\\/assets\\\/images\\\/malibu-plantlife.webp\\\",\\\"alt\\\":\\\"Coastal plants on a hillside above the ocean\\\",\\\"dimRatio\\\":50,\\\"isUserOverlayColor\\\":true,\\\"minHeight\\\":80,\\\"minHeightUnit\\\":\\\"vh\\\",\\\"contentPosition\\\":\\\"bottom center\\\",\\\"align\\\":\\\"full\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"margin\\\":{\\\"top\\\":\\\"0\\\",\\\"bottom\\\":\\\"0\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"constrained\\\"}} -->\\n<div class=\\\"wp-block-cover alignfull has-custom-content-position is-position-bottom-center\\\" style=\\\"margin-top:0;margin-bottom:0;min-height:80vh\\\"><img class=\\\"wp-block-cover__image-background\\\" alt=\\\"Coastal plants on a hillside above the ocean\\\" src=\\\"__THEME_URI__\\\/assets\\\/images\\\/malibu-plantlife.webp\\\" data-object-fit=\\\"cover\\\"\\\/><span aria-hidden=\\\"true\\\" class=\\\"wp-block-cover__background has-background-dim\\\"><\\\/span><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:group {\\\"align\\\":\\\"wide\\\",\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"flexWrap\\\":\\\"nowrap\\\",\\\"justifyContent\\\":\\\"space-between\\\",\\\"verticalAlignment\\\":\\\"bottom\\\"}} -->\\n<div class=\\\"wp-block-group alignwide\\\"><!-- wp:group {\\\"layout\\\":{\\\"type\\\":\\\"constrained\\\",\\\"justifyContent\\\":\\\"left\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:heading {\\\"fontSize\\\":\\\"x-large\\\",\\\"textColor\\\":\\\"base\\\"} -->\\n<h2 class=\\\"wp-block-heading has-base-color has-x-large-font-size has-text-color\\\">Put it where you need it<\\\/h2>\\n<!-- \\\/wp:heading -->\\n\\n<!-- wp:paragraph -->\\n<p><strong>Flow<\\\/strong> places the indicator in your content like any other block. <strong>Absolute<\\\/strong> pins it anywhere inside a Cover or Group, like the bottom right corner of this one. <strong>Fixed<\\\/strong> floats it at the bottom of the screen until the visitor starts scrolling.<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/chevron-bounce\\\",\\\"textColor\\\":\\\"base\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"48px\\\"}}} \\\/--><\\\/div>\\n<!-- \\\/wp:group --><\\\/div><\\\/div>\\n<!-- \\\/wp:cover -->\\n\\n<!-- wp:group {\\\"align\\\":\\\"full\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"var:preset|spacing|80\\\",\\\"bottom\\\":\\\"var:preset|spacing|80\\\"},\\\"margin\\\":{\\\"top\\\":\\\"0\\\",\\\"bottom\\\":\\\"0\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"constrained\\\"}} -->\\n<div class=\\\"wp-block-group alignfull\\\" style=\\\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\\\"><!-- wp:columns {\\\"verticalAlignment\\\":\\\"center\\\",\\\"align\\\":\\\"wide\\\"} -->\\n<div class=\\\"wp-block-columns alignwide are-vertically-aligned-center\\\"><!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\",\\\"width\\\":\\\"30%\\\"} -->\\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\" style=\\\"flex-basis:30%\\\"><!-- wp:group {\\\"style\\\":{\\\"spacing\\\":{\\\"blockGap\\\":\\\"var:preset|spacing|20\\\"}},\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"orientation\\\":\\\"vertical\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-group\\\"><!-- wp:icon {\\\"icon\\\":\\\"scroll-indicator\\\/hand-point\\\",\\\"style\\\":{\\\"dimensions\\\":{\\\"width\\\":\\\"48px\\\"}}} \\\/-->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Tap or click<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group --><\\\/div>\\n<!-- \\\/wp:column -->\\n\\n<!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\",\\\"width\\\":\\\"70%\\\"} -->\\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\" style=\\\"flex-basis:70%\\\"><!-- wp:heading {\\\"fontSize\\\":\\\"x-large\\\"} -->\\n<h2 class=\\\"wp-block-heading has-x-large-font-size\\\">Accessible by default<\\\/h2>\\n<!-- \\\/wp:heading -->\\n\\n<!-- wp:list -->\\n<ul class=\\\"wp-block-list\\\"><!-- wp:list-item -->\\n<li>Renders as a real button with an accessible label, so keyboard and screen reader users can use it.<\\\/li>\\n<!-- \\\/wp:list-item -->\\n\\n<!-- wp:list-item -->\\n<li>Clicking or pressing it scrolls down one viewport height.<\\\/li>\\n<!-- \\\/wp:list-item -->\\n\\n<!-- wp:list-item -->\\n<li>Animation runs only when the visitor hasn't asked for reduced motion.<\\\/li>\\n<!-- \\\/wp:list-item -->\\n\\n<!-- wp:list-item -->\\n<li>Fades out on its own once the visitor starts scrolling.<\\\/li>\\n<!-- \\\/wp:list-item -->\\n\\n<!-- wp:list-item -->\\n<li>The tiny front-end script loads only on pages that use the block.<\\\/li>\\n<!-- \\\/wp:list-item --><\\\/ul>\\n<!-- \\\/wp:list --><\\\/div>\\n<!-- \\\/wp:column --><\\\/div>\\n<!-- \\\/wp:columns --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"align\\\":\\\"full\\\",\\\"backgroundColor\\\":\\\"accent-5\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"var:preset|spacing|80\\\",\\\"bottom\\\":\\\"var:preset|spacing|80\\\"},\\\"margin\\\":{\\\"top\\\":\\\"0\\\",\\\"bottom\\\":\\\"0\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"constrained\\\"}} -->\\n<div class=\\\"wp-block-group alignfull has-accent-5-background-color has-background\\\" style=\\\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"fontSize\\\":\\\"x-large\\\"} -->\\n<h2 class=\\\"wp-block-heading has-text-align-center has-x-large-font-size\\\">Simple to set up<\\\/h2>\\n<!-- \\\/wp:heading -->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\"} -->\\n<p class=\\\"has-text-align-center\\\">Add the block, pick an icon and a size, type a label, and choose where it sits. Everything lives in the block sidebar, with native color, spacing, and typography controls.<\\\/p>\\n<!-- \\\/wp:paragraph -->\\n\\n<!-- wp:image {\\\"sizeSlug\\\":\\\"full\\\",\\\"linkDestination\\\":\\\"none\\\",\\\"align\\\":\\\"wide\\\",\\\"style\\\":{\\\"border\\\":{\\\"radius\\\":\\\"8px\\\"},\\\"shadow\\\":\\\"var:preset|shadow|natural\\\"}} -->\\n<figure class=\\\"wp-block-image alignwide size-full has-custom-border\\\" style=\\\"box-shadow:var(--wp--preset--shadow--natural)\\\"><img src=\\\"https:\\\/\\\/ps.w.org\\\/scroll-indicator\\\/assets\\\/screenshot-7.png\\\" alt=\\\"The Scroll Indicator block selected in the WordPress editor, with icon type, size, and text settings in the sidebar\\\" style=\\\"border-radius:8px\\\"\\\/><\\\/figure>\\n<!-- \\\/wp:image --><\\\/div>\\n<!-- \\\/wp:group -->\\n\\n<!-- wp:group {\\\"align\\\":\\\"full\\\",\\\"backgroundColor\\\":\\\"accent-2\\\",\\\"textColor\\\":\\\"contrast\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"var:preset|spacing|80\\\",\\\"bottom\\\":\\\"var:preset|spacing|80\\\"},\\\"margin\\\":{\\\"top\\\":\\\"0\\\",\\\"bottom\\\":\\\"0\\\"}}},\\\"layout\\\":{\\\"type\\\":\\\"constrained\\\"}} -->\\n<div class=\\\"wp-block-group alignfull has-contrast-color has-accent-2-background-color has-text-color has-background\\\" style=\\\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"fontSize\\\":\\\"x-large\\\"} -->\\n<h2 class=\\\"wp-block-heading has-text-align-center has-x-large-font-size\\\">Free on WordPress.org<\\\/h2>\\n<!-- \\\/wp:heading -->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\"} -->\\n<p class=\\\"has-text-align-center\\\">Install it from the plugin directory, drop it into any page, and give your visitors a reason to keep going.<\\\/p>\\n<!-- \\\/wp:paragraph -->\\n\\n<!-- wp:buttons {\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"justifyContent\\\":\\\"center\\\"}} -->\\n<div class=\\\"wp-block-buttons\\\"><!-- wp:button -->\\n<div class=\\\"wp-block-button\\\"><a class=\\\"wp-block-button__link wp-element-button\\\" href=\\\"https:\\\/\\\/wordpress.org\\\/plugins\\\/scroll-indicator\\\/\\\">Get the plugin<\\\/a><\\\/div>\\n<!-- \\\/wp:button --><\\\/div>\\n<!-- \\\/wp:buttons -->\\n\\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"fontSize\\\":\\\"small\\\"} -->\\n<p class=\\\"has-text-align-center has-small-font-size\\\">Source on <a href=\\\"https:\\\/\\\/github.com\\\/dhanson-wp\\\/scroll-indicator\\\">GitHub<\\\/a>. GPLv2 or later.<\\\/p>\\n<!-- \\\/wp:paragraph --><\\\/div>\\n<!-- \\\/wp:group -->\\nHTML );\\n$page_id = wp_insert_post( array(\\n\\t'post_title'     => 'Scroll Indicator',\\n\\t'post_name'      => 'scroll-indicator',\\n\\t'post_type'      => 'page',\\n\\t'post_status'    => 'publish',\\n\\t'post_content'   => $content,\\n\\t'comment_status' => 'closed',\\n) );\\nupdate_post_meta( $page_id, '_wp_page_template', 'page-no-title' );\\nupdate_option( 'show_on_front', 'page' );\\nupdate_option( 'page_on_front', $page_id );\\n\"}]}"}},"all_blocks":{"scroll-indicator\/scroll-indicator":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"scroll-indicator\/scroll-indicator","version":"1.0.2","title":"Scroll Indicator","category":"widgets","icon":"arrow-down","description":"An animated scroll indicator with multiple icon styles that encourages users to scroll down the page.","example":{},"attributes":{"iconType":{"type":"string","default":"mouse"},"iconSize":{"type":"string","default":"M"},"customSizeValue":{"type":"string","default":"24px"},"align":{"type":"string"},"hideAfterScrolling":{"type":"boolean","default":true},"showText":{"type":"boolean","default":true},"customText":{"type":"string","default":"Scroll down"},"positionMode":{"type":"string","default":"flow"},"screenPosition":{"type":"string","default":"bottom-center"},"absoluteX":{"type":"number","default":50},"absoluteY":{"type":"number","default":85},"flowAlign":{"type":"string","default":"center"}},"supports":{"html":false,"color":{"text":true,"background":false},"spacing":{"margin":true,"padding":true}},"textdomain":"scroll-indicator","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","viewScript":"file:.\/view.js"}},"tagged_versions":["1.0.1","1.0.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3695825,"resolution":"1","location":"assets","locale":"","width":1920,"height":1200},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3695825,"resolution":"2","location":"assets","locale":"","width":1920,"height":768},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3695825,"resolution":"3","location":"assets","locale":"","width":1920,"height":758},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3695825,"resolution":"4","location":"assets","locale":"","width":1920,"height":768},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3695825,"resolution":"5","location":"assets","locale":"","width":1920,"height":961},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3695825,"resolution":"6","location":"assets","locale":"","width":1920,"height":737},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3695825,"resolution":"7","location":"assets","locale":"","width":1920,"height":1200},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3695825,"resolution":"8","location":"assets","locale":"","width":1920,"height":1200}},"screenshots":{"1":"The block on a full-height hero, animating and inviting the visitor down the page.","2":"Five icon styles: mouse, arrow, chevron, dots, and hand.","3":"Four preset sizes plus any custom CSS size.","4":"Icons and labels follow the block's text color and support custom text.","5":"Absolute positioning pins the indicator anywhere inside a Cover or Group.","6":"Accessible by default: a real button, reduced-motion aware, keyboard friendly.","7":"Block settings in the editor sidebar: icon type, size, label, and position.","8":"Finding the block in the inserter."}},"plugin_section":[],"plugin_tags":[785,1220,148076,14369,790],"plugin_category":[50],"plugin_contributors":[239723],"plugin_business_model":[],"class_list":["post-317267","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-block","plugin_tags-gutenberg","plugin_tags-indicator","plugin_tags-scroll","plugin_category-media","plugin_contributors-dhansondesigns","plugin_committers-dhansondesigns"],"banners":{"banner":"https:\/\/ps.w.org\/scroll-indicator\/assets\/banner-772x250.png?rev=3695697","banner_2x":"https:\/\/ps.w.org\/scroll-indicator\/assets\/banner-1544x500.png?rev=3695697","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/scroll-indicator\/assets\/icon-128x128.png?rev=3695697","icon_2x":"https:\/\/ps.w.org\/scroll-indicator\/assets\/icon-256x256.png?rev=3695697","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/scroll-indicator\/assets\/screenshot-1.png?rev=3695825","caption":"The block on a full-height hero, animating and inviting the visitor down the page."},{"src":"https:\/\/ps.w.org\/scroll-indicator\/assets\/screenshot-2.png?rev=3695825","caption":"Five icon styles: mouse, arrow, chevron, dots, and hand."},{"src":"https:\/\/ps.w.org\/scroll-indicator\/assets\/screenshot-3.png?rev=3695825","caption":"Four preset sizes plus any custom CSS size."},{"src":"https:\/\/ps.w.org\/scroll-indicator\/assets\/screenshot-4.png?rev=3695825","caption":"Icons and labels follow the block's text color and support custom text."},{"src":"https:\/\/ps.w.org\/scroll-indicator\/assets\/screenshot-5.png?rev=3695825","caption":"Absolute positioning pins the indicator anywhere inside a Cover or Group."},{"src":"https:\/\/ps.w.org\/scroll-indicator\/assets\/screenshot-6.png?rev=3695825","caption":"Accessible by default: a real button, reduced-motion aware, keyboard friendly."},{"src":"https:\/\/ps.w.org\/scroll-indicator\/assets\/screenshot-7.png?rev=3695825","caption":"Block settings in the editor sidebar: icon type, size, label, and position."},{"src":"https:\/\/ps.w.org\/scroll-indicator\/assets\/screenshot-8.png?rev=3695825","caption":"Finding the block in the inserter."}],"raw_content":"<!--section=description-->\n<p>Scroll Indicator adds a focused block for landing pages, hero sections, editorial layouts, and long-form content. It gives visitors a clear visual cue that there is more to explore below the fold.<\/p>\n\n<p>Choose from multiple icon styles, adjust the size, use native WordPress text color controls, add optional helper text, and let visitors click or keyboard-activate the indicator to move smoothly down the page.<\/p>\n\n<p>The block is intentionally lightweight. Animations are handled with CSS, respect reduced-motion preferences, and the front-end script is limited to click-to-scroll and automatic hide-on-scroll behavior.<\/p>\n\n<h4>Key Features<\/h4>\n\n<ul>\n<li>Five icon styles: mouse, arrow, chevron, dots, and hand.<\/li>\n<li>Preset sizes plus a custom CSS size value.<\/li>\n<li>Native block editor controls for text color, spacing, typography, and alignment.<\/li>\n<li>Fixed screen positioning and draggable absolute positioning for hero-style sections.<\/li>\n<li>CSS-only animation that respects the visitor's reduced-motion preference.<\/li>\n<li>Optional text label beneath the icon.<\/li>\n<li>Automatic hide-on-scroll behavior.<\/li>\n<li>Keyboard-accessible click-to-scroll interaction.<\/li>\n<li>No animation libraries or heavy runtime dependencies.<\/li>\n<\/ul>\n\n<h4>Development<\/h4>\n\n<p>The human-readable source for the compiled JavaScript and CSS is included in this plugin package under <code>src\/<\/code>.<\/p>\n\n<p>The generated files in <code>compiled\/<\/code> are built from <code>src\/index.js<\/code>, <code>src\/view.js<\/code>, and the SCSS files in <code>src\/<\/code> using <code>@wordpress\/scripts<\/code>. To rebuild them, run:<\/p>\n\n<ol>\n<li><code>npm install<\/code><\/li>\n<li><code>npm run build<\/code><\/li>\n<\/ol>\n\n<p>The public source repository is maintained at https:\/\/github.com\/dhanson-wp\/scroll-indicator.<\/p>\n\n<h4>Good For<\/h4>\n\n<ul>\n<li>Landing page hero sections.<\/li>\n<li>Editorial introductions.<\/li>\n<li>Long-form stories and portfolios.<\/li>\n<li>Product pages where visitors should continue below the fold.<\/li>\n<li>Any layout that needs a subtle, branded scroll cue.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>scroll-indicator<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory, or install it through the WordPress Plugins screen.<\/li>\n<li>Activate the plugin through the Plugins screen in WordPress.<\/li>\n<li>Open the block editor and add the Scroll Indicator block.<\/li>\n<li>Choose an icon style, size, color, and optional label.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20require%20a%20javascript%20animation%20library%3F\"><h3>Does this plugin require a JavaScript animation library?<\/h3><\/dt>\n<dd><p>No. Animations are handled with CSS. The front-end script only powers click-to-scroll and automatic hide-on-scroll behavior.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20icon%20color%3F\"><h3>Can I change the icon color?<\/h3><\/dt>\n<dd><p>Yes. The block uses WordPress core text color support, so colors can be managed through the block editor.<\/p><\/dd>\n<dt id=\"does%20it%20support%20reduced%20motion%20preferences%3F\"><h3>Does it support reduced motion preferences?<\/h3><\/dt>\n<dd><p>Yes. The animated effects only run when the visitor has not requested reduced motion.<\/p><\/dd>\n<dt id=\"is%20the%20indicator%20keyboard%20accessible%3F\"><h3>Is the indicator keyboard accessible?<\/h3><\/dt>\n<dd><p>Yes. The front-end indicator is saved as a keyboard-focusable button-like control with an accessible label.<\/p><\/dd>\n<dt id=\"will%20the%20block%20work%20without%20javascript%3F\"><h3>Will the block work without JavaScript?<\/h3><\/dt>\n<dd><p>The icon and optional text still render without JavaScript. JavaScript is only needed for click-to-scroll and automatic hide-on-scroll behavior.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Register the five icons with the WordPress 7.1 Icons API so they can be reused in the core Icon block.<\/li>\n<li>Add screenshots and a WordPress Playground blueprint with a demo page for the plugin directory's live preview.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Add the WordPress.org owner username to the contributors list.<\/li>\n<li>Include and document the human-readable source for compiled JavaScript and CSS.<\/li>\n<li>Prepare the plugin for WordPress.org submission with packaged compiled assets, cleaner repository hygiene, and improved editor positioning controls.<\/li>\n<li>Improve accessibility with a real button element, reduced-motion-aware scrolling, and automatic hide-on-scroll behavior.<\/li>\n<li>Add WordPress 7.0 testing metadata.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Add an animated scroll indicator block that encourages visitors to keep moving through your page.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/317267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=317267"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/dhansondesigns"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=317267"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=317267"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=317267"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=317267"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=317267"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=317267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}