Deze plugin is niet getest met de laatste 3 grotere versies van WordPress. Mogelijk wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen ontstaan wanneer het wordt gebruikt met recentere versies van WordPress.

Flexible Modals

Beschrijving

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.

Installatie

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

Beoordelingen

Lees alle 4 beoordelingen

Bijdragers & ontwikkelaars

“Flexible Modals” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

Vertaal “Flexible Modals” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via 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]