Easy for novice, powerful for experienced users

Slider in Post List

How To

On this post list page, two different post templates are used for the posts. One for the second post (Portfolio Post with Carousel) and one for the other posts. In the Dottoro theme, selectors allow you to target posts and pages according to their attributes, such as CSS class, categories, tags and more and you can use selectors for the post template settings of post list pages. On this page, the second post has been selected by tag.

Post template used for the posts excluding the second one:

[post_article class="post-template-post-list base-format-styles"]
    [post_header]
        [post_title /]
    [/post_header]

    [post_body]
        <div style="float:left;width:60%;max-width:100%;margin-right:10px;min-width:300px;">
            [slideshow name="NAME OF THE SLIDESHOW" /]
        </div>
        [post_content /]
        [post_read_more style="float:right;margin-top:12px" /]
        [clear /]
    [/post_body]
[/post_article]
The settings of the Slideshow:

Profile: Single Basic
Slide Settings > Media Width: 580
Navigation Buttons > Navigation Type: disc

Post templates used for the post "Portfolio Post with Carousel" (second post):

It is the same as for the other posts, but it uses another slideshow.
The settings of the Slideshow:

Profile: Carousel Basic
Slide Settings > Media Width: 300
Autoplay > Show Autoplay Button: false

Portfolio Post with Single Slider

thumbnail
Etiam vehicula, massa vitae semper egestas, libero odio interdum arcu, vitae malesuada ipsum dolor ut lorem. Suspendisse pellentesque, diam a interdum tincidunt, elit metus ullamcorper sapien, et luctus mi felis nec ipsum. Nulla consectetur massa a elit imperdiet, nec porttitor diam laoreet. Cras tristique et nunc sed fringilla. Vestibulum vitae pretium purus, a scelerisque quam. Fusce in neque ante. Proin quam libero, luctus sit amet semper at, hendrerit vel elit. Mauris nulla ipsum, faucibus sagittis tempor sit amet, venenatis eu elit. In sodales interdum tincidunt. Donec vel massa varius, ultricies ligula et, iaculis ipsum. Nullam ultricies viverra dignissim. Nullam viverra tristique ...
View Project

Portfolio Post with Carousel

thumbnail
Phasellus dapibus varius interdum. Nulla euismod mi eget ultrices semper. Mauris volutpat interdum blandit. Maecenas vestibulum enim ac nibh tristique dapibus convallis vel lectus. Praesent mi leo, interdum eu volutpat at, aliquam vel erat. Nullam ac risus placerat, venenatis neque placerat, viverra mauris. Nunc ...
View Project

Portfolio Post 3

thumbnail
Praesent pellentesque risus ac diam condimentum feugiat. Nullam accumsan commodo quam. Ut molestie consectetur suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel auctor nulla. Duis volutpat auctor velit, id pulvinar lectus. Pellentesque commodo fringilla dapibus. Ut mollis tristique tincidunt. Nullam ornare tellus vel mattis lacinia. Donec vitae libero blandit lectus egestas dapibus. Maecenas dictum diam vestibulum malesuada vehicula. Fusce auctor, elit nec volutpat varius, diam ante laoreet magna, a dictum ipsum nulla at lacus. Pellentesque blandit lorem non erat egestas, nec tempor nulla aliquet. Etiam sit amet sagittis tellus. Mauris faucibus sodales nisl, et ...
View Project

Portfolio Post 4

thumbnail
Nam quis ante eget quam fermentum vestibulum. Aliquam mi lacus, fringilla eget ante sed, mollis interdum quam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum pellentesque ultrices ligula, sed blandit mi molestie non. Aliquam id auctor massa, ac accumsan sapien. Sed rhoncus elit dapibus laoreet fringilla. Duis quis purus neque. Phasellus scelerisque sem quis risus facilisis convallis. In hac habitasse platea dictumst. Maecenas in lorem ac augue posuere tincidunt. In pretium gravida tellus, at feugiat nisi. Vestibulum placerat tempor risus, eu convallis lorem lobortis sed. Integer sed libero non risus lobortis consequat at eget augue. Integer posuere purus viverra ...
View Project

Portfolio Post 5

thumbnail
Morbi non tortor vitae felis vulputate viverra. Aliquam erat volutpat. Maecenas imperdiet ante a magna sollicitudin, in sagittis enim iaculis. Phasellus ac enim feugiat, laoreet velit nec, sollicitudin urna. Vestibulum lorem metus, dictum ac accumsan non, aliquet id nunc. Etiam volutpat posuere eleifend. Nullam ultricies vitae neque ac egestas. Suspendisse potenti. Nam ac tellus a dui rhoncus tempus. Maecenas eget magna non sem luctus pellentesque non et neque. Vestibulum semper lectus eu dolor faucibus, id ultricies nunc aliquam. Duis fermentum bibendum metus, in feugiat risus condimentum a. Fusce fringilla sapien sit amet massa tincidunt molestie. Aenean sed massa auctor nulla molestie ...
View Project
This is a demo site for the Dottoro Slider,
which is part of the Dottoro WordPress Theme
i