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

Flexible Modals

外掛說明

Modal windows are interesting way to include extran information on a page. adaptive-modal.js makes it beautiful. You can use this little plugin which uses the same jQuery plugin to creae modal windows easily in any page or post or even on a widget uisng shortcode.

I have also added another functionality into this plugin, which will let you to embed your modal content into your post a page directly.

Usage

Upon activation, the plugin will create a custom post type called ‘Modals’. Where you can add your content, which later you can use it on a modal or embed directly into your page or post.

  1. [modal]
  2. [block]

modal

the ‘modal’ shortcode is to create modal windows.

For now the [modal] shortcode comes with four attributes.

id
Your modal id. eg: [modal id=2]Click here[/modal]

data
If your modal only going to have just text, you can directly add the content in the shortcode. eg: [modal data=”This is my modal content”]Click here[/modal]. This shortcode is much useful when you want to add a modal window to a word in a paragrap without braking the paragrap.

note: you cannot use both id and data in the same shortcode

background
This is to style the link and the modal window background. Have to specify a valid color. eg: [modal id=2 background=”#DDDDDD”]Click here[/modal]

color
This attribute is to change the color of the link. eg: [modal id=2 background=”#DDDDDD” color=”#000000″]Click here[/modal]

block

The ‘block’ shortcode is to embed your modal content into any page or post. It only has one attribute.

id
id of the modal post type post.

note: both block and modal shortcodes uses the same Modals custom post type.

安裝方式

This section describes how to install the plugin and get it working.

  1. Upload flexible-modal folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

使用者評論

閱讀全部 4 則使用者評論

參與者及開發者

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

參與者

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

對開發相關資訊感興趣?

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

變更記錄

0.1

  • Initial release.

0.2

  • Updated shortcode. – I have removed the label attribute from the [modal] shortcode and instead made it to wrap a text. eg: in [modal id=2]Click here[/modal] the “Click here” will become the anchor tag to activate the modal. So basically if you have a shortcode like [modal id=”2″ label=”Click here”], you will have to change it to [modal id=”2″]Click here[/modal]