Jon Weatherhead

<p>This is an ultra-minimal no-frills responsive and accessible image carousel / slider.</p>
<p>There are many robust image slider plugins already. They work well and have a lot of features, some with even more features at the premium tier.<br />
I’m not saying that they don’t have their place but that sometimes they are excessive.</p>
<p>This plugin is for someone who just wants to have linked images scroll by in a loop on their website.</p>
<h3>How To Use</h3>
<p>No BS Image Slider works by leveraging what WordPress already provides, by creating a new custom post type and taxonomy.</p>
<ol>
<li>To begin, create your slides by using the Image Slide type. Be sure to add a featured image, and provide a link in the link field. Captions can be supplied by filling out the exerpt.</li>
<li>Create a slider by adding an Image Slider taxonomy. This allows a slide to be in multiple sliders.</li>
<li>Use the No BS Image Slider widget to configure which slider you want displayed, and the duration of each slide.</li>
</ol>
<p>A great <a href="https://planetjon.ca/4778/making-an-image-carousel-with-no-bs-image-slider" title="Making an image carousel with No BS Image Slider" rel="nofollow ugc">rundown of the plugin</a> is available on the Planetjon blog.</p>
<h3>Shortcode</h3>
<p>To manually insert a slider, use the shortcode [nbis].<br />
You must provide at minimum the slider slug.</p>
<p>The shortcode attributes are</p>
<ul>
<li>slider=”slug”</li>
<li>duration=”number” (seconds, default 5)</li>
<li>transition=”number” (seconds, default 1.25)</li>
<li>showcounter=”yes|no” (default no)</li>
<li>lazy=”yes|no” (default no)</li>
</ul>
<h3>Widget</h3>
<p>A widget that exposes all of the above options is available.</p>


No BS Image Slider

Being a minimalist, and needing a replacement for a slider plugin now abandoned, I found this plugin - and reading the description I thought "Wow, sounds great".

And it is. After installing it (it's a small but non-trivial learning curve to use) I downloaded and unpacked the source. I could hardly believe my eyes! One PHP file, 8.665 bytes; and one CSS file, 1.429 bytes. That's IT. And btw it's really well written, the author is obviously a good, modern programmer.

The sliders are custom 'tags', the slider images are custom posts (I think). Strange is, that you have to supply a 'Featured Image' and an image link for each slide, then it works - slides shown in the order of their creation. Just change the creation date to modify the order (untried).

One thing I found not so obvious in the UI at first: On hover over the slider then a 'paused' icon is displayed top left and the slider is indeed paused. As soon as the mouse goes away, the icon disappears and the animation continues. But at first I thought the paused icon was a button to click to cause a pause, and since it did not I thought the plugin was broken. Silly me, but perhaps there is a way to do it even more clearly?

It is now live on the homepage of a german apothecary.

BTW minimalists might want to pair this with WP Featherlight as a lightbox.

5 stars really well earned - thanks Jonathan!

Wow REALLY minimalistic

For displaying a light-weight image slider.

Freemius

Chris J. Zähller

<p>Add accessible, attractive 5-star ratings anywhere on your site with a simple shortcode. The plugin uses Font Awesome icons via their SVG + JavaScript method.</p>
<h3>Acknowledgement</h3>
<p>This plugin is based on <a href="https://github.com/hlashbrooke/WordPress-Plugin-Template" rel="nofollow ugc">Hugh Lashbrooke’s Starter Plugin</a>, a robust and GPL-licensed code template for creating a standards-compliant WordPress plugin.</p>
<h3>PRO only features</h3>
<ul>
<li>Google Rich Snippets for Products, Restaurants, & Recipes</li>
<li>Custom icon sizes</li>
<li>Custom icon and text colors</li>
<li>Choice of HTML <code><i></code> or <code><span></code> elements in HTML output</li>
<li>Change maximum rating (from 3 – 10)</li>
<li>Change minimum rating (0.0, 0.5, or 1.0)</li>
<li>Shortcode generator</li>
<li>Show/hide numeric text</li>
<li>Locale aware decimal separator</li>
<li>Options reset button</li>
</ul>
<h3>Usage Examples</h3>
<p>[rating stars="3.0"] (Displays 3 stars out of 5)<br />
[rating stars="2.5"] (Displays 2½ stars out of 5)<br />
[rating stars="4.0"] (Displays 4 stars out of 5)<br />
[rating stars="5.5"] (Incorrect usage but will display 5 stars out of 5)</p>
<p>In the 2nd example, the raw output will be like this before processing:</p>
<pre><code><span class="fsrs">
  <span class="fsrs-stars">
    <i class="fsrs-fas fa-fw fa-star"></i>
    <i class="fsrs-fas fa-fw fa-star"></i>
    <i class="fsrs-fas fa-fw fa-star-half-alt"></i>
    <i class="fsrs-far fa-fw fa-star"></i>
    <i class="fsrs-far fa-fw fa-star"></i>
  </span>
  <span class="hide fsrs-text fsrs-text__hidden" aria-hidden="false">2.5 out of 5</span>
  <span class="lining fsrs-text fsrs-text__visible" aria-hidden="true">2.5</span>
</span><h3>Translations</h3>
</code></pre>
<p>* English: Default language, always included</p>
<p>Would you like to help translate Five-Star Ratings Shortcode into your own language? <a href="https://translate.wordpress.org/projects/wp-plugins/five-star-ratings-shortcode" rel="nofollow ugc">You can do that here!</a></p>
<h3>Dependencies</h3>
<p>This plugin includes these third-party libraries in its package.</p>
<ul>
<li><a href="https://github.com/FortAwesome/Font-Awesome" rel="nofollow ugc">Font Awesome 5</a></li>
</ul>


Five-Star Ratings Shortcode

Simple lightweight shortcode to add 5-star ratings anywhere.

No BS Image Slider vs Five-Star Ratings Shortcode