Beschreibung
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
- Use modals within the query loop block
Attribution
The Light Modal block uses a modified version of the Micromodal library.
Screenshots
Blöcke
Dieses Plugin unterstützt 1 Block.
- Light Modal Block Lightweight, customizable modal block for the WordPress block editor
Installation
- 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();
Rezensionen
Mitwirkende & Entwickler
„Light Modal Block“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
MitwirkendeÜbersetze „Light Modal Block“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
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