Noor Alam

<a href="https://noorsplugin.com/wordpress-colorbox-plugin/" rel="nofollow ugc">WP Colorbox</a> 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.
<iframe loading="lazy" title="WordPress Colorbox Plugin -- A jQuery Lightbox Plugin for WordPress" width="750" height="422" src="https://www.youtube.com/embed/2osxJcPTS1E?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h4>Features</h4>
<ul>
<li>Beautiful lightbox popup style</li>
<li>Flexiblity of creating your own lightbox link</li>
<li>Pop up custom/HTML content in lightbox</li>
<li>Trigger lightbox from either a text/image link</li>
<li>Add lightbox to a YouTube or Vimeo video link</li>
<li>Enable lightbox functionality on your site which supports modern browsers</li>
<li>Use a simple shortcode to pop up a media file in lightbox</li>
<li>Apply lightbox effect on images inserted into WordPress post/page</li>
<li>Open external page in lightbox using iframe</li>
<li>Responsive lightbox popup which works on mobile devices. Also it fits perfectly on smaller screens.</li>
</ul>
<h4>How to Use WP Colorbox</h4>
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:
<pre><code>[wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" type="image" hyperlink="click here to pop up image"]
</code></pre>
here, url is the link to the media file that you wish to open in lightbox and hyperlink is the anchor text/image.
<pre><code>[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"]
</code></pre>
Pop up YouTube video in lightbox
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video"]
</code></pre>
Pop up Vimeo video in lightbox
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/1284237" type="vimeo" hyperlink="click here to pop up vimeo video"]
</code></pre>
Specify an Alternate Text for an Image
<pre><code>[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"]
</code></pre>
Apply Custom CSS
You can specify your own CSS class in the shortcode to customize a text/image link.
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video" class="custom_class"]
</code></pre>
Multiple CSS classes can be separated with a space. For example:
<pre><code>[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"]
</code></pre>
For detailed documentation please visit the <a href="https://noorsplugin.com/wordpress-colorbox-plugin/" rel="nofollow ugc">WordPress Colorbox</a> plugin page

WP Colorbox

Having to go to a website to see how to use this should be a huge no-no. Will not recommend this plugin to anyone.

Missing in-plugin documentation

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

Dennis

There are a few ColorBox plugins available, but the most of them add inline JavaScript code 
to your site, embed the script files in the head instead at the bottom and other issues which 
impact the site performance. 
I needed something better and developed this plugin for a Blog about <a href="http://www.gameplorer.de" rel="nofollow ugc">Casual Games</a>. 
Now I decided to make it public, if you wonder about the plugins name. 🙂
Features of Gameplorer`s WPColorBox
<ul>
<li>It adds the required HTML-Code automatically to all links which point to an image.</li>
<li>It doesn’t alter your posts, just the output.</li>
<li>It enqueues the ColorBox script at the bottom of your site for a better site performance. </li>
<li>It doesn’t add any inline JavaScript code for a better site performance.</li>
<li>You can disable enqueuing of CSS and JavaScript files in the options*.</li>
<li>You can choose between 5 different UIs of ColorBox in the plugin options.</li>
<li>It automatically combines multiple images to a gallery (displays next and prev links).</li>
</ul>
* Useful if you want to enqueue it from other sources (e.g. CDN) or want to copy the code into your existing files.
See some plugin details and Screenshots on <a href="http://www.gameplorer.de/tools/wordpress-colorbox/" rel="nofollow ugc">Gameplorer.de</a>.

Gameplorer`s WPColorBox

Gameplorer`s WPColorBox adds a ColorBox effect to all of your linked images - automatically!

WP Colorbox vs Gameplorer`s WPColorBox