Este plugin no se ha probado con las últimas 3 versiones mayores de WordPress. Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress.

SBModal

Descripción

You could easily create Bootstrap Modals.

It requires only:

  1. Fill the Content section with needed data.
  2. Provide call Selector (See «Usage» -> «Options» -> «Call Selector»).

You may use all features of standard WP WYSIWYG editor for creating Modal content. E.g.: CF7 shortcodes to show the form.

Usage

Plugin Settings

Enqueue bootstrap.js (Yes or NO) – If you using bootstrap.min.js in your own theme (or plugin), use this option to remove this script from SBModal queue.

Enqueue Bootstrap CSS Style:

  • Full Bootstrap.css – Complete bootstrap.min.css.
  • Styles ONLY for Modal – Enqueue Bootstrap styles only for Modal.
  • Do NOT Load CSS – Do not load any Bootstrap styles.

Create Modal

  1. GOTO «Modals» -> «Add New».
  2. Add some data to Content section. This field mandatory. Title and Footer are optional.
  3. Configure Modal behaviour in «Options» metabox (right sidebar).

Options

  • Select Template: Simple (display only content), Middle (title + content), Full (title + content + footer).
  • Call Selector – jQuery selector of the element which will open Modal by click. (Examples: a[href=»#OpenModal»], a#click_me, a.open-modal).
  • Width – Aliases for standart Bootstrap styles: Large (modal-lg), Middle (modal-md), Small (modal-sm).
  • Max Width – You could provide INT value to limit width of Modal (px).
  • Class – custom class.
  • ID – custom ID.
  • Custom url – Custom url for each modal. For example: http://yourdomain.com/#modal-custom-url

Filters

  • sbmodal_client_templates_path – path to the folder with templates. From template root.
  • sbmodal_templates – array of templates (‘slug’ => __(‘Template Name’, ‘sbmodal’)).
  • sbmodal_width_classes – array of modal width classes (‘modal-width-class’ => __(‘Class Name’, ‘sbmodal’), …).

Capturas

  • Modal edit page.
  • Modal in action.
  • Options Page

Instalación

  1. Upload sbmodal to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. GOTO Usage.

Preguntas frecuentes

Installation Instructions
  1. Upload sbmodal to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. GOTO Usage.

Reseñas

28 de octubre de 2019
excellent God bless you plz support this amazing plugin
27 de noviembre de 2017
Even if it is not checked with the latest version of wordpress (4.9), it is an excellent plugin.
Leer todas las 7 reseñas

Colaboradores y desarrolladores

«SBModal» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce «SBModal» a tu idioma.

¿Interesado en el desarrollo?

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

Registro de cambios

1.4.1

  • Fixed issue: Modals don’t appear on version 1.4.0

1.4.0

  • Add «Load Condition» to be able load modal`s code on selected posts/pages or for whole site
  • Update Bootstrap to version 3.3.7

1.3.5

  • Custom url for each modal. Example: http://yourdomain.com/#modal-custom-url
  • Update Bootstrap to version 3.3.6

1.3.4

  • Fixed Issue «unrecognized expression [href=#thanksModal] #1» https://github.com/sevenbytes/sbmodal/issues/1

1.3.3

  • Backward Compatibility with v1.3

1.3.2

  • Usage Helper on Modals List in admin page – «Inset into Link Anchor» column.

1.3.1

  • Usage Helper on editor page – «How To Use» metabox.
  • Add Modal HTML ID Generation
  • Set ‘Styles ONLY for Modal’ as default value for ‘Enqueue Boots trap CSS Style’ option

1.3

  • Move all parts of Bootstrap Modal html markup into template files.

1.2

  • Added setting page.
  • Available to enqueue bootstrap styles only for Modal Component.
  • Screenshots updated.

1.1

  • Readme.txt updated.
  • Screenshots added.

1.0

  • Initial release.