{"id":370028,"date":"2026-09-20T05:43:47","date_gmt":"2026-09-20T05:43:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/smartupworld-post-slider\/"},"modified":"2026-10-07T19:16:21","modified_gmt":"2026-10-07T19:16:21","slug":"smartupworld-post-slider","status":"publish","type":"plugin","link":"https:\/\/mg.wordpress.org\/plugins\/smartupworld-post-slider\/","author":18635502,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.0","stable_tag":"1.1.0","tested":"7.1.3","requires":"5.0","requires_php":"7.4","requires_plugins":null,"header_name":"SmartUpWorld Post Slider","header_author":"Smartupworld Websolutions","header_description":"A lightweight, accessible Owl Carousel post slider. Use the shortcode [suwps_post_slider] anywhere in your site.","assets_banners_color":"68737f","last_updated":"2026-10-07 19:16:21","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/smartupworld.com\/smartupworld-post-slider\/","header_author_uri":"https:\/\/smartupworld.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":181,"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":"smartupworld","date":"2026-09-20 05:43:25","revision":3703908},"1.1.0":{"tag":"1.1.0","author":"smartupworld","date":"2026-10-07 19:16:21","revision":3733235}},"upgrade_notice":{"1.1.0":"<p>New design, a settings page, and a lighter, accessible carousel without jQuery. Sliders now fill their container by default, and custom CSS for the old suw- classes needs updating.<\/p>","1.0.1":"<p>The shortcode tag changed to [suwps_post_slider]. Update any existing usage.<\/p>","1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3733236,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3733236,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3725710,"resolution":"1544x500","location":"assets","locale":"","width":2000,"height":632},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3725710,"resolution":"772x250","location":"assets","locale":"","width":2000,"height":632}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1","1.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3733236,"resolution":"1","location":"assets","locale":"","width":1440,"height":610},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3733236,"resolution":"2","location":"assets","locale":"","width":1120,"height":1644},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3733236,"resolution":"3","location":"assets","locale":"","width":1120,"height":1476}},"screenshots":{"1":"The default design: full-image cards with category badge, author, date and Read More button, slim side arrows, pause button and dots.","2":"Settings tab: show or hide each part of the cards, set the Read More label and pick the button colours.","3":"Shortcode Guide tab with every attribute and copy-ready examples."}},"plugin_section":[],"plugin_tags":[1953,786,4566,1083,80],"plugin_category":[43,50],"plugin_contributors":[248986],"plugin_business_model":[],"class_list":["post-370028","plugin","type-plugin","status-publish","hentry","plugin_tags-accessibility","plugin_tags-carousel","plugin_tags-post-slider","plugin_tags-recent-posts","plugin_tags-shortcode","plugin_category-customization","plugin_category-media","plugin_contributors-smartupworld","plugin_committers-smartupworld"],"banners":{"banner":"https:\/\/ps.w.org\/smartupworld-post-slider\/assets\/banner-772x250.jpg?rev=3725710","banner_2x":"https:\/\/ps.w.org\/smartupworld-post-slider\/assets\/banner-1544x500.jpg?rev=3725710","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/smartupworld-post-slider\/assets\/icon-128x128.png?rev=3733236","icon_2x":"https:\/\/ps.w.org\/smartupworld-post-slider\/assets\/icon-256x256.png?rev=3733236","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/smartupworld-post-slider\/assets\/screenshot-1.png?rev=3733236","caption":"The default design: full-image cards with category badge, author, date and Read More button, slim side arrows, pause button and dots."},{"src":"https:\/\/ps.w.org\/smartupworld-post-slider\/assets\/screenshot-2.png?rev=3733236","caption":"Settings tab: show or hide each part of the cards, set the Read More label and pick the button colours."},{"src":"https:\/\/ps.w.org\/smartupworld-post-slider\/assets\/screenshot-3.png?rev=3733236","caption":"Shortcode Guide tab with every attribute and copy-ready examples."}],"raw_content":"<!--section=description-->\n<p>SmartUpWorld Post Slider shows your posts as a responsive carousel of full-image cards. Paste one shortcode into any post, page, widget or template \u2014 no coding required \u2014 and adjust the look from the dashboard.<\/p>\n\n<p><strong>Features:<\/strong><\/p>\n\n<ul>\n<li>One shortcode \u2014 <code>[suwps_post_slider]<\/code> \u2014 works in posts, pages, widgets and PHP templates<\/li>\n<li>Full-image cards with category badge, author, date and a Read More button<\/li>\n<li>Every part can be switched on or off: category, author, date, Read More button, arrows, dots, autoplay and pause button<\/li>\n<li>Settings page: show\/hide each part, set the time per slide, pick the button colours, set your own Read More label<\/li>\n<li>Shortcode attributes override the settings for a single slider<\/li>\n<li>Responsive \u2014 1, 2 or 3 cards depending on the space the slider has, not just the screen size<\/li>\n<li>Filter by category, show specific posts by ID, or skip the post being viewed<\/li>\n<li>Uses the primary category from Rank Math or Yoast SEO when one is set<\/li>\n<li>Works with any theme: the slider's styles are scoped to its own class names<\/li>\n<li>Works with WebP and lazy-load plugins such as Imagify, EWWW and ShortPixel, including their <code>&lt;picture&gt;<\/code> tags<\/li>\n<li>Right-to-left languages supported<\/li>\n<\/ul>\n\n<p><strong>Accessibility<\/strong><\/p>\n\n<p>The slider is built to meet WCAG 2.2 level AA:<\/p>\n\n<ul>\n<li>A pause\/play button whenever slides move on their own (WCAG 2.2.2)<\/li>\n<li>Slides stop moving while the mouse is over them, as soon as a keyboard user enters the slider, and for good once a visitor uses the arrows, dots or swipes<\/li>\n<li>For visitors who have asked their device to reduce motion, slides switch instantly instead of gliding<\/li>\n<li>Keyboard users can tab through every card; the focused card always slides into view, with a clear focus outline<\/li>\n<li>Labelled buttons, slide positions announced to screen readers, 24px minimum click targets<\/li>\n<li>Default colours meet the AA contrast ratios, including text over photos<\/li>\n<\/ul>\n\n<p>If you change the colours in the settings, keep text at a contrast ratio of at least 4.5:1 against its background, and keep the pause button on while autoplay is on.<\/p>\n\n<p><strong>Performance<\/strong><\/p>\n\n<ul>\n<li>No jQuery. The carousel uses Embla Carousel: about 10 KB of JavaScript (gzipped) in total, where Owl Carousel needed 11 KB plus jQuery<\/li>\n<li>CSS and JavaScript load only on pages that use the shortcode; scripts are deferred<\/li>\n<li>No layout shift while the page loads: cards are laid out with CSS before the script runs<\/li>\n<li>Images lazy-load with responsive sizes, and the next cards preload just before they slide in<\/li>\n<li>Autoplay only runs while the slider is visible on screen<\/li>\n<li>Add <code>priority=\"true\"<\/code> when the slider is at the top of a page, so its first image loads first<\/li>\n<\/ul>\n\n<p><strong>Basic usage:<\/strong><\/p>\n\n<pre><code>[suwps_post_slider]\n<\/code><\/pre>\n\n<p><strong>With a header:<\/strong><\/p>\n\n<pre><code>[suwps_post_slider eyebrow=\"From The Blog\" title=\"Latest Insights\" subtitle=\"Practical guides on website care, speed and security.\"]\n<\/code><\/pre>\n\n<p><strong>For single post templates (skip current, no arrows):<\/strong><\/p>\n\n<pre><code>[suwps_post_slider title=\"Related Articles\" count=\"6\" skip=\"current\" nav=\"false\" underline=\"false\"]\n<\/code><\/pre>\n\n<p><strong>Your own button text and colour:<\/strong><\/p>\n\n<pre><code>[suwps_post_slider readmore_text=\"Lees meer\" accent=\"#2c6e49\"]\n<\/code><\/pre>\n\n<p><strong>In a PHP template:<\/strong><\/p>\n\n<pre><code>&lt;?php echo do_shortcode( '[suwps_post_slider]' ); ?&gt;\n<\/code><\/pre>\n\n<p>The <strong>Post Slider<\/strong> admin page lists every attribute with copy-ready examples. Full documentation: <a href=\"https:\/\/smartupworld.com\/smartupworld-post-slider\/\">smartupworld.com\/smartupworld-post-slider\/<\/a><\/p>\n\n<p><strong>Third-party library<\/strong><\/p>\n\n<p>The carousel is powered by <a href=\"https:\/\/www.embla-carousel.com\/\">Embla Carousel<\/a> 8.6.0 by David Jerleke, released under the MIT License. The bundled file <code>assets\/js\/embla-carousel.umd.js<\/code> is the unmodified build from the official npm package; the human-readable source is at <a href=\"https:\/\/github.com\/davidjerleke\/embla-carousel\">github.com\/davidjerleke\/embla-carousel<\/a>. Its license is included as <code>assets\/js\/embla-carousel-LICENSE.txt<\/code>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>smartupworld-post-slider<\/code> folder to <code>\/wp-content\/plugins\/<\/code>, or install it from <strong>Plugins \u2192 Add New<\/strong>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<li>Paste <code>[suwps_post_slider]<\/code> into any post, page, or widget.<\/li>\n<li>Visit <strong>Post Slider<\/strong> in your WordPress admin menu to choose what the cards show, set colours, and see every shortcode option.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20shortcode%20do%20i%20use%3F\"><h3>What shortcode do I use?<\/h3><\/dt>\n<dd><p>Use <code>[suwps_post_slider]<\/code> anywhere in your site. The admin <strong>Post Slider \u2192 Shortcode Guide<\/strong> tab lists every attribute with copy-ready examples.<\/p><\/dd>\n<dt id=\"how%20do%20i%20hide%20the%20date%2C%20author%20or%20category%3F\"><h3>How do I hide the date, author or category?<\/h3><\/dt>\n<dd><p>Untick them under <strong>Post Slider \u2192 Settings<\/strong> to hide them on every slider, or use <code>date=\"false\"<\/code>, <code>author=\"false\"<\/code> or <code>cat=\"false\"<\/code> on a single slider.<\/p><\/dd>\n<dt id=\"how%20do%20i%20change%20the%20colours%3F\"><h3>How do I change the colours?<\/h3><\/dt>\n<dd><p>Go to <strong>Post Slider \u2192 Settings \u2192 Button colours<\/strong>. For one slider only, use the <code>accent<\/code> attribute, for example <code>accent=\"#2c6e49\"<\/code>.<\/p><\/dd>\n<dt id=\"how%20do%20i%20change%20the%20%22read%20more%22%20text%3F\"><h3>How do I change the \"Read More\" text?<\/h3><\/dt>\n<dd><p>Type your own label under <strong>Post Slider \u2192 Settings<\/strong>, or use <code>readmore_text=\"Lees meer\"<\/code> on a single slider. Left empty, the label is translated automatically when a translation for your language is available.<\/p><\/dd>\n<dt id=\"can%20i%20filter%20by%20category%3F\"><h3>Can I filter by category?<\/h3><\/dt>\n<dd><p>Yes. Use <code>category=\"your-category-slug\"<\/code> or <code>category=\"14\"<\/code> (numeric ID). Example: <code>[suwps_post_slider category=\"tech\" count=\"6\"]<\/code><\/p><\/dd>\n<dt id=\"how%20do%20i%20show%20specific%20posts%3F\"><h3>How do I show specific posts?<\/h3><\/dt>\n<dd><p>Use the <code>ids<\/code> attribute with comma-separated post IDs: <code>[suwps_post_slider ids=\"12,45,67\"]<\/code>. The posts appear in that order. This overrides <code>count<\/code> and <code>category<\/code>.<\/p><\/dd>\n<dt id=\"does%20it%20work%20on%20single%20post%20templates%3F\"><h3>Does it work on single post templates?<\/h3><\/dt>\n<dd><p>Yes. Add <code>skip=\"current\"<\/code> to leave out the post being viewed, ideal for a \"Related Articles\" section.<\/p><\/dd>\n<dt id=\"does%20it%20conflict%20with%20my%20theme%27s%20slider%3F\"><h3>Does it conflict with my theme's slider?<\/h3><\/dt>\n<dd><p>No. The plugin does not load Owl Carousel or jQuery and uses its own <code>suwps-<\/code> class names, so sliders from your theme or other plugins are not affected.<\/p><\/dd>\n<dt id=\"can%20i%20turn%20autoplay%20off%3F\"><h3>Can I turn autoplay off?<\/h3><\/dt>\n<dd><p>Yes: untick <strong>Autoplay<\/strong> in the settings, or use <code>autoplay=\"false\"<\/code>. With autoplay off, the pause button is not shown.<\/p><\/dd>\n<dt id=\"can%20i%20make%20the%20slides%20change%20faster%20or%20slower%3F\"><h3>Can I make the slides change faster or slower?<\/h3><\/dt>\n<dd><p>Yes. Set <strong>Time per slide<\/strong> under <strong>Post Slider \u2192 Settings<\/strong>, from 2 to 15 seconds (4 by default). For one slider only, use the <code>delay<\/code> attribute in seconds, for example <code>delay=\"6\"<\/code>.<\/p><\/dd>\n<dt id=\"why%20is%20there%20a%20pause%20button%3F\"><h3>Why is there a pause button?<\/h3><\/dt>\n<dd><p>Content that moves on its own needs a way to stop it (WCAG 2.2.2). You can hide it under <strong>Post Slider \u2192 Settings<\/strong>, but your slider will then no longer meet that accessibility requirement while autoplay is on.<\/p><\/dd>\n<dt id=\"where%20is%20the%20documentation%3F\"><h3>Where is the documentation?<\/h3><\/dt>\n<dd><p>Full documentation is at <a href=\"https:\/\/smartupworld.com\/smartupworld-post-slider\/\">smartupworld.com\/smartupworld-post-slider\/<\/a>. The admin <strong>Post Slider<\/strong> page also contains all attributes and copy-ready shortcode examples.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>New default design: full-image cards with category badge, author, date and a frosted Read More button.<\/li>\n<li>New Settings tab: show or hide the category, author, date, Read More button, arrows, dots, autoplay and pause button; set the time per slide; pick the button colours; set the Read More label.<\/li>\n<li>New shortcode attributes: cat, author, date, readmore, readmore_text, autoplay, pause, delay, loop, accent and priority.<\/li>\n<li>Replaced Owl Carousel, which is no longer maintained and needs jQuery, with Embla Carousel 8.6. No jQuery, less JavaScript.<\/li>\n<li>Accessibility: pause\/play button, slides stop on interaction and keyboard focus, focused cards slide into view, visible focus outlines, 24px click targets, contrast-safe default colours, no sliding animation with reduced motion.<\/li>\n<li>Performance: no layout shift while loading, deferred scripts, responsive image sizes, preloading of the next cards, autoplay only while visible, and a priority option for sliders at the top of a page.<\/li>\n<li>The card category uses the Rank Math or Yoast SEO primary category when set, and skips \"Uncategorized\".<\/li>\n<li>Changed: <code>layout<\/code> now defaults to \"fullwidth\", which fills the area the shortcode is placed in. Use <code>layout=\"contained\"<\/code> for the previous centred 1200px width.<\/li>\n<li>Changed: CSS classes now use the <code>suwps-<\/code> prefix. Custom CSS written for the old <code>suw-<\/code> classes needs updating.<\/li>\n<li>Fixed: the FAQ wrongly said WordPress would remove a duplicate Owl Carousel loaded by a theme.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Renamed the shortcode tag to [suwps_post_slider] for a unique, conflict-free prefix.<\/li>\n<li>Moved admin page CSS and JavaScript into properly enqueued files.<\/li>\n<li>Renamed the \"exclude\" attribute to \"skip\".<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>Bundled Owl Carousel 2.3.4 \u2014 no CDN dependency.<\/li>\n<li>Shortcode attributes: eyebrow, title, subtitle, underline, count, category, ids, exclude, layout, nav, dots.<\/li>\n<li>ARIA accessibility improvements \u2014 labelled nav buttons and dots.<\/li>\n<li>LCP-safe eager loading on first slide image.<\/li>\n<li>Admin documentation page with copy-ready examples and SmartUpWorld branding.<\/li>\n<\/ul>","raw_excerpt":"An accessible, lightweight post slider. Show your latest posts anywhere with one shortcode and style it from the dashboard.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/370028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=370028"}],"author":[{"embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/smartupworld"}],"wp:attachment":[{"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=370028"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=370028"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=370028"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=370028"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=370028"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=370028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}