Title: CSS-Only Lightbox
Author: dan-jones
Published: <strong>Ọ̀wàrà 11, 2016</strong>
Last modified: Ọ̀wàrà 11, 2016

---

Ṣàwárí àwọn plugin

Plugin yìí **kò tíì ṣe àyẹ̀wò pẹ̀lú àwọn ìtújáde mẹ́ta pàtàkì tó kẹ́yìn ti WordPress**.
Ó lè jẹ́ pé a kò tọ́jú tàbí ṣe àtìlẹ́yìn fún un mọ́, ó sì lè ní àwọn ọ̀ràn ìbámu
nígbà tí a bá lò ó pẹ̀lú àwọn ẹ̀yà WordPress tuntun.

![](https://s.w.org/plugins/geopattern-icon/css-only-lightbox.svg)

# CSS-Only Lightbox

 Láti ọwọ́ [dan-jones](https://profiles.wordpress.org/dan-jones-1/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/css-only-lightbox.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/css-only-lightbox/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/css-only-lightbox/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/css-only-lightbox/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/css-only-lightbox/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/css-only-lightbox/)

## Àpèjúwe

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.

## Ìgbéwọlẹ̀

 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## FAQ

  How do I add a lightbox?

 1. Copy and paste the complete URL for the image you want to make a lightbox for into
    the WordPress editor
 2. Select the URL with your cursor
 3. Click the “Lightbox” button in the TinyMCE toolbar
 4. Enter the values youÌtumọ̀ Yorùbá: ’re prompted for. The only one thatÌtumọ̀ Yorùbá:’
    s required is a unique ID for the image

OR

 1. Copy and paste the complete URL for the image you want to make a lightbox for into
    the WordPress editor
 2. Add the opening shortcode, [css_lightbox …] before the beginning of the URL and
    add the options you want
 3. 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Ìtumọ̀ Yorùbá: ’s enlarged) * “caption” (a caption for the
image, displayed when itÌtumọ̀ Yorùbá: ’s enlarged) * “alt” (alt text for the on-
page image) * “icon” (‘true’ or ‘false’ Ìtumọ̀ Yorùbá: – 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Ìtumọ̀ Yorùbá: ″ width=”400Ìtumọ̀ Yorùbá: ″ 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!

## Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

## Àwọn Olùkópa & Olùgbéejáde

“CSS-Only Lightbox” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe 
ìkópa sí plugin yìí.

Àwọn Olùkópa

 *   [ dan-jones ](https://profiles.wordpress.org/dan-jones-1/)

[Túmọ̀ “CSS-Only Lightbox” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/css-only-lightbox)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/css-only-lightbox/), ṣàyẹ̀wò
[ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/css-only-lightbox/), tàbí ṣe 
àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/css-only-lightbox/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/css-only-lightbox/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

#### 1.0

First version:
 * Adds shortcode * Adds TinyMCE plugin and button to make the shortcode
easier to use

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.0**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **ọdún 10 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **10+**
 *  Ẹ̀yà WordPress ** 3.0.1 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **4.6.30**
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/css-only-lightbox/)
 * Àwọn àmì
 * [css](https://yor.wordpress.org/plugins/tags/css/)[lightbox](https://yor.wordpress.org/plugins/tags/lightbox/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/css-only-lightbox/advanced/)

## Àwọn ìbò

Kò sí ìwádìí tí a tíì fi ránṣẹ́.

[Your review](https://wordpress.org/support/plugin/css-only-lightbox/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/css-only-lightbox/reviews/)

## Àwọn Olùkópa

 *   [ dan-jones ](https://profiles.wordpress.org/dan-jones-1/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/css-only-lightbox/)