Beschreibung
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-name
directory, 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!
Rezensionen
There are no reviews for this plugin.
Mitwirkende & Entwickler
„CSS-Only Lightbox“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
MitwirkendeÜbersetze „CSS-Only Lightbox“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
1.0
First version:
* Adds shortcode
* Adds TinyMCE plugin and button to make the shortcode easier to use