Custom Sliders
With the Theme Blvd WordPress framework comes with support for our Slider Manager. These custom sliders can be inserted into layouts you build over in the Layout Builder. And of course, if you want to embrace the classics of WordPress, you can also insert those custom sliders into your pages and posts with the slider shortcode as shown below.
Usage Examples
Usage Instructions
You can insert one of your custom-built sliders into any page, or post like this:
[slider id="id_of_slider"]
You can find the ID of your custom-built slider easily from the Slider Manager’s homepage.
Options
Required arguments - id: ID of your custom-built slider
Post Slider
This slider takes advantage of the display function setup by the Theme Blvd Sliders plugin, except for it allows you to dynamically generate the slider based on a series of posts. The idea here is to mimic what you could theoretically setup with the plugin’s Slider Manager and a custom slider, but still give you that automation.
Note: For some other ways of displaying posts in a slider, see the Post Grid and Post List sliders below.
Usage Examples
Usage Instructions
[post_slider button="Read More"]
[post_slider tag="featured"]
[post_slider category_name="portfolio"]
Optional Arguments - fx: Transition of slider - fade, slide - timeout: Seconds in between transitions, 0 for no auto-advancing - nav_standard: Show standard nav dots to control slider - true or false - nav_arrows: Show directional arrows to control slider - true or false - pause_play: Show pause/play button - true or false - pause_on_hover: Pause on hover - pause_on, pause_on_off, disable - image: How to display featured images - full, align-right, align-left - image_link: Where image link goes - permalink, lightbox, none - button: Text for button to lead to permalink - leave empty to hide - tag: Tags to include/exlude - cat: Category ID(s) to include/exclude - category_name: Category slug(s) to include/exclude - numberposts: Number of posts/slides - orderby: Orderby param for posts query - date, title, comment_count, rand, etc. - order: Order param for posts query - DESC, ASC - query: Custom query string - mobile_fallback: How to display on mobile - full_list, first_slide, display
Post Grid Slider
Note: This shortcode does not require the Theme Blvd Sliders plugin.
Usage Examples
Usage Instructions
The above slider was inserted into the page with the following code:
[post_grid_slider category_name="portfolio" rows="1"]
The amount of customization you want to put into your post grid slider is up to you. It can be as simple or as complicated as you want. You can see below all of the arguments you can pass into the shortcode, which are all optional.
Optional arguments - fx: Transition of slider - fade, slide - timeout: Seconds in between transitions, 0 for no auto-advancing - nav_standard: Show standard nav dots to control slider - true or false - nav_arrows: Show directional arrows to control slider - true or false - pause_play: Show pause/play button - true or false - cat: Category ID(s) to include/exclude - category_name: Category slug(s) to include/exclude - categories: @deprecated - tag: Tag(s) to include/exclude - columns: Number of posts per row - rows: Number of rows per slide - numberposts: Total number of posts, -1 for all posts - orderby: post_date, title, comment_count, rand - order: DESC, ASC - offset: Number of posts to offset off the start, defaults to 0 - crop: Featured image crop size override (be careful!)
Post List Slider
Note: This shortcode does not require the Theme Blvd Sliders plugin.
Usage Examples
*As you can see, the post list slider looks a little bit nicer if used in more narrow area, opposed to letting it stretch the full width here in this situation. To accomplish this, we're just using column shortcodes for these two columns you're looking at here.
Usage Instructions
The above slider was inserted into the page with the following code:
[post_list_slider posts_per_slide="1" numberposts="4" thumbs="full"]
The amount of customization you want to put into your post list slider is up to you. It can be as simple or as complicated as you want. You can see below all of the arguments you can pass into the shortcode, which are all optional.
Optional arguments - fx: Transition of slider - fade, slide - timeout: Seconds in between transitions, 0 for no auto-advancing - nav_standard: Show standard nav dots to control slider - true or false - nav_arrows: Show directional arrows to control slider - true or false - pause_play: Show pause/play button - true or false - cat: Category ID(s) to include/exclude - category_name: Category slug(s) to include/exclude - categories: @deprecated - tag: Tag(s) to include/exclude - thumbs: Size of post thumbnails - default, small, full, hide - post_content: Show excerpts or full content - default, content, excerpt - posts_per_slide: Number of posts per slide. - numberposts: Total number of posts, -1 for all posts - orderby: post_date, title, comment_count, rand - order: DESC, ASC - offset: number of posts to offset off the start, defaults to 0
Note: When you see “default” as an option, it’s referring to your default blog settings on your Theme Options page.