Title: Flexible Modals
Author: Bage
Published: <strong>जुलाई 22, 2014</strong>
Last modified: जुलाई 24, 2014

---

प्लगिनहरू खोज्नुहोस्

![](https://ps.w.org/flexible-modals/assets/banner-772x250.png?rev=952606)

यो प्लगिन **वर्डप्रेसका ३ प्रमुख नवीनतम रिलीजहरूसँग परीक्षण गरिएको छैन**। यो अब 
सम्भवतः व्यवस्थित वा समर्थन नभएको हुन सक्छ र वर्डप्रेसका नयाँ संस्करणहरूमा प्रयोग
गर्दा अनुकूलता सम्बन्धी समस्या हुन सक्छ।

![](https://s.w.org/plugins/geopattern-icon/flexible-modals_d85a0e.svg)

# Flexible Modals

 [Bage](https://profiles.wordpress.org/bagerathan/) द्वारा

[डाउनलोड गर्नुहोस्](https://downloads.wordpress.org/plugin/flexible-modals.0.2.zip)

 * [विवरण](https://ne.wordpress.org/plugins/flexible-modals/#description)
 * [समीक्षाहरू](https://ne.wordpress.org/plugins/flexible-modals/#reviews)
 *  [स्थापना](https://ne.wordpress.org/plugins/flexible-modals/#installation)
 * [विकास](https://ne.wordpress.org/plugins/flexible-modals/#developers)

 [सहायता](https://wordpress.org/support/plugin/flexible-modals/)

## विवरण

Modal windows are interesting way to include extran information on a page. [adaptive-modal.js](http://www.onextrapixel.com/2014/06/25/create-modal-windows-that-can-be-morphed-from-anything-with-jquery-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

## समीक्षाहरू

![](https://secure.gravatar.com/avatar/0df9a0224674e55748361e5b9e2563ab48594d90fa12d75869905f64b010fd87?
s=60&d=retro&r=g)

### 󠀁[It doesn't work](https://wordpress.org/support/topic/it-doesnt-work-103/)󠁿

 [christoff](https://profiles.wordpress.org/christoff/) सेप्टेम्बर 3, 2016

The plugin doesn’t work properly.

 [ सबै 4 समीक्षाहरू पढ्नुहोस् ](https://wordpress.org/support/plugin/flexible-modals/reviews/)

## योगदानकर्ता र डेभलपरहरू

“Flexible Modals” खुला स्रोत सफ्टवेयर हो। निम्न व्यक्तिहरूले यो प्लगिनमा योगदान 
गरेका छन्।

योगदानकर्ताहरू

 *   [ Bage ](https://profiles.wordpress.org/bagerathan/)

[“Flexible Modals” लाई आफ्नो भाषामा अनुवाद गर्नुहोस्](https://translate.wordpress.org/projects/wp-plugins/flexible-modals)

### विकासमा रुचि छ?

[आरएसएस](https://plugins.trac.wordpress.org/log/flexible-modals/?limit=100&mode=stop_on_copy&format=rss)
द्वारा [कोड ब्राउज गर्नुहोस्](https://plugins.trac.wordpress.org/browser/flexible-modals/),
[एसभीएन रिपजिटरी](https://plugins.svn.wordpress.org/flexible-modals/) हेर्नुहोस्,
वा [विकास लग](https://plugins.trac.wordpress.org/log/flexible-modals/) को सदस्यता
लिनुहोस्।

## चेन्जलग

#### 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]**

## मेटा

 *  संस्करण **0.2**
 *  पछिल्लो अपडेट **12 वर्ष अघि**
 *  सक्रिय स्थापना **30+**
 *  वर्डप्रेस संस्करण ** 3.5 वा उच्च **
 *  जाँच गरिएको **3.9.40**
 *  भाषा
 * [English (US)](https://wordpress.org/plugins/flexible-modals/)
 * ट्यागहरू
 * [block](https://ne.wordpress.org/plugins/tags/block/)[modal](https://ne.wordpress.org/plugins/tags/modal/)
   [popup](https://ne.wordpress.org/plugins/tags/popup/)
 *  [उन्नत दृश्य](https://ne.wordpress.org/plugins/flexible-modals/advanced/)

## रेटिङ्गहरू

 ५ मा 3.5 तारा।

 *  [  2 5-तारा समीक्षाहरू     ](https://wordpress.org/support/plugin/flexible-modals/reviews/?filter=5)
 *  [  0 4-तारा समीक्षाहरू     ](https://wordpress.org/support/plugin/flexible-modals/reviews/?filter=4)
 *  [  1 3-तारा समीक्षा     ](https://wordpress.org/support/plugin/flexible-modals/reviews/?filter=3)
 *  [  0 2-तारा समीक्षाहरू     ](https://wordpress.org/support/plugin/flexible-modals/reviews/?filter=2)
 *  [  1 1-तारा समीक्षा     ](https://wordpress.org/support/plugin/flexible-modals/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/flexible-modals/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/flexible-modals/reviews/)

## योगदानकर्ताहरू

 *   [ Bage ](https://profiles.wordpress.org/bagerathan/)

## सहायता

केही भन्नु छ? सहयोग चाहियो?

 [सहायता फोरम हेर्नुहोस्](https://wordpress.org/support/plugin/flexible-modals/)

## दान गर्नुहोस्

के तपाईँ यस प्लगिनको उन्नतिको लागि सहायता गर्न चाहनुहुन्छ?

 [ यो प्लगिनको लागि दान गर्नुहोस् ](http://www.wpsnippet.com/flexible-modals)