Qaiyo Content Slider

Qaiyo Content Slider builds hero-banner style slides: a background image (or video) plus a text box (heading, text, call-to-action button), with progress indicators, prev/next arrows and a pause/play control.

Five layouts

Pick a layout per slider with a visual wireframe picker:

• Overlay — a floating text box over a full-bleed image.
• Side by side — image and text in two columns (landscape).
• Stacked — image on top, text below (portrait).
• Carousel — a centered card with the neighbours peeking in at the sides.
• Logo wall — the classic “Our partners” strip: logos gliding past in one or two rows.

Logo wall

A partner or client strip that keeps moving without feeling busy:

• One or two rows, running to the left or to the right — and, with two rows, optionally in opposite directions.
• Speed in pixels per second, so the pace stays the same however many logos you add.
• Faded edges, a shared logo height that evens out mismatched logos, and an adjustable gap.
• Every logo can link to the partner’s site (or an anchor on the same page), optionally in a new tab.
• A slide without an image shows its name as a word-mark.
• Optionally blend the strip into the background (multiply), so the white box JPEG logos usually carry disappears and only the logos show — best on a light background.
• Add a whole folder of logos in one go: “Add several images” turns every selected image into its own slide.
• Each logo is in the page exactly once, as a real list of <img> and <a> elements, with an optional Schema.org list of Organizations — the moving copies are generated in the browser and hidden from screen readers and the keyboard.
• A row stops while it is pointed at or has keyboard focus; visitors who prefer reduced motion get a still, centred row instead.

Built for SEO and AI search

Unlike most slider plugins, every slide image is a real <img> tag (never a CSS background), and every heading/text/button is plain DOM text — never baked into the image. That means:

• Slide images stay indexable by Google Image Search.
• The first slide loads eagerly with fetchpriority="high"; the rest load lazily.
• Content is fully visible to screen readers, search engine crawlers and AI agents that don’t execute JavaScript.
• Slide headings use a configurable H1, H2 or H3 tag, or styled text — never a forced H1. Choose H1 and only the first slide’s heading becomes the H1 (the rest are H2), so a page never ends up with several.
• Optional Schema.org ItemList JSON-LD output.

Dynamic content sources (Free)

Each slide can be:

• Static — manually written heading, text, image and button.
• A specific post or page — title, excerpt, featured image and link are pulled live, so editing the source content keeps the slide in sync.
• Latest posts from any post type — pick a post type (and optionally a taxonomy term), and a slide is generated automatically for each of the latest N matching posts.
• A HappyFiles folder (live) — with the HappyFiles media-folder plugin active, point a slide at a folder and every image in it becomes a slide, live: drop a new partner logo into the folder and it appears on the logo wall, no slider editing needed. Each image fills its slide from its own Media Library fields — alt text (or title) as the name, caption as the heading, description as the text — and a new “Slider link” field on every image gives it a link. The “Add HappyFiles folder” button under Slides adds such a slide in one step: pick the folder, done.

Design controls

Box background color, font family, font size, font color and separate heading and description colours are configurable both globally (Settings page) and per slide. The corner radius and the duration of the fade / slide transition can be set per slider. Box position, autoplay speed, transition (fade/slide), a separate mobile height, an extra CSS class on the wrapper, and which controls (arrows, indicators, pause button) are shown can all be set per slider and overridden per shortcode/block instance.

Motion & media

• Ken Burns effect — a subtle, continuous zoom/pan on the active slide’s image.
• Video backgrounds — add a muted, looping MP4/WebM per slide; the image is used as the poster and as the reduced-motion fallback.
• Autoplay progress indicator — the active bar fills in sync with the autoplay timer.
• All motion honours the visitor’s prefers-reduced-motion setting.

Authoring

• Visual wireframe layout picker in the editor.
• Duplicate any slide, or duplicate a whole slider from the list.
• An Overview screen with quick actions and a layout gallery.

Shortcode

[qaiyo_content_slider id="123"]

Gutenberg block

A “Qaiyo Content Slider” block lets you pick a saved slider from a dropdown, with a live preview in the editor.

Multilingual

Fully translation-ready (text domain qaiyo-content-slider), with locale variant fallback. Translations are provided through translate.wordpress.org. Compatible with Polylang, WPML, TranslatePress and Loco Translate.

External services

This plugin can optionally load a font from Google Fonts if you choose one of the “(Google Fonts)” entries in the font family dropdown (Settings, or a slider’s/slide’s font override). When you do, the browser of any visitor viewing that slider loads a stylesheet from https://fonts.googleapis.com/css2 (Google Fonts), which means Google receives the visitor’s IP address and user agent. No font is requested if you only use the web-safe font options (Theme default, System UI, Georgia, Courier New). See Google’s Privacy Policy: https://policies.google.com/privacy and Terms of Service: https://policies.google.com/terms.