{"id":997,"date":"2023-10-24T16:43:03","date_gmt":"2023-10-24T16:43:03","guid":{"rendered":"https:\/\/wpshortcode.org\/?p=997"},"modified":"2023-10-24T16:43:04","modified_gmt":"2023-10-24T16:43:04","slug":"meks-flexible-shortcodes","status":"publish","type":"post","link":"https:\/\/wpshortcode.org\/meks-flexible-shortcodes\/","title":{"rendered":"Meks Flexible Shortcodes Shortcode"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Below, you&#8217;ll find a detailed guide on how to add the <strong>Meks Flexible Shortcodes Shortcode<\/strong> to your WordPress website, including its <strong>parameters<\/strong>, <strong>examples<\/strong>, and <strong>PHP function code<\/strong>. Additionally, we&#8217;ll assist you with common issues that might cause the Meks Flexible Shortcodes Plugin shortcode not to show or not to work correctly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before starting, here is an overview of the Meks Flexible Shortcodes Plugin and the shortcodes it provides:<\/p>\n\n\n<p>    <div class=\"plugin-info-box\">\n        <div class=\"top-main\">\n            <!-- SVG Image -->\n            <div class=\"plugin-image\">\n                <img decoding=\"async\" src=\"https:\/\/ps.w.org\/meks-flexible-shortcodes\/assets\/icon-128x128.png?rev=1522334\" alt=\"Plugin Icon\" \/>\n            <\/div>\n            \n            <div class=\"plugin-descriptive-part\">\n                <!-- Plugin Name with Link -->\n\n                    <a class=\"plugin-title\" href=\"https:\/\/wordpress.org\/plugins\/meks-flexible-shortcodes\" target=\"_blank\" rel=\"noopener\">\n                        Meks Flexible Shortcodes                    <\/a>\n\n\n                <!-- Plugin Description -->\n                <p class=\"plugin-description\">\n                    &quot;Meks Flexible Shortcodes is a versatile WordPress plugin, enabling users to enhance their website with additional features and functionalities. It simplifies the process of adding complex code snippets to your site.&quot;                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Rating and Additional Info -->\n        <div class=\"plugin-meta\">\n            <span class=\"plugin-rating\">\n                <span class='stars'>\u2605\u2605\u2605\u2605\u2729<\/span> (10)\n            <\/span>\n            <span class=\"plugin-active-installs\">\n                <strong>Active Installs<\/strong>: 20000+\n            <\/span>\n            <span class=\"plugin-tested\">\n                <strong>Tested with<\/strong>: 6.3.2            <\/span>\n            <span class=\"plugin-php-version\">\n                <strong>PHP Version<\/strong>: false            <\/span>\n        <\/div>\n\n        <!-- List of Included Shortcodes -->\n        <div class=\"plugin-shortcodes\">\n            <strong>Included Shortcodes:<\/strong>\n            <ul>\n                <li>[mks_columns_sc]<\/li>            <\/ul>\n        <\/div>\n    <\/div>\n    <\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Meks Flexible Shortcodes [mks_columns_sc] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The &#8216;mks-flexible-shortcodes&#8217; plugin shortcode is a versatile tool that allows the creation of custom columns in your WordPress content. \n\n\n\nUsing this shortcode, you can add a class, and decide whether to use bootstrap styling. The shortcode takes in these parameters and generates a div with the specified class and content. When bootstrap is enabled, it generates appropriate classes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[mks_columns_sc]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible mks_columns_sc shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>class<\/code> &#8211; Assigns a custom CSS class to the column<\/li>\n<li><code>bootstrap<\/code> &#8211; Determines if Bootstrap classes should be used<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; The shortcode allows you to add a custom class to your column.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[mks_col class=\"custom-class\"]Your content[\/mks_col]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Using the shortcode to create a column with a custom class and bootstrap enabled. If bootstrap is enabled, the plugin will generate bootstrap classes based on the tag.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[mks_col class=\"custom-class\" bootstrap=\"true\"]Your content[\/mks_col]<\/code><\/pre>\n\n\n<p>Here&#8217;s another advanced example where we&#8217;re using nested shortcodes. The outer shortcode creates a column with a custom class and bootstrap enabled. The inner shortcode adds another column inside the first one.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[mks_col class=\"custom-class\" bootstrap=\"true\"][mks_col class=\"inner-class\"]Your inner content[\/mks_col]Your outer content[\/mks_col]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[mks_columns_sc]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'mks_'.$item, 'mks_columns_sc' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction mks_columns_sc( $atts, $content, $tag ) {\n\n        global $mks_shortcodes_use_bootstrap;\n        $defaults = array(\n            &#039;class&#039; =&gt; &#039;&#039;,\n            &#039;bootstrap&#039; =&gt; false\n        );\n        $atts = shortcode_atts( $defaults, $atts );\n        $class = esc_attr( $atts&#91;&#039;class&#039;] );\n        $bootstrap = (bool) $atts&#91;&#039;bootstrap&#039;];\n        \n        if( $tag == &#039;mks_col&#039;){\n            $mks_shortcodes_use_bootstrap = $bootstrap;\n        }\n\n        if ( $mks_shortcodes_use_bootstrap ) {\n            $tag = mks_generate_bootstrap_classes($tag);\n        }\n\n        $output = &#039;&lt;div class=&quot;&#039;.esc_attr($tag).&#039; &#039;.$class.&#039;&quot;&gt;&#039; . do_shortcode( $content ) . &#039;&lt;\/div&gt;&#039;;\n        return $output;\n    }\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">meks-flexible-shortcodes\/meks-flexible-shortcodes\/meks-shortcodes.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now that you&#8217;ve learned how to embed the <strong>Meks Flexible Shortcodes Plugin shortcode<\/strong>, understood the parameters, and seen code examples, it&#8217;s easy to use and debug any issue that might cause it to &#8216;not work&#8217;. If you still have difficulties with it, don&#8217;t hesitate to leave a comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Below, you&#8217;ll find a detailed guide on how to add the Meks Flexible Shortcodes Shortcode to your WordPress website, including its parameters, examples, and PHP function code. Additionally, we&#8217;ll assist you with common issues that might cause the Meks Flexible Shortcodes Plugin shortcode not to show or not to work correctly. Before starting, here is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"name":"Meks Flexible Shortcodes","slug":"","version":"1.3.6","author":"<a href=\"https:\/\/mekshq.com\">Meks<\/a>","icons":"https:\/\/ps.w.org\/meks-flexible-shortcodes\/assets\/icon-128x128.png?rev=1522334","plugin_tags":"{\"accordions\":\"accordions\",\"shortcode\":\"shortcode\",\"shortcodes\":\"shortcodes\",\"tabs\":\"tabs\",\"toggles\":\"toggles\"}","author_profile":"https:\/\/profiles.wordpress.org\/mekshq\/","requires":"3.5","tested":"6.3.2","requires_php":"false","rating":84,"num_ratings":10,"active_installs":20000,"downloaded":391494,"last_updated":"2023-09-11 12:02pm GMT","added":"2014-01-26","homepage":"https:\/\/mekshq.com","short_description":"Add some cool elements to your post\/page content with flexible shortcodes.","description":"\"Meks Flexible Shortcodes is a versatile WordPress plugin, enabling users to enhance their website with additional features and functionalities. It simplifies the process of adding complex code snippets to your site.\"","shortcodes":"[\"mks_columns_sc\"]","footnotes":""},"categories":[1],"tags":[],"class_list":["post-997","post","type-post","status-publish","format-standard","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/comments?post=997"}],"version-history":[{"count":1,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/997\/revisions"}],"predecessor-version":[{"id":1068,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/997\/revisions\/1068"}],"wp:attachment":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/media?parent=997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/categories?post=997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/tags?post=997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}