WP Colorbox

wp-colorbox · Par Noor Alam

Voir sur WordPress.org

5k+ installations 4.3 (23) MAJ il y a 1 an v1.1.6 WP 3.0–6.8.12

Score d'impact

Footprint Score sur les deux contextes les plus représentatifs.

1 scans · dernier scan il y a 2 mois

Comparer avec un autre plugin

Score Homepage

Impact mesuré sur la page d'accueil publique

···

—

v1.1.6 · 1 scan · Score consolidé sur 90 jours · 1 versions

Données insuffisantes pour publier le grade (15 scans min, actuellement 1).

Ce que ça ajoute à chaque chargement de page

Temps ajouté: 0 ms
Mémoire ajoutée: 0.0 MB
Requêtes SQL: +0
Fichiers CSS/JS: +3
Appels externes: 0

Score Admin

Impact mesuré dans l'administration WordPress

Scan en cours d'analyse. Le score sera publié dès qu'on aura assez de mesures.

À propos

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 publiée par Noor Alam sur WordPress.org, sous licence GPLv2 or later.