David Pullin

<p>A WordPress Widget displaying featured images of recent posts in a rotating carousel.</p>
<p>The carousel area displays the featured images of recent posts and scrolls from left to right.  An optional preview area sits below showing the posts featured image and its excerpt.  Clicking on images or the preview will open a post in a new web browser tab.</p>
<p>The widget is theme agnostic and includes options to enable various display elements, carousel speed, pause time, and image sizes.  You can also edit the widget’s CSS within the widget’s settings panel thus giving you control over the look and feel.</p>
<p>There is also a demo mode that uses random stock images and Lorem ipsum.  Useful for when working on a new site where you may not have many posts.  However, you must have at least one published post for the widget to work.</p>
<p>The carousel will not display posts that are password protected.</p>
<h3>Settings</h3>
<h3>Title</h3>
<p>The widget title to display.  If blank no title is displayed.  You can further control the title, along with other items on the widget via CSS</p>
<h3>Number of Posts to Display</h3>
<p>The maximum number of recent posts to display.  The minimum is 1.</p>
<h3>Widget Height</h3>
<p>The height of the widget.  A fixed height is required as posts excerpts lengths may differ.</p>
<h3>Scroll Duration</h3>
<p>How long in milliseconds to take rotating to the next image.</p>
<h3>Pause Duration</h3>
<p>How long in milliseconds should the carousel pause before rotating to the next image.  Thus allowing your user time to read the excerpt.</p>
<h3>Carousel Image Size</h3>
<p>The size of each image on the carousel.  You can set your own size using the ‘custom’ option or select from one of your WordPress’s registered image sizes.</p>
<h3>Show Preview</h3>
<p>Option to turn off the rendering of the preview area below the carousel.</p>
<h3>Show Preview Title</h3>
<p>Option to control the rendering of preview’s post title.</p>
<h3>Show Preview Title</h3>
<p>Option to control the rendering of the post’s date.</p>
<h3>Preview Excerpt Length</h3>
<p>The number of words to use as the the post’s excerpt.</p>
<h3>Show Preview Image</h3>
<p>Option to control the display of the image in the preview.  Like the carouse image size option you can also control the size of the preview’s image.</p>
<h3>CSS Editor</h3>
<p>A default CSS template is generated when you add an instance of this widget to your website.  Use this to further control the display of this widget.  The CSS will only be applied to that instance of the widget.  Thus, if required, you can have multiple instances of this widget on a page with a different look and feel.</p>
<h3>Demo Mode</h3>
<p>When enabled Demo Mode uses random images and Lorem ipsum.  Useful for when working on a new site where you may not have many posts.  However, you must have at least one published post for the widget to work.</p>
<p>When in Demo Mode image sizes will be displayed as per the custom image size option.</p>
<h3>Advanced Notes – Used of WordPress Filters</h3>
<p>The widget’s title is passed through WordPress’s widget_title filter which may be processed via your installed theme.</p>
<p>The widget temporarily adds a hook into WordPress’s excerpt_length filter to ensure that the excerpt length used is the one as set within the widget’s options.</p>
<p>The URL of posts are passed through WordPress’s the_permalink filter.</p>


Zhu Posts Icon Carousel for WordPress

A WordPress Widget displaying featured images of recent posts in a rotating carousel.

GetWooPlugins

Emran Ahmed

<p>Marquee block adds a touch of movement and interactivity to your site and help to capture attention and engage your site visitors in a unique way.</p>
<p><a href="https://playground.wordpress.net/?mode=seamless&blueprint-url=https://wordpress.org/plugins/wp-json/plugins/v1/plugin/marquee-block/blueprint.json" rel="nofollow ugc">Test on Playground</a> | <a href="https://github.com/EmranAhmed/marquee-block/" rel="nofollow ugc">Github URL</a></p>


Marquee Block


Thank you for creating this amazing and most of all accessible marquee block! I love how it is coded and how it functions.



Here are just some suggestions for possible improvement: 




Editor appearance could be improved as currently it is quite confusing as it differs from the front-end appearance. For example, when the block is not selected in the editor, it could display as on front-end (meaning all the child items inline).



Would appreciate setting custom unit for content gap setting. (Maybe use the spacing options interface and values?)



Amazing accessible marquee!

Marquee block is CSS based animation block to display scrolling text, images and any kinds of blocks horizontally and vertically.

Zhu Posts Icon Carousel for WordPress vs Marquee Block