Jump Start

Theme Blvd framework at its core
  • Home
  • Post List
  • Post Grid
    • Post Grid – 2 Columns
    • Post Grid – 3 Columns
    • Post Grid – 4 Columns
    • Post Grid – 5 Columns
  • Sidebar Layouts
    • Full Width Page
    • Sidebar Right
    • Sidebar Left
    • Double Sidebars
    • Double Right Sidebars
    • Double Left Sidebars
  • Sample Layouts
    • Business Homepage #1
    • Business Homepage #2
    • Business Homepage #3
    • Business Homepage #4
    • Classic Magazine #1
    • Classic Magazine #2
    • Design Agency
    • Portfolio Homepage
    • Showcase Blogger
  • Features
    • Bootstrap Integration
    • Contact Forms
    • Footer Options
    • Layout Builder
    • Lightbox Integration
    • Responsive Design
    • Shortcodes
      • Buttons
      • Columns
      • Components
      • Display Posts
      • Image Icons
      • Inline Elements
      • Lightbox
      • Sliders
        • Custom Sliders
        • Gallery Slider
        • Post Sliders
      • Tabs & Toggles
    • Slider Manager
    • Typography
    • Unlimited Sidebars
    • Vector Icon Integration
    • Widgets
  • Page Templates
    • Archives
    • Post List
    • Post Grid
    • Sitemap
    • Redirect
  • Home
  • Shortcodes
  • Lightbox

Lightbox

Lightbox Example
[lightbox link="http://yoursite.com/image.jpg" thumb="http://yoursite.com/thumbnail.jpg" title="Lightbox Example" frame="true" icon="image"]
Video Lightbox Example
[lightbox link="https://vimeo.com/11178250" thumb="http://yoursite.com/thumbnail.jpg" title="Video Lightbox Example" frame="true" icon="video"]

Options

Argument Default Description
link (required) None

The full URL of what you want to link to in the lightbox. This can be a link to an image, a YouTube of Vimeo video page, or a Google map embed URL.

Examples:
http://yoursite.com/uploads/image.jpg
http://youtube.com/watch?v=123456
http://vimeo.com/123456
https://maps.google.com/maps?q=London,+United+Kingdom

thumb (required) None The full URL to the thumbnail image that will lead to the lightbox image.
Ex: http://yoursite.com/uploads/image.jpg
title None Title to display in the lightbox popup.
width None The width of the thumbnail image – 70, 70%, etc.
align none Alignment of thumbnail image – none, left, right.
frame true Whether to wrap the thumbnail in a frame – true, false.
icon image When thumbnail is framed, what icon to display when hovered on – image, video.

Note: The default “image” option is generally just a plus symbol, in most themes, which can be used for many different purposes.

class None Optional CSS class for custom styling to append to the <a> tag, or the outer frame, if enabled.
For more information on generating Google Maps URLs, see this article: Quick Tip: Embedding New Google Maps

Lightbox Gallery

When you have several lightbox items on the same page, you can link them into a gallery. This means that when in the lightbox popup, the user can navigate from item to item without leaving the lightbox.

To do this, you can simply wrap multiple instances of the [lightbox] shortcode in the [lightbox_gallery] shortcode.

Lightbox Example
Video Lightbox Example
[raw]
[lightbox_gallery]
[lightbox link="http://yoursite.com/image.jpg" thumb="http://yoursite.com/thumbnail.jpg" title="Lightbox Example" frame="true" icon="image" align="left"]
[lightbox link="https://vimeo.com/11178250" thumb="http://yoursite.com/thumbnail.jpg" title="Video Lightbox Example" frame="true" icon="video" align="left"]
[/lightbox_gallery]
[/raw]

Auto Lightbox

The Auto Lightbox feature will automatically convert images inserted into pages and posts into the [lightbox] shortcode when they link to a lightbox-compatible URL. Note that you can disable this functionality from Settings > Writing > Theme Blvd Shortcodes in your WordPress admin.

  • Shortcodes
  • Buttons
  • Columns
  • Components
  • Display Posts
  • Image Icons
  • Inline Elements
  • Lightbox
  • Sliders
    • Custom Sliders
    • Gallery Slider
    • Post Sliders
  • Tabs & Toggles

From Twitter

401 Unauthorized: Authentication credentials were missing or incorrect.

Recent Posts

  • The city is powering down for the night
  • Cheap cars can photograph well
  • I’m thinking a vacation is in order
  • There’s no one enjoying the sunset

Raw Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Get in Touch

  • 907-555-5555
  • you@youremail.com
  • Contact Us
  • YourSkypeName
    • Twitter
    • Facebook
    • Google+
    • Pinterest
    • Linkedin
    • RSS
(c) 2013 Jump Start - Powered by WordPress, Designed by Theme Blvd
  • Sitemap
  • Archives
  • Terms of Service