這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

SBModal

外掛說明

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’), …).

螢幕擷圖

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

安裝方式

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

常見問題集

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

使用者評論

2019 年 10 月 28 日
excellent God bless you plz support this amazing plugin
2017 年 11 月 27 日
Even if it is not checked with the latest version of wordpress (4.9), it is an excellent plugin.
閱讀全部 7 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈SBModal〉的開發相關工作。

參與者

將 SBModal 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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.