WP Colorbox

wp-colorbox · Von Noor Alam

Auf WordPress.org ansehen

5k+ Installationen 4.3 (23) Aktualisiert vor 1 Jahr v1.1.6 WP 3.0–6.8.12

Auswirkungsbewertung

Footprint Score in den beiden repräsentativsten Kontexten.

1 Scans · letzter Scan vor 2 Monaten

Mit einem anderen Plugin vergleichen

Homepage-Score

Auswirkung auf der öffentlichen Startseite

···

—

v1.1.6 · 1 Scan · Konsolidierte Bewertung über 90 Tage · 1 Versionen

Unzureichende Daten zur Veröffentlichung der Bewertung (15 Scans min., aktuell 1).

Was bei jedem Seitenaufruf hinzukommt

Zusätzliche Zeit: 0 ms
Zusätzlicher Speicher: 0.0 MB
SQL-Abfragen: +0
CSS/JS-Dateien: +3
Externe Aufrufe: 0

Admin-Score

Auswirkung im WordPress-Admin

Scan wird analysiert. Die Bewertung wird veröffentlicht, sobald genügend Messungen vorliegen.

Über

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

Beschreibung veröffentlicht von Noor Alam auf WordPress.org, lizenziert unter GPLv2 or later.