Beskrivelse
You could easily create Bootstrap Modals.
It requires only:
- Fill the Content section with needed data.
- 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
- GOTO «Modals» -> «Add New».
- Add some data to Content section. This field mandatory. Title and Footer are optional.
- 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’), …).
Installasjon
- Upload
sbmodal
to the/wp-content/plugins/
directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- GOTO Usage.
FAQ
- Installation Instructions
-
- Upload
sbmodal
to the/wp-content/plugins/
directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- GOTO Usage.
- Upload
Vurderinger
Bidragsytere og utviklere
“SBModal” er programvare med åpen kildekode. Følgende personer har bidratt til denne utvidelsen.
BidragsytereOversett “SBModal” til ditt språk.
Interessert i utvikling?
Bla gjennom koden, sjekk ut SVN-repositoriet, eller abonner på utviklingsloggen med RSS.
Endringslogg
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.