{"id":203351,"date":"2024-10-10T21:03:46","date_gmt":"2024-10-10T21:03:46","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/gallery-5cript\/"},"modified":"2025-07-28T18:19:12","modified_gmt":"2025-07-28T18:19:12","slug":"gallery-5cript","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/gallery-5cript\/","author":18266334,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0.0","stable_tag":"2.0.0","tested":"6.8.5","requires":"6.6.0","requires_php":"8.1","requires_plugins":null,"header_name":"Gallery 5cript","header_author":"Billy Basdras","header_description":"Create a frontend gallery utilizing the fully cross-browser supported HTML element, which offers enhanced accessibility and SEO benefits. Additionally, it incorporates the HTML element to support responsive images, ensuring optimal image sizes based on your website's configuration. This approach minimizes network redundancies by adapting to the device's viewport. The gallery is built using Tailwind CSS and TypeScript, with a simple shortcode for easy implementation.","assets_banners_color":"e1f1f8","last_updated":"2025-07-28 18:19:12","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/gallery.5cript.com\/","header_author_uri":"https:\/\/www.linkedin.com\/in\/billybasdras\/","rating":5,"author_block_rating":0,"active_installs":0,"downloads":1442,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"biltatous","date":"2024-10-10 21:03:31"},"1.0.1":{"tag":"1.0.1","author":"biltatous","date":"2024-10-10 21:11:50"},"1.0.2":{"tag":"1.0.2","author":"biltatous","date":"2024-10-12 20:53:07"},"1.0.3":{"tag":"1.0.3","author":"biltatous","date":"2024-10-16 09:40:50"},"1.0.4":{"tag":"1.0.4","author":"biltatous","date":"2024-10-16 09:50:57"},"1.0.5":{"tag":"1.0.5","author":"biltatous","date":"2024-10-16 12:29:38"},"1.0.6":{"tag":"1.0.6","author":"biltatous","date":"2024-10-16 15:14:20"},"1.2.0":{"tag":"1.2.0","author":"biltatous","date":"2024-12-11 14:45:48"},"1.2.1":{"tag":"1.2.1","author":"biltatous","date":"2024-12-11 17:07:55"},"1.3.0":{"tag":"1.3.0","author":"biltatous","date":"2025-06-04 15:27:19"},"1.4.0":{"tag":"1.4.0","author":"biltatous","date":"2025-06-05 11:36:47"},"1.4.1":{"tag":"1.4.1","author":"biltatous","date":"2025-06-05 11:47:45"},"2.0.0":{"tag":"2.0.0","author":"biltatous","date":"2025-07-28 18:19:12"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3167599,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3168037,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3168037,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.2.0","1.2.1","1.3.0","1.4.0","1.4.1","2.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3170212,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3170212,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3170212,"resolution":"3","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[4910,210,133,613,491],"plugin_category":[50],"plugin_contributors":[235719],"plugin_business_model":[],"class_list":["post-203351","plugin","type-plugin","status-publish","hentry","plugin_tags-dialog","plugin_tags-gallery","plugin_tags-image","plugin_tags-modal","plugin_tags-popup","plugin_category-media","plugin_contributors-biltatous","plugin_committers-biltatous"],"banners":{"banner":"https:\/\/ps.w.org\/gallery-5cript\/assets\/banner-772x250.png?rev=3168037","banner_2x":"https:\/\/ps.w.org\/gallery-5cript\/assets\/banner-1544x500.png?rev=3168037","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/gallery-5cript\/assets\/icon-128x128.png?rev=3167599","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/gallery-5cript\/assets\/screenshot-1.png?rev=3170212","caption":""},{"src":"https:\/\/ps.w.org\/gallery-5cript\/assets\/screenshot-2.png?rev=3170212","caption":""},{"src":"https:\/\/ps.w.org\/gallery-5cript\/assets\/screenshot-3.png?rev=3170212","caption":""}],"raw_content":"\n

Welcome to Gallery 5cript\u2014the WordPress gallery plugin built from scratch in 2024, designed for the websites of today! \ud83d\ude80

\n

\n\u2728 1. Modern Dialog: Built-in dialog element for seamless interactions, accessibility, and SEO optimization.

\n\ud83d\udcf8 2. Optimized Images: Uses the picture element with custom WordPress sizes, delivering the right image for every device.

\n\ud83c\udfa8 3. Cutting-edge Front-End: Developed with TailwindCSS and TypeScript for reliable, modern and responsive interface.

\n\ud83c\udfa5 4. Video & Captions: Supports video galleries and captions, adding more depth to your content.

\n\ud83e\uddf9 5. Clean Database: Uses custom database tables, keeping your posts and meta tables clutter-free.

\n\ud83d\udd17 6. API: Manage galleries programmatically with RESTful endpoints.

\n

\nGallery 5cript\u2014Built for the modern web! \u2728 Download for free!

\n
<\/p>\n\n

LIVE DEMO: Link Text<\/a><\/p>\n\n

API Endpoints<\/h3>\n\n

