WordPress.org

Plugin Directory

WordPress Colorbox Lightbox

View image, video (YouTube, Vimeo), page, inline HTML, custom content in lightbox. Add jQuery Colorbox lightbox effect to your WordPress site.

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

Plugin Language Translation

If you are a non-English speaker please help translate WordPress Colorbox into your language.

Recommended Reading

Requires: 3.0 or higher
Compatible up to: 4.4.2
Last Updated: 1 month ago
Active Installs: 7,000+

Ratings

4.4 out of 5 stars

Support

1 of 4 support threads in the last two months have been marked resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 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
100,4,4
100,4,4
100,4,4