Light Modal Block

Descripción

A simple yet robust solution for creating modals within the WordPress block editor.

🚀 View Demo

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.

Capturas

  • 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

Bloques

Este plugin provee 1 bloque.

  • Light Modal Block Lightweight, customizable modal block for the WordPress block editor

Instalación

  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

Preguntas frecuentes

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:

`javascript

window.lightModalBlocks.get(‘modal-id-here’).showModal(true);
`

To close a modal:

`javascript

window.lightModalBlocks.get(‘modal-id-here’).closeModal();
`

Reseñas

No hay reseñas para este plugin.

Colaboradores y desarrolladores

“Light Modal Block” es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce “Light Modal Block” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN , o suscríbete al log de desarrollo por RSS .

Registro de cambios

= 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