Daiv Mowbray

<p>This widget dynamically creates a list of posts from the active category. Displaying the first image and title in a scrolling list. It will display the first image in your post as a thumbnail,it looks first for an attached image, then an embedded image then if it finds the image, it grabs the thumbnail version. Oh, and by the way, it’s an animated vertical scroller, way cool.<br />
If the post has no image the widget uses a default image. This works best with the plugin Widget logic. Just set the widget to is_single() || is_category() and all your single viewed posts will have a scrolling thumbnail list of other posts in this category.</p>
<p><strong>credits:</strong></p>
<ul>
<li>mootools – <a href="http://mootools.net/" title="Your favorite javascript framework" rel="nofollow ugc">Mootools</a></li>
<li>slideBox – <a href="http://www.mootools.nl/slideBox/" title="Riaan Los" rel="nofollow ugc">slideBox</a></li>
<li>Widget logic you will want this – <a href="https://wordpress.org/extend/plugins/widget-logic/" title="Widget logic " rel="ugc">Widget logic</a></li>
</ul>
<p><strong>Support</strong></p>
<p>If you have any problems or suggestions regarding this plugin <a href="http://support.superslider.daivmowbray.com/forum" title="support forum" rel="nofollow ugc">please speak up</a></p>
<p><strong>Other Plugins</strong><br />
Download These Plugins here:</p>
<ul>
<li><a href="https://wordpress.org/extend/plugins/superslider/" title="SuperSlider" rel="ugc">SuperSlider</a></li>
<li><a href="https://wordpress.org/extend/plugins/superslider-show/" title="SuperSlider-Show" rel="ugc">SuperSlider-Show</a></li>
<li><a href="https://wordpress.org/extend/plugins/superslider-image/" title="SuperSlider-Image" rel="ugc">SuperSlider-Image</a></li>
</ul>
<p><strong>NOTICE</strong></p>
<ul>
<li>The downloaded folder’s name should be superslider-postsincat</li>
<li>Probably not compatible with plugins which use jquery. (not tested)</li>
</ul>
<p><strong>Features</strong></p>
<ul>
<li>pull images from posts in this category </li>
<li>animated scroller</li>
<li>Control max number of images.</li>
<li>Images link to post</li>
<li>control size of scroll area</li>
<li>Widget title is dynamic, writes category Name</li>
<li>works also for non attached images in your library</li>
<li>presents default image if none in post.</li>
<li>Uses WordPress native media / images</li>
<li>Control scroll speed</li>
<li>Control animation type</li>
</ul>
<p><strong>Demos</strong></p>
<p>This plugin can be seen in use here:</p>
<ul>
<li><a href="http://superslider.daivmowbray.com/wp-plugin-demos/superslider-postsincat/postsincat-elk" title="Demo" rel="nofollow ugc">Demo 1</a></li>
</ul>
<h3>USAGE</h3>
<p>If you are not sure how this plugin works you may want to read the following.</p>
<ul>
<li>First ensure that you have uploaded all of the plugin files into wp-content/plugins/superslider-postsincat folder.</li>
<li>Go to your WordPress admin panel and stop in to the widgets control page. Activate the SS Posts in Cat widget.</li>
<li>Configure the widget.</li>
<li>Go view a single post on the front side, you should see the superslider-postsincat widget in your side bar.</li>
<li>Optional: move the file postincat.css to your theme folder and the images inside of superslider-postincat/css/images to yourtheme/images, select “Load css from your theme folder” in the widget options panel. This will preserve any modifications you make to the css or image files, if and when there is a plugin update.</li>
<li>Recommended : The css is set up for thumbnails of 150 x 150 pixels, to display 3 images at a time with the default css set the widget height to 552. If you have your thumbnail sizes set differently in the WordPress admin, then you will need to adjust the css and the widget height accordingly.</li>
</ul>
<h3>OPTIONS AND CONFIGURATIONS</h3>
<p>Available under > appearance > widget > SuperSlider-PostsinCat</p>
<ul>
<li>theme css file to load or not (you may want to add the classes to your theme css and reduce file requests to the server).</li>
<li>widget title.</li>
<li>Add Category name to the widget title (this will change dynamically according to the active category).</li>
<li>number of images to pull from category.</li>
<li>height of display area.</li>
<li>Load css from your theme folder.</li>
</ul>
<h3>To Do</h3>
<ul>
<li>Add option to link images to a lightbox</li>
</ul>
<h3>Report Bugs Request / Options / Functions</h3>
<ul>
<li>Please use the support system at https://wordpress.org/</li>
<li>Or post to the wordpress forums</li>
</ul>
<h3>CAVEAT</h3>
<p>Currently this plugin relies on Javascript to create the scroller.<br />
If a user’s browser doesn’t support javascript the scroller will display normally as a list of images.</p>


