Beskriuwing
A simple yet robust solution for creating modals within the WordPress block editor.
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
- Custom modal width
- Optional close button
- API enabled
- Only 2kb gzipped
- Accessibility enabled
Attribution
The Light Modal block uses a modified version of the Micromodal library.
Skermôfbyldings
Blokken
Dizze plugin jout 1 blok.
- Light Modal Block Lightweight, customizable modal block for the WordPress block editor
Ynstallaasje
- Upload the plugin files to the
/wp-content/plugins/light-modal-block
directory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
FAQ
-
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();
Resinsjes
Meiwurkers & amp; Untwikkelders
“Light Modal Block” is iepen boarne software. De folgjende minsken hawwe bydroegen oan dizze plugin.
MeiwurkersOersette “Light Modal Block” yn jo taal.
Ynteressearre yn ûntwikkeling?
Blêdzje troch de koade , besjoch de SVN-repository , of abonnearje op it ûntwikkelingslogboek troch RSS .
Feroaringslog
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