WordPress.org

Plugin Directory

WordPress Colorbox Lightbox

View image, video (YouTube, Vimeo), page, inline HTML, custom content in lightbox

WP Colorbox plugin is a simple lightbox tool for WordPress. It allows users to pop up content in lightbox using the popular jQuery ColorBox library. They can also view the larger version of a particular media file without leaving the page.

Requirements

  • Latest version of WordPress

Feature

  • Beautiful lightbox popup style
  • Flexiblity of creating your own lightbox link
  • Pop up custom/HTML content in lightbox
  • Trigger lightbox from either a text/image link
  • Comptaiblie with WordPress multisite
  • Add lightbox to a YouTube or Vimeo video link
  • Enable lightbox functionality on your site which supports all major browsers
  • Use a simple shortcode anywhere on your site (Post, Page, Homepage etc.)to pop up a media file in lightbox
  • Apply lightbox effect on images inserted into WordPress post/page
  • Open external page in lightbox using iframe
  • Responsive lightbox popup which works on mobile devices. Also it fits perfectly on smaller screens.

WP Colorbox Plugin Usage

Pop up image in lightbox

Create a new post/page and use the following shortcode to create a text/image link which will trigger lightbox once clicked:

[wp_colorbox_media url="http://example.com/wp-content/uploads/images/overlay.jpg" type="image" hyperlink="click here to pop up image"]

here, url is the link to the media file that you wish to open in lightbox and hyperlink is the anchor text/image.

[wp_colorbox_media url="http://example.com/wp-content/uploads/images/overlay.jpg" type="image" hyperlink="http://example.com/wp-content/uploads/images/thumb.jpg"]

Pop up YouTube video in lightbox

[wp_colorbox_media url="http://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video"]

Pop up Vimeo video in lightbox

[wp_colorbox_media url="http://www.youtube.com/embed/1284237" type="vimeo" hyperlink="click here to pop up vimeo video"]

Show Title in lightbox

[wp_colorbox_media url="http://example.com/wp-content/uploads/images/overlay.jpg" title="overlay image" type="image" hyperlink="click here to pop up image"]

Apply Custom CSS

You can specify your own CSS class in the shortcode to customize a text/image link.

[wp_colorbox_media url="http://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video" class="custom_class"]

Multiple CSS classes can be separated with a space. For example:

[wp_colorbox_media url="http://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video" class="custom_class custom_class2"]

For detailed documentation please visit the WordPress Colorbox plugin page

Recommended Reading

Requires: 3.0 or higher
Compatible up to: 4.3
Last Updated: 2015-8-22
Active Installs: 5,000+

Ratings

4.5 out of 5 stars

Support

5 of 5 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

4 people say it works.
0 people say it's broken.

100,6,6
100,4,4 83,6,5
100,1,1
100,5,5
100,1,1
100,4,4 100,4,4 100,4,4
100,2,2 100,4,4
100,1,1
100,4,4
100,4,4 100,4,4
100,1,1
100,4,4
100,4,4