Superslider-PostsinCat

This widget dynamically creates a list of posts from the active category. Displaying the first image and title in a scrolling list.

Roel Magdaleno

<p>Display multiple animated counters into your WordPress site.</p>
<h3>Gutenberg</h3>
<p>The plugin is compatible with Gutenberg, so you can add the custom block called <em><strong>CountUp</strong></em> to your posts and pages. <a href="https://github.com/roelmagdaleno/wp-countup-js/wiki/Gutenberg-Block" rel="nofollow ugc">Check the wiki for more details</a>.</p>
<h3>Shortcode</h3>
<p>It’s very easy to use this plugin, you can use the shortcode after install it, but there are two ways to use the plugin:</p>
<p>The first way is:</p>
<pre><code>[countup start="your-value" end="your-value" decimals="your-value" duration="your-value"]
</code></pre>
<p>The second way. To use this format you need to check the <strong><em>Use the end number inside the shortcode?</em></strong> setting in the plugin option page:</p>
<pre><code>[countup start="the-start-number" decimals="your-value" duration="your-value"]the-end-number[/countup]
</code></pre>
<h3>Example</h3>
<p>You can use the shortcode in two ways, as mentioned before. If you are using the first way:</p>
<pre><code>[countup start="0" end="55" decimals="2" duration="5" prefix="my_prefix" scroll="false"]
</code></pre>
<p>If you are using the second way (remember to check the <strong><em>Use the end number inside the shortcode?</em></strong>):</p>
<pre><code>[countup start="0" decimals="2" duration="5"]55[/countup]
</code></pre>
<p>Copy and paste any example in one of your posts and test.</p>
<h3>Available Attributes</h3>
<p>The shortcode and Gutenberg block accepts the next arguments:</p>
<ul>
<li>decimals – Puts the desired decimals into your counter.</li>
<li>delay – Set a delay in milliseconds to start the counter.</li>
<li>duration – The counter duration represented by a number (seconds).</li>
<li>easing – Easing the counter.</li>
<li>end – A number to end (arrive) the counter.</li>
<li>grouping – Groups the content into sections (eg. 1,000 vs 1000).</li>
<li>prefix – A text as counter prefix.</li>
<li>reset – Reset the counter after view.</li>
<li>scroll – If true, start the counter when the user visualize it.</li>
<li>separator – You can use a separator (default is comma).</li>
<li>start – A number to start the counter.</li>
<li>suffix – A text as counter suffix.</li>
</ul>
<h3>Settings</h3>
<p>You know how to use the plugin now, but you can still edit some options inside of the plugin settings page (Go to <em><strong>Settings->CountUP.js</strong></em>).</p>
<p>Inside of the settings page, you can find the next settings:</p>
<ul>
<li>Easing: Easing the counter.</li>
<li>Grouping: Groups the content into sections (eg. 1,000 vs 1000).</li>
<li>Separator: You can use a separator (default is comma).</li>
<li>Decimal: Symbol to use for decimal spot (default is dot).</li>
<li>Prefix: Character(s) at beginning of string.</li>
<li>Suffix: Character(s) at the end of string.</li>
</ul>


WP CountUP JS

Display multiple animated counters into your WordPress site.

Superslider-PostsinCat vs WP CountUP JS