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)

یہ پلگ ان **ورڈپریس کے تازہ ترین 3 ریلیزوں کے ساتھ ٹیسٹ نہیں کیا گیا ہے**۔ اب یہ
برقرار نہیں رکھا جا سکتا یا معاونت نہیں کی جا سکتی اور اس کو ورڈپریس کے تازہ ترین
ورژنز کے ساتھ استعمال کیے جانے پر مطابقت کے مسائل ہو سکتے ہیں۔

![](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://ur.wordpress.org/plugins/flexible-modals/#description)
 * [جائزے](https://ur.wordpress.org/plugins/flexible-modals/#reviews)
 *  [انسٹالیشن](https://ur.wordpress.org/plugins/flexible-modals/#installation)
 * [ڈیولپمنٹ](https://ur.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/browser/flexible-modals/)، [ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/flexible-modals/)
کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/flexible-modals/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/flexible-modals/?limit=100&mode=stop_on_copy&format=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]**

## میٹا

 *  Version **0.2**
 *  Last updated **12 سال پہلے**
 *  Active installations **30+**
 *  WordPress version ** 3.5 یا اس سے جدید **
 *  Tested up to **3.9.40**
 *  Language
 * [English (US)](https://wordpress.org/plugins/flexible-modals/)
 * Tags
 * [block](https://ur.wordpress.org/plugins/tags/block/)[modal](https://ur.wordpress.org/plugins/tags/modal/)
   [popup](https://ur.wordpress.org/plugins/tags/popup/)
 *  [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/flexible-modals/advanced/)

## درجہ بندیاں

 3.5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/flexible-modals/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/flexible-modals/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/flexible-modals/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/flexible-modals/reviews/?filter=2)
 *  [  1 1-star review     ](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)