🎞️ The Sliding Banner

New here? Not a customer yet?See everything ResultsAiX Theme Free can do, and get it.Get ResultsAiX Theme Free →
The sliding banner above the Journal with a podcast post, its category, date and Read the guide button
The sliding banner above the blog. This post has no picture, so its share card stands in.

The sliding banner shows your posts in a banner above the blog list. Each slide is the whole post as one click: its picture, the category, the date, the title, a line of the writing and a button.

It is on by default, so a new blog looks lively from the first post. A post with no featured picture uses the share card the theme draws for it, so no post is left out for want of a picture.

Where to find it:

The sliding banner card on the Blog tab with all its settings and the live preview
Blog tab, The sliding banner, with the live preview at the bottom.

ResultsAiX Theme, Blog tab, The sliding banner card. The label at the top right of the card says On or Off.

Where it shows:

  • Show the sliding banner: the master switch. Off, nothing prints anywhere, although a banner you placed on a page yourself with [raix_slider] still works.
  • On the blog home: above the list, on the first page only.
  • On category and tag pages: each page shows its own posts.

A static front page or any other page takes the Sliding Banner block from the + inserter, or the [raix_slider] shortcode.

Which posts:

  • The newest posts: from every category, newest first. This is the default.
  • From the categories ticked below: newest first, those categories only. Tick them in the list of your categories.
  • Only posts marked for the banner: posts set to Yes, always on their Banner tab.
  • Sticky posts only: the posts WordPress keeps at the top.

How many slides can be set from 1 to 12. The default is 6.

Per post and per category:

The Banner tab of the ResultsAiX panel with Show this post in the sliding banner
The Banner tab on a post.
  • On a post's edit screen, the Banner tab of the ResultsAiX panel (the ResultsAiX Banner box if you keep boxes in the side column) offers Site default, Yes, always, or No, never. A post set to No, never stays out whatever the site setting is.
  • Under Posts, Categories, edit a category and tick Keep this category's posts out of the sliding banner, then press Update. That category's own page then shows no banner either. A post marked Yes, always still slides.

The look:

  • The words beside the whole picture: the picture shows complete, never cropped, with a soft copy of itself behind. This is the default, and right for pictures that carry their own words.
  • The words over the picture: the picture fills the banner edge to edge and the words sit on a dark fade at the bottom. Tall or narrow pictures are cropped.
  • Height: Short, Medium or Tall. Medium is the default.
  • The button word: blank says Read the guide.
  • Edge to edge: the full width of the screen. Off (the default) matches the width of your pages, with rounded corners.
  • A line of the writing: under the title, from the post itself.
  • Category and date: a chip and the date above the title.
  • Previous and Next arrows: shown on hover, always on a phone.
  • Dots for each slide: press a dot to jump to that post.

How it moves:

Slide on its own every sets the seconds between slides, from 0 to 60. The default is 6, and 0 means it only moves when pressed.

A thin line along the top shows the countdown. The banner pauses while the pointer or the keyboard is on it, swipes on a phone, answers the arrow keys and has a pause button with a slide counter. Visitors whose device asks for less motion get no automatic sliding.

The live preview:

The card shows a live preview drawn from your newest post as you change the settings, with a line such as 6 slides, sliding every 6 seconds. Press Save Blog to keep them.

On any other page:

[raix_slider count="6" category="" source="latest" autoplay="6" height="medium" bleed="no" label="Read the guide"] builds a banner with its own settings. Leave out anything you want to take from the Blog tab.

  • count: 1 to 12.
  • category: one category's slug.
  • source: latest, marked or sticky.
  • autoplay: seconds, 0 to 60.
  • height: short, medium or tall.
  • bleed: yes for edge to edge, no for inside the column.
  • label: the button word.

The Shortcode Studio builds this line for you with a live preview.

A real example:

Rosa's Journal shows the six newest posts, sliding every six seconds, with the words beside the whole picture. She keeps the Podcast Notes category out of the banner, so only articles slide, and marks her best guide Yes, always so it never drops off. On her front page she adds the Sliding Banner block showing only the Containers category.

Tips:

  • Pictures with words in them look best with The words beside the whole picture, which never crops.
  • If the banner is not on a page you expect, remember it shows only on the first page of the blog and on category and tag pages.
  • Featured pictures and share cards are covered in Blog Layouts, Sharing And Site Search.
New here? Not a customer yet?See everything ResultsAiX Theme Free can do, and get it.Get ResultsAiX Theme Free →

Ready to stop reading and start using?

Every plugin documented here works alongside the others, managed from one ResultsAiX Hub.