{"id":51469,"date":"2016-10-11T16:41:56","date_gmt":"2016-10-11T16:41:56","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/css-only-lightbox\/"},"modified":"2016-10-11T16:44:11","modified_gmt":"2016-10-11T16:44:11","slug":"css-only-lightbox","status":"publish","type":"plugin","link":"https:\/\/cor.wordpress.org\/plugins\/css-only-lightbox\/","author":12318001,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0","stable_tag":"trunk","tested":"4.6.30","requires":"3.0.1","requires_php":"","requires_plugins":"","header_name":"CSS-Only Lightbox","header_author":"Daniel Jones","header_description":"","assets_banners_color":"","last_updated":"2016-10-11 16:44:11","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":10,"downloads":1990,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[356,125006,237],"plugin_category":[59],"plugin_contributors":[124998],"plugin_business_model":[],"class_list":["post-51469","plugin","type-plugin","status-publish","hentry","plugin_tags-css","plugin_tags-css-lightbox","plugin_tags-lightbox","plugin_category-utilities-and-tools","plugin_contributors-dan-jones-1","plugin_committers-dan-jones-1"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/css-only-lightbox.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n

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.<\/p>\n\n\n

    \n
  1. Upload the plugin files to the \/wp-content\/plugins\/plugin-name<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n
  2. Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<\/ol>\n\n\n
    \n
    How do I add a lightbox?<\/dt>\n
      \n
    1. Copy and paste the complete URL for the image you want to make a lightbox for into the Wordpress editor<\/li>\n
    2. Select the URL with your cursor<\/li>\n
    3. Click the \"Lightbox\" button in the TinyMCE toolbar<\/li>\n
    4. Enter the values you're prompted for. The only one that's required is a unique ID for the image<\/li>\n<\/ol>\n\n

      OR<\/p>\n\n

        \n
      1. Copy and paste the complete URL for the image you want to make a lightbox for into the Wordpress editor<\/li>\n
      2. Add the opening shortcode, [css_lightbox ...] before the beginning of the URL and add the options you want<\/li>\n
      3. Attributes you can use with the shortcode are:<\/li>\n<\/ol>\n\n

        * \"id\" (unique identifier for the image, required)\n* \"height\" (in pixels, without including px)\n* \"width\" (in pixels, without including px)\n* \"title\" (a title for image, displayed when it's enlarged)\n* \"caption\" (a caption for the image, displayed when it's enlarged)\n* \"alt\" (alt text for the on-page image)\n* \"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)\n1. 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]<\/p><\/dd>\n

        What features are coming?<\/dt>\n
          \n
        • The option to use other units for the image dimension, including %, em, rem, vw, and vh<\/li>\n
        • Send me suggestions in the support forum!<\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n\n

          1.0<\/h4>\n\n

          First version:\n* Adds shortcode\n* Adds TinyMCE plugin and button to make the shortcode easier to use<\/p>","raw_excerpt":"Adds a shortcode and TinyMCE button for creating CSS-only lightboxes for images.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/51469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=51469"}],"author":[{"embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/dan-jones-1"}],"wp:attachment":[{"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=51469"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=51469"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=51469"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=51469"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=51469"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=51469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}