Joe Rhoney

AddFunc

AddFunc Slides’ native and intuitive custom post type (called Slides) and taxonomy (called Slidesets) utilizes the powerful content management and editing features built into WordPress core. That is what makes it easy to grasp and manage. It includes administrative features such as quick edit, bulk edit, column sorting and a properly placed Slide Settings page (under Slides, not under the general Settings section).
AddFunc Slides was made for CSS coders/themers, as well as for average WordPress users. It comes as a plug & play package with it’s already active <a href="http://addfunc.com/slides/" rel="nofollow ugc">default stylesheet</a>, providing a basic but robust slideshow presentation interface. This stylesheet can be turned off in Slides->Settings, allowing a CSS coder full control over the entire look and feel of slideshows including transitions. The vanilla JavaScript slideshow script only changes classes and does not use the style attribute, meaning all state changes can be animated by CSS.
One of the things that makes Slides so easy to manage is the Edit button displayed with each Slide on the front-end when you’re logged in with Editor privileges. When you see a Slide in your slider that you want to edit, simply click the Edit button and you’re now editing that very Slide. Slides can also be moved from one Slideset to another with a couple of clicks. No need to migrate Slides by copy & paste.
Slides are just like Posts or Pages, with the standard Visual/Text editor, revisions, publication settings, featured image (used for thumbnails), etc. The big difference is that they are made for slideshows. Additional specialized Slide options allow you to upload/select a main image using the Media Library (so you can keep that separate from the editor content), link the main image to any Page, Post or other URL/URI, select the nature of the Slide (Imagery or Content) and set the Slide’s priority (any numeric value). You can even upload/select a background image (also using the Media Library), so there is no need to use your stylesheet to do a CSS background-image for each Slide.
Specialized buttons in the editor (TinyMCE) make it easy to add the CSS classes of a set, appropriate for slideshow objects and supported by the default stylesheet. These include four directional options (left, right, up and down), two rotational options (clockwise and counter-clockwise), an incremental option (with up to six increments) and a decremental option (with up to six decrements). These classes can also be styled or animated by CSS and can therefore be repurposed for any need a web developer deems them best suitable for. We gave these buttons generic names for that very purpose.
The shortcode [slides] supports parameters for every feature the slideshow script has to offer, while not requiring any of them at all (except where customization is necessary, of course). These features include
<pre><code>* slideset — Selects a specific Slideset by slug
* auto — Automates Slide transitioning
* speed — Duration each Slide is displayed
* prevnext — Adds "Previous" and "Next" buttons
* pause — Adds a Pause button
* tabs — Adds tabs/pager with optional labels and/or thumbnails
* tabsfirst — Outputs tabs before the slideshow instead of after
* stoppable — Stops automated transition upon user interaction
* pauseonhover — Pauses automated transition upon hover/mouseover
* fullscreen — Adds Fullscreen button (note limited browser support)[http://caniuse.com/#search=fullscreen]
* swipe — Adds touchscreen swipe capability. (By default, left = next Slide, right = previous Slide. Also includes up = next Slide, down = previous Slide, and a few other combinations thereof)
* class — Adds CSS class(es) to the slideset container
* order — The order in which Slides are displayed
* orderby — What the display order is based upon — date, priority (if set in Slide options), name, ID, random
</code></pre>
A Help Tab is available (when editing any Post, Page, etc.) with simple but detailed instructions on how to write [slides] shortcodes, including all options available, as well as currently created Slidesets.
The Slides Widget supports all of the same options as the shortcode, with a comprehensive set of on/off settings and multiple choice boxes. And of course for you themers, if you would like to do_shortcode in your theme files, that option is available as well.
We have big plans for AddFunc Slides. We created it because we couldn’t find any other slideshow plugin that works anything like this one does. That’s really the basis by which we build all of our plugins — to fill a needed gap. We hope that you find this plugin to be as vastly useful as we do.

AddFunc Slides

In searching for a good slideshow plugin, I had a lot of high criteria. It had to be native to WordPress, preferably with its own content type and taxonomy. It had to enable me to add slideshows with a flexible shortcode. It had to provide a widget, so I could put slideshows in any widget area. It had to use classes and not style attributes, so I could have full control over its look, feel and animation transitions. It had to be clean and not overwhelm me with a slew of poorly thought out bells and whistles that could never be useful to me. It would not invade other parts of WordPress it didn't belong in and it would just stick to what it is made for—slideshows.
I couldn't find that plugin. Indeed I couldn't find any plugins that came anywhere near that description, even some which met a small handful of my criteria. So I made this one. I've been using AddFunc Slides for production projects throughout its entire development, so I can attest that it is reliable.
I hope there are others in the community and the world who have a criteria similar to what I had, and who will greatly benefit from AddFunc Slides.



Built for Coders AND the Average WordPress User

An easily manageable slide content type with intuitive shortcode & widget interfaces, including standard slidshow options. Fully CSS styleable.

UIUX Lab

This plugin is a simple way to build, organize and display slideshow into any existing WordPress theme. Using template file to embed your theme.
Insert slideshow anywhere on your site using a custom post type.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/ckjZ570mYiU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Adding Uix Slideshow to Web Pages</h4>
There are two different ways you can add the Uix Slideshow widget to your site’s pages:
(1) Shortcode – Embed a shortcode into the editor of any post, page, or custom post type.
Use <code>[uix_slideshow_output]</code> to add it to your Post, Widgets or Page content. Now this shortcode has one attributes. Uix Slideshow show at most can be customized using the “show” parameter.
Go to your WordPress admin panel, edit or create a new post (or page). You’ll see a Uix Slideshow button in the toolbar.
(2) Template tags – Add a simple PHP function to one of your theme’s template files.
Place <code><?php get_template_part( 'tmpl', 'uix_slideshow' ); ?></code> in your templates.
<h4>Custom Usage</h4>
You can overview the original styles to overwrite it. It will be on creating new styles to your website, without modifying original .css files. Go to “Uix Slideshow” in the WordPress Administration Screens, then link to a specific tab like “Custom CSS”.
<blockquote>
There is a second way, make a new Cascading Style Sheet (CSS) document which name to “uix-slideshow-custom.css” to your templates directory ( “/wp-content/themes/{your-theme}/” or “/wp-content/themes/{your-theme}/assets/css/” ). You can connect to your site via an FTP client, make the changes and then upload the file back to the server. Once you have created an existing CSS file, Uix Slideshow will use it as a default style sheet to your WordPress Theme. Of course, Uix Slideshow’s function of “Custom CSS” is still valid.
Note: Making a new javascrpt (.js) document which name to “uix-slideshow-custom.js” to your templates directory ( “/wp-content/themes/{your-theme}/” or “/wp-content/themes/{your-theme}/assets/js/” ). Once you have created an existing JS file, Uix Slideshow will use it as a default script to your WordPress Theme.
</blockquote>

Uix Slideshow

This plugin is a simple way to build, organize and display slideshow into any existing WordPress theme.

AddFunc Slides vs Uix Slideshow