Description
Adds a [css_lightbox …] shortcode that generates a CSS-only lightbox for a given image (by URL). Also includes a TinyMCE toolbar button for more easily including the needed attributes for the shortcode.
Installation
- Upload the plugin files to the
/wp-content/plugins/plugin-namedirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
FAQ
- How do I add a lightbox?
-
- Copy and paste the complete URL for the image you want to make a lightbox for into the WordPress editor
- Select the URL with your cursor
- Click the « Lightbox » button in the TinyMCE toolbar
- Enter the values you’re prompted for. The only one that’s required is a unique ID for the image
OR
- Copy and paste the complete URL for the image you want to make a lightbox for into the WordPress editor
- Add the opening shortcode, [css_lightbox …] before the beginning of the URL and add the options you want
- Attributes you can use with the shortcode are:
* « id » (unique identifier for the image, required)
* « height » (in pixels, without including px)
* « width » (in pixels, without including px)
* « title » (a title for image, displayed when it’s enlarged)
* « caption » (a caption for the image, displayed when it’s enlarged)
* « alt » (alt text for the on-page image)
* « icon » (‘true’ or ‘false’ – whether or not to include a small magnifying glass icon in the top-left of the on-page image, to indicate that it can be enlarged)
1. An example using all of the available options: [css_lightbox id= »uniqueID » height= »400″ width= »400″ title= »A title » caption= »A caption » alt= »Some alt text » icon= »true »]Image URL[/css_lightbox] - What features are coming?
-
- The option to use other units for the image dimension, including %, em, rem, vw, and vh
- Send me suggestions in the support forum!
Avis
Il n’y a aucun avis pour cette extension.
Contributeurs/contributrices & développeurs/développeuses
« CSS-Only Lightbox » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.
Contributeurs
Traduisez « CSS-Only Lightbox » dans votre langue.
Le développement vous intéresse ?
Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.
Journal des modifications
1.0
First version:
* Adds shortcode
* Adds TinyMCE plugin and button to make the shortcode easier to use