Title: Flexible Modals Author: Bage Published: 22 de julio de 2014 Last modified: 24 de julio de 2014 --- Buscar plugins ![](https://ps.w.org/flexible-modals/assets/banner-772x250.png?rev=952606) 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. ![](https://s.w.org/plugins/geopattern-icon/flexible-modals_d85a0e.svg) # Flexible Modals Por [Bage](https://profiles.wordpress.org/bagerathan/) [Descargar](https://downloads.wordpress.org/plugin/flexible-modals.0.2.zip) * [Detalles](https://es-cr.wordpress.org/plugins/flexible-modals/#description) * [Valoraciones](https://es-cr.wordpress.org/plugins/flexible-modals/#reviews) * [Instalación](https://es-cr.wordpress.org/plugins/flexible-modals/#installation) * [Desarrollo](https://es-cr.wordpress.org/plugins/flexible-modals/#developers) [Soporte](https://wordpress.org/support/plugin/flexible-modals/) ## Descripción 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. ``` ## Instalación 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 ## Reseñas ![](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 de septiembre de 2016 The plugin doesn’t work properly. [ Leer todas las 4 reseñas ](https://wordpress.org/support/plugin/flexible-modals/reviews/) ## Colaboradores y desarrolladores “Flexible Modals” es un software de código abierto. Las siguientes personas han colaborado con este plugin. Colaboradores * [ Bage ](https://profiles.wordpress.org/bagerathan/) [Traduce “Flexible Modals” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/flexible-modals) ### ¿Interesado en el desarrollo? [Revise el código](https://plugins.trac.wordpress.org/browser/flexible-modals/) , eche un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/flexible-modals/), o suscríbase al [log de desarrollo](https://plugins.trac.wordpress.org/log/flexible-modals/) por [RSS](https://plugins.trac.wordpress.org/log/flexible-modals/?limit=100&mode=stop_on_copy&format=rss). ## Registro de cambios #### 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]** ## Meta * Version **0.2** * Last updated **hace 12 años** * Active installations **30+** * WordPress version ** 3.5 or higher ** * Tested up to **3.9.40** * Language * [English (US)](https://wordpress.org/plugins/flexible-modals/) * Tags * [block](https://es-cr.wordpress.org/plugins/tags/block/)[modal](https://es-cr.wordpress.org/plugins/tags/modal/) [popup](https://es-cr.wordpress.org/plugins/tags/popup/) * [Vista avanzada](https://es-cr.wordpress.org/plugins/flexible-modals/advanced/) ## Valoraciones 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/) ## Colaboradores * [ Bage ](https://profiles.wordpress.org/bagerathan/) ## Soporte ¿Tienes algo que decir? ¿Necesitas ayuda? [Ver el foro de soporte](https://wordpress.org/support/plugin/flexible-modals/) ## Donar ¿Le gustaría apoyar con el progreso de este plugin? [ Done a este plugin ](http://www.wpsnippet.com/flexible-modals)