WP Colorbox

wp-colorbox · By Noor Alam

View on WordPress.org

5k+ installs 4.3 (23) Updated 1 year ago v1.1.6 WP 3.0–6.8.12

Impact score

Footprint Score across the two most representative contexts.

1 scans · last scan 2 months ago

Compare with another plugin

Homepage Score

Impact measured on the public homepage

···

—

v1.1.6 · 1 scan · Consolidated score over 90 days · 1 versions

Not enough data to publish the grade (15 scans min, currently 1).

What it adds to every page load

Added time: 0 ms
Added memory: 0.0 MB
SQL queries: +0
CSS/JS files: +3
External calls: 0

Admin Score

Impact measured in the WordPress admin

Scan being analyzed. The score will be published once we have enough measurements.

About

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.

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="https://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="https://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="https://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="https://www.youtube.com/embed/1284237" type="vimeo" hyperlink="click here to pop up vimeo video"]

Specify an Alternate Text for an Image

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

Apply Custom CSS

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

[wp_colorbox_media url="https://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="https://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

Description published by Noor Alam on WordPress.org, licensed under GPLv2 or later.