Featured Posts Slider

Using the Magazine theme’s Featured Posts Slider widget, you can highlight one or more of your most important articles in a mobile ready, highly scalable way: using some “JavaScript” magic, the slider adapts to the space available to it, according to options you specify.

The widget can be used in any of the theme’s widget spots or in a SiteOrigin PageBuilder layout (a shortcode version is also being planned).

Widget Options

Title:

The widget’s title. If you don’t want to show a title, just leave the option empty.

Show widget title inside the slides:

Sometimes (especially in wide layouts and when not using a box), showing the title in the featured posts’ description area instead of above the slides looks better.

Try both options and pick the one you like best.

Include latest posts with tags:

Check the tags from which you want to select the posts to show in the slider.

For example, you could use a tag called “Featured” to pick the posts you want to feature — in that case, select that tag here and leave all the other tags and categories unchecked.

Include latest posts in categories:

Same as with tags, the posts to show in the widget are selected from the categories you pick in this list. Notice that if you select both tags and categories, both are taken into account when selecting the latest posts to show.

Number of posts to show:

The total number of posts you want to show in the slider. The slider always shows latest posts.

Surround the widget in a box:

If you select this option, the slider’s contents are shown in a box. This helps to make the featured posts slider stand out more from the surrounding content.

It’s again a matter of taste: if you like a more subtle approach, not surrounding the widget is also a good option.

Post image width:

In the default (desktop / tablet) view of the featured posts slider, the posts’ featured image is shown on the right, with the post’s title and other information on the left.

Using this option, you can select the division between the text and image content. The options are:

  • 1/2: This is a 50/50 split.
  • 1/3: The image takes one third of the space, leaving the rest for the text content.
  • 2/3: Two thirds for the image.
  • 3/5: Three fifths for the image.

When experimenting with this option, it’s a good idea to also look at the next two.

Post image shape:

The dimensions for the post image:

  • Square
  • 3:2
  • 4:3

3:2 and 4:3 are typical digital photo sizes whereas square is — well – a square. Pick the one that fits your layout the best.

Minimum width for post information:

When the space available for the featured posts slider diminishes, there comes a point where no matter how much you scale the image down, the text just won’t fit next to it neatly. Think mobile phones, for example.

At this point, the widget changes the layout, showing the post image first, with the post’s title and other information right below it.

When this happens, is up to you. By increasing this number (250 pixels by default), you make the change happen earlier whereas by decreasing it, you make the text and image stay side by side longer. When modifying this value, make sure to test on different devices to see that the slides still look good on all of them!

Show the posts’ categories:

If selected, the featured posts’ categories are shown above the titles in the slider.

Show the posts’ tags:

If selected, the featured posts’ tags are shown below the excerpts in the slider.

Show the posts’ excerpts:

If selected, excerpts from the featured posts are shown below the title in the slider. For best looking sliders, it’s a good idea to specify the excerpts manually in each posts you feature (this can be done in the WordPress post editor, using the Excerpt field).

Also, it’s good to try and keep the posts’ titles and excerpts approximately at the same length.

Show a “Read More” link after post:

If selected, a link to the post is shown at the end of the post information. The image and the post title always act as links to the post.

Text for the “Read More” link:

If you choose to show a “Read More” link after the post’s description, you can select a custom text here.

Switch slides automatically:

If true, slides are looped automatically. People like to be in control, so we advice against automatic switching — but like everything, this is not black and white, and it’s up to you to decide.

Slide duration (in milliseconds):

If you decide to switch slides automatically, you can use this field to specify how often the slides should change.

Pick a number that is high enough so that even the slower readers have time to go through the slide before they see another. 8 seconds (8000 milliseconds) is a pretty good value.

Limit post selections to current category:

The Magazine theme comes with the concept of Category templates, which means that you can create a page template to be used for one or more of your categories to design a more customized user experience.

The template is usually created using PageBuilder and the theme’s widgets. When using the Featured Posts Slider in such a template, you can use this option to limit the category and tag selections so that in addition to the options defined in the options described above, the widget does an extra check and only includes articles from the category that is being browsed at the moment.

For example, if you choose to show articles with the “Featured” tag and also select to limit selections to current category, a visitor browsing your “Reviews” category would see posts from the “Reviews” category that have also been tagged “Featured.”