{"id":52811,"date":"2014-07-22T05:19:25","date_gmt":"2014-07-22T05:19:25","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/flexible-modals\/"},"modified":"2014-07-24T06:17:51","modified_gmt":"2014-07-24T06:17:51","slug":"flexible-modals","status":"publish","type":"plugin","link":"https:\/\/ja.wordpress.org\/plugins\/flexible-modals\/","author":7452890,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.2","stable_tag":"0.2","tested":"3.9.40","requires":"3.5","requires_php":"","requires_plugins":"","header_name":"Flexible Modals","header_author":"S. Bage","header_description":"","assets_banners_color":"d85a0e","last_updated":"2014-07-24 06:17:51","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/www.wpsnippet.com\/flexible-modals","header_plugin_uri":"http:\/\/www.wpsnippet.com","header_author_uri":"http:\/\/www.wpsnippet.com","rating":3.5,"author_block_rating":0,"active_installs":40,"downloads":72592,"num_ratings":4,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":"1","2":0,"3":"1","4":0,"5":"2"},"assets_icons":[],"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":"952606","resolution":"1544x500","location":"assets"},"banner-772x250.png":{"filename":"banner-772x250.png","revision":"952606","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1","0.2"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1220,613,491],"plugin_category":[],"plugin_contributors":[82210],"plugin_business_model":[],"class_list":["post-52811","plugin","type-plugin","status-publish","hentry","plugin_tags-block","plugin_tags-modal","plugin_tags-popup","plugin_contributors-bagerathan","plugin_committers-bagerathan"],"banners":{"banner":"https:\/\/ps.w.org\/flexible-modals\/assets\/banner-772x250.png?rev=952606","banner_2x":"https:\/\/ps.w.org\/flexible-modals\/assets\/banner-1544x500.png?rev=952606","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/flexible-modals_d85a0e.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Modal windows are interesting way to include extran information on a page. <a href=\"http:\/\/www.onextrapixel.com\/2014\/06\/25\/create-modal-windows-that-can-be-morphed-from-anything-with-jquery-adaptive-modal-js\/\">adaptive-modal.js<\/a> 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.<\/p>\n\n<p>I have also added another functionality into this plugin, which will let you to embed your modal content into your post a page directly.<\/p>\n\n<h3>Usage<\/h3>\n\n<p>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.<\/p>\n\n<ol>\n<li>[modal]<\/li>\n<li>[block] <\/li>\n<\/ol>\n\n<h3>modal<\/h3>\n\n<p>the 'modal' shortcode is to create modal windows.<\/p>\n\n<p>For now the [modal] shortcode comes with four attributes.<\/p>\n\n<p><strong>id<\/strong>\nYour modal id. eg: <em>[modal id=2]Click here[\/modal]<\/em><\/p>\n\n<p><strong>data<\/strong>\nIf your modal only going to have just text, you can directly add the content in the shortcode. eg: <em>[modal data=\"This is my modal content\"]Click here[\/modal]<\/em>. This shortcode is much useful when you want to add a modal window to a word in a paragrap without braking the paragrap.<\/p>\n\n<pre><code>note: you cannot use both id and data in the same shortcode\n<\/code><\/pre>\n\n<p><strong>background<\/strong>\nThis is to style the link and the modal window background. Have to specify a valid color. eg: <em>[modal id=2 background=\"#DDDDDD\"]Click here[\/modal]<\/em><\/p>\n\n<p><strong>color<\/strong>\nThis attribute is to change the color of the link. eg: <em>[modal id=2 background=\"#DDDDDD\" color=\"#000000\"]Click here[\/modal]<\/em><\/p>\n\n<h3>block<\/h3>\n\n<p>The 'block' shortcode is to embed your modal content into any page or post. It only has one attribute.<\/p>\n\n<p><strong>id<\/strong>\nid of the modal post type post.<\/p>\n\n<pre><code>note: both block and modal shortcodes uses the same Modals custom post type.\n<\/code><\/pre>\n\n<!--section=installation-->\n<p>This section describes how to install the plugin and get it working.<\/p>\n\n<ol>\n<li>Upload <code>flexible-modal<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>0.1<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>\n\n<h4>0.2<\/h4>\n\n<ul>\n<li>Updated shortcode. - I have removed the label attribute from the [modal] shortcode and instead made it to wrap a text. eg: in <strong>[modal id=2]Click here[\/modal]<\/strong> the \"Click here\" will become the anchor tag to activate the modal. So basically if you have a shortcode like <strong>[modal id=\"2\" label=\"Click here\"]<\/strong>, you will have to change it to <strong>[modal id=\"2\"]Click here[\/modal]<\/strong><\/li>\n<\/ul>","raw_excerpt":"Flexible Modal is a very simple plugin to add modal windows to your WordPress content using shortcodes.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/52811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=52811"}],"author":[{"embeddable":true,"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bagerathan"}],"wp:attachment":[{"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=52811"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=52811"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=52811"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=52811"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=52811"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ja.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=52811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}