Full Moon Charter San Francisco
  • Facebook
  • Instagram
Call Now: 415.992.2192
  • Home
  • The Yacht
  • Services
    • Rates
    • Cruise Planning
  • Events
  • Contact
Home» Shortcodes » Shortcodes – Sliders

Shortcodes – Sliders

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

  • Kealia Gallery
  • Kealia Gallery
  • Kealia Gallery
  • Kealia Gallery

Previous Next
  • Image Link BoatSideCityFront
  • SalonAwesome - Copy
  • Image Link
  • BoatSideCityFront
  • SalonAwesome - Copy

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

  • thumbnail menu jpost blah blah

    View Post
  • Menu blah blah

    View Post
  • some pictures

    View Post
  • Food Gallery

    View Post
  • 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 Post
  • Young 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 Post
  • Fashion 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 Post
  • Another 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 Post
  • A 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.