Custom Sliders
With the Theme Blvd WordPress framework comes an awesome Slider Builder. These custom sliders can be inserted into layouts you build over in the Layout Builder, and of course, if you feel like embracing 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 Grid Slider
Usage Examples
Usage Instructions
The above slider was inserted into the page with the following code:
[post_grid_slider categories="portfolio" rows="2"]
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 - categories: Categories to include, category slugs separated by commas (no spaces!), or blank for all categories - 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
Post List Slider
Usage Examples
Kealia Gallery
#gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 20%; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } /* see gallery_shortcode() in wp-includes/media.php */ #gallery-2 { margin: auto; } #gallery-2 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #gallery-2 [...]View PostYoung blonde sitting by the road
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget dolor augue. Nam ac dolor in augue vehicula semper vulputate at turpis. Integer malesuada dui sit amet lorem ullamcorper imperdiet. Sed enim lacus, vulputate quis vehicula quis, tristique semper erat. Sed aliquet semper leo, auctor placerat ligula scelerisque sed. Nullam sed tempus magna. Praesent quis […]
View PostFashion style photo of an handsome man
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget dolor augue. Nam ac dolor in augue vehicula semper vulputate at turpis. Integer malesuada dui sit amet lorem ullamcorper imperdiet. Sed enim lacus, vulputate quis vehicula quis, tristique semper erat. Sed aliquet semper leo, auctor placerat ligula scelerisque sed. Nullam sed tempus magna. Praesent quis […]
View PostAnother Post with Everything In It
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.
View PostA Post With an Unordered List
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat. Vestibulum in mauris semper tortor interdum ultrices. Sed vel lorem et justo laoreet bibendum. Donec dictum. Etiam […]
View Post
*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="10"]
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 - categories: Categories to include, category slugs separated by commas, or blank for all categories - 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.