Title: Light Modal Block Author: David Jensen Published: 15. 6. 2023 Last modified: 22. 2. 2026 --- Prohledat pluginy ![](https://ps.w.org/light-modal-block/assets/banner-772x250.png?rev=2927128) ![](https://ps.w.org/light-modal-block/assets/icon.svg?rev=3399001) # Light Modal Block Autor: [David Jensen](https://profiles.wordpress.org/dkjensen/) [Stáhnout](https://downloads.wordpress.org/plugin/light-modal-block.1.9.0.zip) * [Podrobnosti](https://cs.wordpress.org/plugins/light-modal-block/#description) * [Hodnocení](https://cs.wordpress.org/plugins/light-modal-block/#reviews) * [Instalace](https://cs.wordpress.org/plugins/light-modal-block/#installation) * [Vývojáři](https://cs.wordpress.org/plugins/light-modal-block/#developers) [Podpora](https://wordpress.org/support/plugin/light-modal-block/) ## Popis A simple yet robust solution for creating modals within the WordPress block editor. 🚀 [View Demo](https://light-modal-block.cloudcatch.io/) ### Features * Fully customizable using the native block editor style controls * Trigger modal on click for any element via CSS selector * Trigger modal on page load after X milliseconds - Set cookie to not show modal again on page load until X minutes have elapsed - Option for user interaction within modal triggers cookie to be set * Custom modal width * Optional close button * API enabled * Only 2kb gzipped * Accessibility enabled * Use modals within the query loop block ### Attribution The Light Modal block uses a modified version of the [Micromodal](https://github.com/Ghosh/micromodal) library. ## Snímky obrazovky * [[ * Block editor modal settings * [[ * Show Modal block control enabled under the Advanced panel for various blocks * [[ * Native block styling enabled for modals * [[ * Custom panel reveals all modals enabled on page * [[ * Modal in list view ## Bloky Tento plugin poskytuje 1 blok. * Light Modal Block Lightweight, customizable modal block for the WordPress block editor ## Instalace 1. Upload the plugin files to the `/wp-content/plugins/light-modal-block` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‚Plugins‘ screen in WordPress ## Nejčastější dotazy ### How can I programatically open or close a modal? Each modal is given a unique ID, which can be found inside the inspector controls of the block settings. It will look something like: `Mk6I8L4haJB` To open a modal: ``` window.lightModalBlocks.get('modal-id-here').showModal(true); ``` To close a modal: ``` window.lightModalBlocks.get('modal-id-here').closeModal(); ``` ### How can I prevent focusing on the first focusable element when the modal opens? Paste the following code in your child themes **functions.php** file or similar: ``` /** * Prevents the light modal block from focusing on a specific element when it opens. * * @return void */ add_action( 'wp_enqueue_scripts', function () { wp_add_inline_script( 'cloudcatch-light-modal-block-view-script', 'window.lmbFocusableElements = "";', 'before' ); } ); ``` ### How can I prevent scrolling when a modal is open? The class `lmb-open` is added to the `` of the page when a modal is open. You can use the following CSS to prevent scrolling ``` .lmb-open { overflow: hidden; } ``` ## Recenze ![](https://secure.gravatar.com/avatar/f636af3585dd3a626e5e9c8a094e04990fad931a5bb26232be0060d92a04ae9a? s=60&d=retro&r=g) ### 󠀁[A simple and lightweight plugin](https://wordpress.org/support/topic/a-simple-and-lightweight-plugin/)󠁿 [darkonelson](https://profiles.wordpress.org/darkonelson/) 27. 2. 2026 It does everything it needs to and is easy to define. I recommend. ![](https://secure.gravatar.com/avatar/20f0b7b78120984216b2d39c88bca82bfeb8d9e264a652fa6c186a560cebe7e4? s=60&d=retro&r=g) ### 󠀁[So much better than everything else I’ve tried](https://wordpress.org/support/topic/so-much-better-than-everything-else-ive-tried/)󠁿 [espointpolish](https://profiles.wordpress.org/espointpolish/) 7. 11. 2025 Beautiful plugin and amazing support! Thank you. ![](https://secure.gravatar.com/avatar/dc4537c616e5a70db3933301c9cada1b538625282da279c54b4a07bb53d55e1c? s=60&d=retro&r=g) ### 󠀁[Lightweight using with blocks](https://wordpress.org/support/topic/lightweight-using-with-blocks/)󠁿 [Caio Ferreira](https://profiles.wordpress.org/caiohferreiradev/) 2. 9. 2025 Love this! So lightweight and works perfectly with Gutenberg/GenerateBlocks. Thanks and keep up the good work! ![](https://secure.gravatar.com/avatar/b6183ef433f9b9244634e0d3f38e8eff7052cf77358d871c24d3b7cf6e07cd14? s=60&d=retro&r=g) ### 󠀁[A great addition to the block editor](https://wordpress.org/support/topic/a-great-addition-to-the-block-editor/)󠁿 [stlpl](https://profiles.wordpress.org/stlpl/) 22. 8. 2025 It’s a simple and elegant solution without unnecessary frills. ![](https://secure.gravatar.com/avatar/838271affb723358ccf0d96c4efea84e7a29e43556e65d340cdbf1d22edfffce? s=60&d=retro&r=g) ### 󠀁[This should be a default gutenberg block](https://wordpress.org/support/topic/this-should-be-a-default-gutenberg-block/)󠁿 [Radical Dreamer](https://profiles.wordpress.org/avagp/) 30. 7. 2025 It is so useful~! it solves too many scenarios: pop-forms, subscriptions, menu, additional info, and the list goes on… ![](https://secure.gravatar.com/avatar/5a40408a4cdbcd52ebe9529d5cd5b391dd489c541c2a7be1104e7b05a68704eb? s=60&d=retro&r=g) ### 󠀁[The plugin is great, simple and easy to use.](https://wordpress.org/support/topic/the-plugin-is-great-simple-and-easy-to-use/)󠁿 [tamnik](https://profiles.wordpress.org/tamnik/) 5. 5. 2025 A small suggestion, if you add additional options, like height, a custom additional classes for each separate popup__wrapper – justify /align content and even breaking points, this plugin could be used for much more like Floating Search or Mobile Navigation etc. [ Přečtěte si všech 12 recenzí ](https://wordpress.org/support/plugin/light-modal-block/reviews/) ## Autoři Light Modal Block je otevřený software. Následující lidé přispěli k vývoji tohoto pluginu. Spolupracovníci * [ David Jensen ](https://profiles.wordpress.org/dkjensen/) * [ CloudCatch ](https://profiles.wordpress.org/cloudcatch/) [Přeložte “Light Modal Block” do svého jazyka.](https://translate.wordpress.org/projects/wp-plugins/light-modal-block) ### Zajímá vás vývoj? [Prohledejte kód](https://plugins.trac.wordpress.org/browser/light-modal-block/), podívejte se do [SVN repozitáře](https://plugins.svn.wordpress.org/light-modal-block/), nebo se přihlaste k[ odběru protokolu vývoje](https://plugins.trac.wordpress.org/log/light-modal-block/) pomocí [RSS](https://plugins.trac.wordpress.org/log/light-modal-block/?limit=100&mode=stop_on_copy&format=rss). ## Přehled změn #### 1.9.0 * Enhancement: When selecting edit modal from the plugin sidebar, automatically open the modal block settings * Enhancement: Improve performance of `useModals()` hook via leveraging `getBlocksByName()` #### 1.8.0 * Fix: Show modal on page load no longer requiring delay input * Enhancement: Control over autoplaying of videos and audio when a modal opens as well as pausing when it closes #### 1.7.1 * Fix: Unnecessary block editor scripts being enqueued on frontend #### 1.7.0 * Enhancement: Improve acessibility of modal triggers for the Button block #### 1.6.0 * Enhancement: Add event listeners for modal ready, open and close #### 1.5.0 * Enhancement: Add body class `.lmb-open` when a modal is currently open on the page * Enhancement: Add ability to set cookie on timed modals when user interacts with content in the modal * Enhancement: Close icon / close background color controls * Enhancement: Add ability to change/remove focusable elements when a modal is opened * Chore: Update block to block version 3 * Chore: Update minimum WordPress version support to 6.6 #### 1.4.0 * Enhancement: Support for modals within a query loop block #### 1.3.2 * Fix: Unique modal ID not generating when duplicating block #### 1.3.1 * Fix: When editing a pattern with a modal block, open modal by default #### 1.3.0 * Enhancement: Add support for drop shadows #### 1.2.1 * Fix: Modal blocks not showing in sidebar or advanced controls if a nested block #### 1.2.0 * Enhancement: Add typography style controls #### 1.1.1 * Fix: Block editor toolbar crash #### 1.1.0 * Fix: Add backdrop color control * Enhancement: Set cookie to not display modal again until X minutes have elapsed * Enhancement: API to programatically open and close modal #### 1.0.1 * Fix: Update CSS styling #### 1.0.0 * Initial release ## Meta * Verze **1.9.0** * Poslední aktualizace **před 2 měsíce** * Aktivních instalací **2 000+** * Verze WordPressu ** 6.6 nebo novější ** * Testováno až do WordPressu **6.9.4** * Verze PHP ** 7.0 nebo novější ** * Jazyk * [English (US)](https://wordpress.org/plugins/light-modal-block/) * Štítků * [block](https://cs.wordpress.org/plugins/tags/block/)[gutenberg](https://cs.wordpress.org/plugins/tags/gutenberg/) [lightbox](https://cs.wordpress.org/plugins/tags/lightbox/)[modal](https://cs.wordpress.org/plugins/tags/modal/) [popup](https://cs.wordpress.org/plugins/tags/popup/) * [Podrobnosti](https://cs.wordpress.org/plugins/light-modal-block/advanced/) ## Hodnocení 5 z 5 hvězdiček. * [ 12 5hvězdičkové hodnocení ](https://wordpress.org/support/plugin/light-modal-block/reviews/?filter=5) * [ 0 4hvězdičkové hodnocení ](https://wordpress.org/support/plugin/light-modal-block/reviews/?filter=4) * [ 0 3hvězdičkové hodnocení ](https://wordpress.org/support/plugin/light-modal-block/reviews/?filter=3) * [ 0 2hvězdičkové hodnocení ](https://wordpress.org/support/plugin/light-modal-block/reviews/?filter=2) * [ 0 1hvězdičkové hodnocení ](https://wordpress.org/support/plugin/light-modal-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/light-modal-block/reviews/#new-post) [Zobrazit všechny recenze](https://wordpress.org/support/plugin/light-modal-block/reviews/) ## Spolupracovníci * [ David Jensen ](https://profiles.wordpress.org/dkjensen/) * [ CloudCatch ](https://profiles.wordpress.org/cloudcatch/) ## Podpora Vyřešené problémy během posledních dvou měsíců: 1 z 1 [Fórum podpory](https://wordpress.org/support/plugin/light-modal-block/) ## Dary Chtěli byste podpořit vývoj tohoto pluginu? [ Přispět na tento plugin ](https://www.buymeacoffee.com/dkjensen)