Gallery 5cript exposes the following API endpoints to manage galleries programmatically:<\/p>\n\n

    \n

  1. List all galleries<\/strong><\/p>\n\n

      \n
    • Endpoint<\/strong>: \/5cript-gallery\/v1\/galleries<\/code><\/li>\n
    • Method<\/strong>: GET<\/li>\n
    • Description<\/strong>: Retrieves all gallery IDs.<\/li>\n<\/ul><\/li>\n

    • Get a specific gallery<\/strong><\/p>\n\n

        \n
      • Endpoint<\/strong>: \/5cript-gallery\/v1\/gallery\/{id}<\/code><\/li>\n
      • Method<\/strong>: GET<\/li>\n
      • Description<\/strong>: Retrieves details of a gallery by its ID.<\/li>\n
      • Parameters<\/strong>:\n\n
          \n
        • id<\/code> (integer): The ID of the gallery.<\/li>\n<\/ul><\/li>\n<\/ul><\/li>\n

        • Get all images in a gallery<\/strong><\/p>\n\n

            \n
          • Endpoint<\/strong>: \/5cript-gallery\/v1\/gallery\/{id}\/images<\/code><\/li>\n
          • Method<\/strong>: GET<\/li>\n
          • Description<\/strong>: Retrieves all images for a specific gallery by ID.<\/li>\n
          • Parameters<\/strong>:\n\n
              \n
            • id<\/code> (integer): The ID of the gallery.<\/li>\n<\/ul><\/li>\n<\/ul><\/li>\n<\/ol>\n\n

              To enable or disable the API, visit the plugin settings in the WordPress admin area. By default, the API is enabled.<\/p>\n\n

              Why Dialog<\/h3>\n\n

              The dialog element was introduced in 2014 and has had full cross-browser support since 2022. While there are many plugins that offer similar functionality, none (to my knowledge at the time of writing) utilize the dialog element. This is likely due to concerns about backward compatibility, which could pose issues for the end users of those plugins.<\/p>\n\n

              But why use dialog, you ask?<\/p>\n\n

              - It's automatically centered.\n- It appears on top of everything else using the 'top-layer', not just z-index.\n- It auto-focuses, providing better accessibility for users.\n- It comes with an out-of-the-box Esc key function to close the modal.\n- We've enhanced the dialog with additional accessibility features, including ARIA labels and best practices.<h3>More perks<\/h3>\n- We're using the picture element with various WordPress image sizes, allowing the browser to choose the most appropriate one to download.\n- All front-end JavaScript is strongly typed with TypeScript.\n- It supports YouTube videos.\n- Captions are supported as well.\n- You can add your own custom CSS.\n- It has its own database tables, so it doesn't add extra load to the already heavily used post and meta tables. This also ensures that you can delete it without leaving any residue.\n- New: API<h3>Demo<\/h3>You can find a demo here: [Link Text](https:\/\/gallery.5cript.com\/)<h3>3rd Party Services<\/h3>This plugin rely on youtube embed functionality to serve videos. That is only if you choose to display videos in your galleries.\n<\/code><\/pre>\n\n
              A link to that service: https:\/\/www.youtube.com\/\nPolicy about embed videos: https:\/\/support.google.com\/youtube\/search?q=policy+embed+video&oq=policy+embde+video&spell=1#zippy=%2Care-you-allowed-to-embed-youtube-videos\nGeneric terms and conditions of Youtube: https:\/\/www.youtube.com\/static?template=terms\nEven though the youtube-nocookie.com is used, aka \"Enable privacy-enhanced mode\", it is necessary that websites that making use of this plugin to require users to accept cookies that allow for third-party use.<\/p>\n\n\n
                \n
              1. Upload the plugin folder to your \/wp-content\/plugins\/ folder.<\/li>\n
              2. Go to the Plugins<\/strong> page and activate the plugin.<\/li>\n<\/ol>\n\n\n
                \n
                How do I use this plugin?<\/h3><\/dt>\n
                Add a new gallery, then add images to your gallery. You can reorder, add caption, add youtube video or delete them.\nThen you obtain the gallery shortcode and simply paste it in the page you would like your gallery to appear.<\/p><\/dd>\n
                How to uninstall the plugin?<\/h3><\/dt>\n
                If you want to disable and keep the data: Simply deactivate and delete the plugin. \nIf you want to delete everything including the data, go to settings and click on delete data. Then proceed to deactivate and delete the plugin. Warning: you won't be able to retrieve any of your galleries after that.<\/p><\/dd>\n\n<\/dl>\n\n\n
                2.0.0<\/h4>\n\n
                  \n
                • Refactored completely the templates to respect DRY principles.<\/li>\n
                • Lazy Loading<\/li>\n
                • Massively improved CSS in the front end<\/li>\n
                • Added optional hoverover for images with captions<\/li>\n
                • Duplicate gallery feature to facilitate i18ns<\/li>\n
                • Edit title is now necessary<\/li>\n<\/ul>\n\n
                  1.3.0<\/h4>\n\n
                    \n
                  • Added plugin settings to disable front end scripts and styles. By default it's disabled.<\/li>\n<\/ul>\n\n
                    1.2.0<\/h4>\n\n
                      \n
                    • Added API endpoints to facilitate gallery management for decoupled applications. Available through plugin settings.<\/li>\n<\/ul>\n\n
                      1.1.0<\/h4>\n\n
                        \n
                      • Updated hooks to avoid errors in wp version 6.7.1 .<\/li>\n<\/ul>\n\n
                        1.0.3<\/h4>\n\n
                          \n
                        • UI bug, horizontal scrollbar in dialog that should not be there. Displays image if there is not an image alt.<\/li>\n<\/ul>\n\n
                          1.0.1<\/h4>\n\n
                            \n
                          • Minor lightbox CSS changes. Centered the image better in picture element.<\/li>\n<\/ul>\n\n
                            1.0.0<\/h4>\n\n
                              \n
                            • Plugin released.<\/li>\n<\/ul>","raw_excerpt":"A WordPress plugin that uses the modern and accessible dialog HTML element to display images and videos.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/203351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=203351"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/biltatous"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=203351"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=203351"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=203351"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=203351"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=203351"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=203351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}