This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Flexible Modals

Description

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.

Installation

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

Reviews

Read all 4 reviews

Contributors & Developers

“Flexible Modals” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Flexible Modals” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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]