{"id":2032,"date":"2023-12-10T11:21:15","date_gmt":"2023-12-10T11:21:15","guid":{"rendered":"https:\/\/wpshortcode.org\/?p=2032"},"modified":"2023-12-10T11:21:15","modified_gmt":"2023-12-10T11:21:15","slug":"genesis-easy-columns","status":"publish","type":"post","link":"https:\/\/wpshortcode.org\/genesis-easy-columns\/","title":{"rendered":"Genesis Easy Columns Shortcodes"},"content":{"rendered":"\n        \n        <p class=\"wp-block-paragraph\">Below, you&#8217;ll find a detailed guide on how to add the <strong>Genesis Easy Columns Shortcodes<\/strong> to your WordPress website, including their <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 Genesis Easy Columns Plugin shortcodes 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 Genesis Easy Columns 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:\/\/s.w.org\/plugins\/geopattern-icon\/virtue-toolkit.svg\" 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\/genesis-easy-columns\" target=\"_blank\" rel=\"noopener\">\n                        Genesis Easy Columns                    <\/a>\n\n\n                <!-- Plugin Description -->\n                <p class=\"plugin-description\">\n                    &quot;Genesis Easy Columns is a WordPress plugin that simplifies the creation and management of column layouts in the Genesis Framework, enhancing your site&#039;s design.&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> (11)\n            <\/span>\n            <span class=\"plugin-active-installs\">\n                <strong>Active Installs<\/strong>: 4000+\n            <\/span>\n            <span class=\"plugin-tested\">\n                <strong>Tested with<\/strong>: 3.7.41            <\/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>[one-half-first]<\/li><li>[one-half]<\/li><li>[one-third-first]<\/li><li>[one-third]<\/li><li>[one-fourth-first]<\/li><li>[one-fourth]<\/li><li>[one-fifth-first]<\/li><li>[one-fifth]<\/li><li>[one-sixth-first]<\/li><li>[one-sixth]<\/li><li>[clear]<\/li><li>[clear-line]<\/li>            <\/ul>\n        <\/div>\n    <\/div>\n    <\/p>\n\n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [one-half-first] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns plugin shortcode, &#8220;one-half-first&#8221;, is designed to create a responsive column layout. \n\n\n\nThis shortcode creates a half-width column that always appears first in its row. The content within this column is defined by the user. It&#8217;s particularly useful for structuring content on a webpage.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[one-half-first]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic Example<\/strong> &#8211; The basic usage of the &#8220;one-half-first&#8221; shortcode is to divide the content into two equal halves. The content enclosed within the shortcode will be displayed in the first half of the container.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-half-first]Your content goes here...[\/one-half-first]<\/code><\/pre>\n\n\n<p><strong>Advanced Examples<\/strong> &#8211; The advanced usage of the &#8220;one-half-first&#8221; shortcode can be to display multiple sections of content in the first half of the container. Each section can be separated by a different shortcode or HTML tag.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-half-first]\n    [section]First section of content...[\/section]\n    <br\/>\n    [section]Second section of content...[\/section]\n[\/one-half-first]<\/code><\/pre>\n\n\n<p>Another advanced usage can be to use the &#8220;one-half-first&#8221; shortcode within another shortcode to create nested layouts. The content within the &#8220;one-half-first&#8221; shortcode will be displayed in the first half of the parent shortcode&#8217;s container.<\/p>\n\n<pre class=\"wp-block-code\"><code>[parent-shortcode]\n    [one-half-first]Your content goes here...[\/one-half-first]\n[\/parent-shortcode]<\/code><\/pre>\n\n\n<p>Remember, the content enclosed within the &#8220;one-half-first&#8221; shortcode will be displayed in the first half of the container, and the remaining space will be left empty. To fill the other half, you can use the &#8220;one-half&#8221; shortcode after the &#8220;one-half-first&#8221; shortcode.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-half-first]Your content goes here...[\/one-half-first]\n[one-half]Your other content goes here...[\/one-half]<\/code><\/pre>\n\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[one-half-first]<\/code> shortcode, check below the related PHP functions code.<\/p>\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(\"one-half-first\",\"gc_one_half_first\");<\/code><\/pre>\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=\"\">\n                    function gc_one_half_first($atts, $content = null ) {\r\n\treturn &#039;&lt;div class=&quot;one-half first&quot;&gt;&#039;.gc_strip_autop($content).&#039;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [one-half] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns &#8216;one-half&#8217; shortcode is used to divide content into two equal halves. \n\n\n\nUpon execution, it wraps the content within a div class called &#8220;one-half&#8221;, effectively splitting the page or post content into two equal columns. This shortcode is useful for creating a visually appealing and organized layout.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[one-half]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic example<\/strong> &#8211; A simple implementation of the &#8216;one-half&#8217; shortcode. This will create a div with the class &#8216;one-half&#8217;, allowing you to style it accordingly in your CSS.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-half]Your content goes here[\/one-half]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n\n<p>Implementing the &#8216;one-half&#8217; shortcode with additional HTML elements. In this example, we&#8217;ve added a heading and paragraph within the &#8216;one-half&#8217; div.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-half]<h2>Your Title Here<\/h2><p>Your paragraph text here.<\/p>[\/one-half]<\/code><\/pre>\n\n\n<p>Using two &#8216;one-half&#8217; shortcodes side by side. This will create two divs with the class &#8216;one-half&#8217; next to each other, effectively creating a two-column layout.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-half]Your content for the first column goes here[\/one-half][one-half]Your content for the second column goes here[\/one-half]<\/code><\/pre>\n\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[one-half]<\/code> shortcode, check below the related PHP functions code.<\/p>\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('one-half','gc_one_half');<\/code><\/pre>\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=\"\">\n                    function gc_one_half($atts, $content = null) {\r\n\treturn &#039;&lt;div class=&quot;one-half&quot;&gt;&#039;.gc_strip_autop($content).&#039;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [one-third-first] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns plugin shortcode &#8220;one-third-first&#8221; is used to divide your content into columns. \n\n\n\nUpon execution, this shortcode wraps your content in a div with classes &#8220;one-third&#8221; and &#8220;first&#8221;. This structure signifies the beginning of a three-column layout. The &#8220;first&#8221; class indicates the first column in the set.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[one-third-first]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic example<\/strong> &#8211; The following shortcode will create a one-third width column at the first position. The content inside the shortcode will be wrapped within a div with the classes &#8216;one-third&#8217; and &#8216;first&#8217;.<\/p>\n\n\n<pre class=\"wp-block-code\"><code>[one-third-first]Your content here[\/one-third-first]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n\n<p>Using the shortcode to display a custom message with HTML markup. The message will be wrapped within a div with the classes &#8216;one-third&#8217; and &#8216;first&#8217;. This allows for more complex layouts and styles to be applied to the content.<\/p>\n\n\n<pre class=\"wp-block-code\"><code>[one-third-first]<h2>Welcome to our website<\/h2><p>We offer a range of services to help you achieve the results you\u2019re after.<\/p>[\/one-third-first]<\/code><\/pre>\n\n\n<p>Using the shortcode to display an image. The image will be wrapped within a div with the classes &#8216;one-third&#8217; and &#8216;first&#8217;. This can be useful for creating a layout with images and text side by side.<\/p>\n\n\n<pre class=\"wp-block-code\"><code>[one-third-first]<img decoding=\"async\" src=\"your-image-url\" alt=\"Image Description\" \/>[\/one-third-first]<\/code><\/pre>\n\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[one-third-first]<\/code> shortcode, check below the related PHP functions code.<\/p>\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(\"one-third-first\",\"gc_one_third_first\");<\/code><\/pre>\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=\"\">\n                    function gc_one_third_first($atts, $content = null) {\r\n\treturn &#039;&lt;div class=&quot;one-third first&quot;&gt;&#039; .gc_strip_autop($content). &#039;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [one-third] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns plugin shortcode, &#8216;one-third&#8217;, creates a one-third width column in your content. \n\n\n\nThis shortcode wraps the content within a div with a class of &#8216;one-third&#8217;, effectively styling the content to occupy one-third of the available width.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[one-third]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic example<\/strong> &#8211; A simple use of the shortcode to create a one-third column on your page or post.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-third]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n\n<p>Utilizing the shortcode to insert a one-third column with additional content. The content will be contained within the one-third column on your page or post.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-third]Your content goes here[\/one-third]<\/code><\/pre>\n\n\n<p>Using the shortcode to create multiple one-third columns on your page or post. Each column will contain the specified content.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-third]First column content[\/one-third]\n[one-third]Second column content[\/one-third]\n[one-third]Third column content[\/one-third]<\/code><\/pre>\n\n\n<p>Applying the shortcode to create a one-third column with nested shortcodes. The nested shortcodes will be processed within the one-third column.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-third][another-shortcode][\/one-third]<\/code><\/pre>\n\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[one-third]<\/code> shortcode, check below the related PHP functions code.<\/p>\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('one-third','gc_one_third');<\/code><\/pre>\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=\"\">\n                    function gc_one_third($atts, $content = null) {\r\n\treturn &#039;&lt;div class=&quot;one-third&quot;&gt;&#039; .gc_strip_autop($content). &#039;&lt;\/div&gt;&#039;;\r\n\t\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [one-fourth-first] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis-Easy-Columns plugin shortcode &#8220;one-fourth-first&#8221; is designed to create a column that takes up one-fourth of the available width. \n\n\n\nThis shortcode wraps the content within a div element, assigning it the classes &#8220;one-fourth&#8221; and &#8220;first&#8221;. This facilitates easy, flexible column formatting.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[one-fourth-first]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic example<\/strong> &#8211; A simple usage of the &#8220;one-fourth-first&#8221; shortcode to display content in a one-fourth column at the beginning of a row.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-fourth-first]Your content here[\/one-fourth-first]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n\n<p>Using the &#8220;one-fourth-first&#8221; shortcode to display a list of items in a one-fourth column at the beginning of a row. The shortcode content accepts HTML, so you can include an unordered list within the shortcode tags.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-fourth-first]<ul><li>Item 1<\/li><li>Item 2<\/li><li>Item 3<\/li><\/ul>[\/one-fourth-first]<\/code><\/pre>\n\n\n<p>Using the &#8220;one-fourth-first&#8221; shortcode to display an image in a one-fourth column at the beginning of a row. The shortcode content accepts HTML, so you can include an image tag within the shortcode tags.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-fourth-first]<img decoding=\"async\" src=\"your-image-url\" alt=\"your image alt text\" \/>[\/one-fourth-first]<\/code><\/pre>\n\n\n<p>Remember that the &#8220;one-fourth-first&#8221; shortcode should be used in conjunction with other column shortcodes provided by the genesis-easy-columns plugin to create a complete row of columns.<\/p>\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[one-fourth-first]<\/code> shortcode, check below the related PHP functions code.<\/p>\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(\"one-fourth-first\",\"gc_one_fourth_first\");<\/code><\/pre>\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=\"\">\n                    function gc_one_fourth_first($atts, $content = null) {\r\n\treturn &#039;&lt;div class=&quot;one-fourth first&quot;&gt;&#039; .gc_strip_autop($content). &#039;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [one-fourth] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns &#8216;one-fourth&#8217; shortcode is a tool that divides a webpage into four equal parts. \n\n\n\nWhen implemented, it wraps the content within a &#8216;div&#8217; tag, assigning it a class &#8216;one-fourth&#8217;. This class is styled to occupy 25% of the total width, creating a column that takes up one-fourth of the page.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[one-fourth]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic Example<\/strong> &#8211; A simple usage of the &#8216;one-fourth&#8217; shortcode. This example will create a div with the class &#8216;one-fourth&#8217;, and the content inside the div will be determined by the content parameter.<\/p>\n\n\n<pre class=\"wp-block-code\"><code>[one-fourth]Your content goes here[\/one-fourth]<\/code><\/pre>\n\n\n<p><strong>Advanced Examples<\/strong><\/p>\n\n<p>Creating nested columns within a &#8216;one-fourth&#8217; column. This example demonstrates the flexibility of the &#8216;one-fourth&#8217; shortcode by creating nested columns within a &#8216;one-fourth&#8217; column. The nested columns will be half the width of the &#8216;one-fourth&#8217; column, effectively making them &#8216;one-eighth&#8217; columns.<\/p>\n\n\n<pre class=\"wp-block-code\"><code>[one-fourth]\n    [one-half]Your content goes here[\/one-half]\n    [one-half]Your content goes here[\/one-half]\n[\/one-fourth]<\/code><\/pre>\n\n\n<p>Using the &#8216;one-fourth&#8217; shortcode with other shortcodes. This example shows how you can use the &#8216;one-fourth&#8217; shortcode in combination with other shortcodes. Here, the &#8216;contact-form&#8217; shortcode is used within the &#8216;one-fourth&#8217; shortcode, allowing you to display a contact form within a &#8216;one-fourth&#8217; column.<\/p>\n\n\n<pre class=\"wp-block-code\"><code>[one-fourth]\n    [contact-form id=\"1\"]\n[\/one-fourth]<\/code><\/pre>\n\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[one-fourth]<\/code> shortcode, check below the related PHP functions code.<\/p>\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('one-fourth','gc_one_fourth');<\/code><\/pre>\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=\"\">\n                    function gc_one_fourth($atts, $content = null) {\r\n\treturn &#039;&lt;div class=&quot;one-fourth&quot;&gt;&#039; .gc_strip_autop($content). &#039;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [one-fifth-first] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns plugin shortcode &#8220;one-fifth-first&#8221; creates a responsive column that takes up one-fifth of the available width. It&#8217;s the first column in a row. \n\n \n\nThis shortcode wraps the content within a div element, applying the &#8220;one-fifth&#8221; and &#8220;first&#8221; classes. The &#8220;first&#8221; class indicates the start of a new row.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[one-fifth-first]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic example<\/strong> &#8211; A simple usage of the &#8220;one-fifth-first&#8221; shortcode. This will create a div with &#8220;one-fifth first&#8221; classes and the content placed inside.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-fifth-first]Your content goes here[\/one-fifth-first]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n\n<p>In this example, we are using the shortcode to display different contents in the same div. The contents will be placed inside the div with &#8220;one-fifth first&#8221; classes.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-fifth-first]First content[\/one-fifth-first]<\/code><\/pre>\n<pre class=\"wp-block-code\"><code>[one-fifth-first]Second content[\/one-fifth-first]<\/code><\/pre>\n\n\n<p>Another advanced usage could be to nest shortcodes. Here, we are using the &#8220;one-fifth-first&#8221; shortcode and nesting the &#8220;contact-form&#8221; shortcode inside it. The contact form will be displayed inside the div with &#8220;one-fifth first&#8221; classes.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-fifth-first][contact-form id=\"1\"][\/one-fifth-first]<\/code><\/pre>\n\n\nPlease remember that these examples are based on the provided PHP function and may vary depending on the actual implementation and parameters supported by the &#8220;one-fifth-first&#8221; shortcode.\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[one-fifth-first]<\/code> shortcode, check below the related PHP functions code.<\/p>\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(\"one-fifth-first\",\"gc_one_fifth_first\");<\/code><\/pre>\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=\"\">\n                    function gc_one_fifth_first($atts, $content = null) {\r\n\treturn &#039;&lt;div class=&quot;one-fifth first&quot;&gt;&#039; .gc_strip_autop($content). &#039;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [one-fifth] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns &#8216;one-fifth&#8217; shortcode creates a responsive column that occupies one-fifth of the page width. It wraps content within a div class for easy CSS styling.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[one-fifth]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic Example<\/strong> &#8211; A simple usage of the &#8216;one-fifth&#8217; shortcode to divide content into 5 columns.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-fifth]Your content here[\/one-fifth]<\/code><\/pre>\n\n\n<p>Advanced Examples<\/p>\n\n<p><strong>Example 1<\/strong> &#8211; Using multiple &#8216;one-fifth&#8217; shortcodes to create a 5-column layout. Each column will hold different content.<\/p>\n\n<pre class=\"wp-block-code\"><code>\n[one-fifth]Your content for column 1 here[\/one-fifth]\n[one-fifth]Your content for column 2 here[\/one-fifth]\n[one-fifth]Your content for column 3 here[\/one-fifth]\n[one-fifth]Your content for column 4 here[\/one-fifth]\n[one-fifth]Your content for column 5 here[\/one-fifth]\n<\/code><\/pre>\n\n\n<p><strong>Example 2<\/strong> &#8211; Using &#8216;one-fifth&#8217; shortcode with other shortcodes. This example demonstrates how to use the &#8216;one-fifth&#8217; shortcode in conjunction with the &#8216;contact-form&#8217; shortcode. The contact form will be displayed in one fifth of the page width.<\/p>\n\n<pre class=\"wp-block-code\"><code>\n[one-fifth][contact-form id=\"123\"][\/one-fifth]\n<\/code><\/pre>\n\n\nPlease note that you need to replace &#8216;Your content here&#8217; and &#8216;contact-form id=&#8221;123&#8243;&#8216; with your actual content and contact form ID respectively.\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[one-fifth]<\/code> shortcode, check below the related PHP functions code.<\/p>\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('one-fifth','gc_one_fifth');<\/code><\/pre>\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=\"\">\n                    function gc_one_fifth($atts, $content = null) {\r\n\treturn &#039;&lt;div class=&quot;one-fifth&quot;&gt;&#039; .gc_strip_autop($content). &#039;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [one-sixth-first] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns plugin shortcode, &#8220;one-sixth-first&#8221;, is designed to create a column layout on your webpage. \n\n\n\nThis shortcode allows you to insert a single column that takes up one-sixth of the total page width. It&#8217;s particularly useful for creating multi-column layouts.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[one-sixth-first]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic example<\/strong> &#8211; A simple usage of the &#8220;one-sixth-first&#8221; shortcode to display a section of the content in a one-sixth column layout. This example does not use any additional attributes.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-sixth-first]Your content here...[\/one-sixth-first]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n\n<p>Example 1: Using the shortcode to display a section of the content with additional HTML elements. In this case, we are adding a heading and a paragraph within the one-sixth column layout.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-sixth-first]<h2>Your Heading<\/h2><p>Your paragraph here...<\/p>[\/one-sixth-first]<\/code><\/pre>\n\n\n<p>Example 2: Using the shortcode to display a section of the content with nested shortcodes. This is a more advanced usage where we are adding another shortcode within the one-sixth column layout.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-sixth-first][another-shortcode][\/one-sixth-first]<\/code><\/pre>\n\n\nPlease note that the actual effect of the shortcode and its attributes can vary based on the theme and other plugins you are using on your WordPress site. Always test your shortcodes thoroughly to ensure they work as expected.\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[one-sixth-first]<\/code> shortcode, check below the related PHP functions code.<\/p>\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(\"one-sixth-first\",\"gc_one_sixth_first\");<\/code><\/pre>\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=\"\">\n                    function gc_one_sixth_first($atts, $content = null) {\r\n\treturn &#039;&lt;div class=&quot;one-sixth first&quot;&gt;&#039; .gc_strip_autop($content). &#039;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [one-sixth] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns plugin shortcode, &#8216;one-sixth&#8217;, creates a column that occupies one-sixth of the page width. \n\n\n\nIt wraps the content within a div with class &#8216;one-sixth&#8217;, allowing for responsive column layouts.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[one-sixth]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic Example<\/strong> &#8211; The following example demonstrates the basic usage of the &#8216;one-sixth&#8217; shortcode. In this case, the shortcode is used to wrap the content within a div with a class of &#8216;one-sixth&#8217;, which can be styled accordingly using CSS.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-sixth]Your content goes here[\/one-sixth]<\/code><\/pre>\n\n\n<p><strong>Advanced Examples<\/strong><\/p>\n\n<p>1. The shortcode can be used to wrap multiple elements, enabling the creation of complex layouts. Here, we use the shortcode to create a layout with two &#8216;one-sixth&#8217; columns side by side.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-sixth]First column content[\/one-sixth]\n[one-sixth]Second column content[\/one-sixth]<\/code><\/pre>\n\n\n<p>2. Shortcodes can also be nested within each other. In this example, we nest a &#8216;one-sixth&#8217; shortcode within another &#8216;one-sixth&#8217; shortcode to create a nested layout.<\/p>\n\n<pre class=\"wp-block-code\"><code>[one-sixth]Outer column content[one-sixth]Nested column content[\/one-sixth][\/one-sixth]<\/code><\/pre>\n\n\n<p>Remember, the &#8216;one-sixth&#8217; shortcode can be styled using the &#8216;one-sixth&#8217; class in your stylesheet. This allows you to create a variety of unique and responsive layouts for your WordPress site.<\/p>\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[one-sixth]<\/code> shortcode, check below the related PHP functions code.<\/p>\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('one-sixth','gc_one_sixth');<\/code><\/pre>\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=\"\">\n                    function gc_one_sixth($atts, $content = null) {\r\n\treturn &#039;&lt;div class=&quot;one-sixth&quot;&gt;&#039; .gc_strip_autop($content). &#039;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [clear] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns plugin shortcode, &#8216;clear&#8217;, is designed to insert a clear div into your content. This helps in creating a clean break and preventing float elements from wrapping around each other.\n\n \n\nThe PHP function &#8216;gc_clear&#8217; returns a div with the class &#8216;clear&#8217;. This effectively clears the float on elements, ensuring a smooth layout.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[clear]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic example<\/strong> &#8211; The &#8216;clear&#8217; shortcode is utilized to create a &#8216;clear&#8217; div element, which is often used to clear floats and prevent container collapse caused by floated elements within it.<\/p>\n\n\n<pre class=\"wp-block-code\"><code>[clear]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n\n<p>Although the &#8216;clear&#8217; shortcode does not accept any parameters, it can be used in conjunction with other shortcodes for advanced usage. For instance, it can be used to clear floats after a series of columns created with the &#8216;genesis-easy-columns&#8217; plugin.<\/p>\n\n\n<pre class=\"wp-block-code\"><code>[one_half]Your content here[\/one_half]\n[one_half_last]Your content here[\/one_half_last]\n[clear]<\/code><\/pre>\n\n\n<p>In this example, the &#8216;clear&#8217; shortcode is used after two half-width columns. This ensures that any content following these columns will start on a new line, rather than being floated next to the columns.<\/p>\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[clear]<\/code> shortcode, check below the related PHP functions code.<\/p>\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('clear','gc_clear');<\/code><\/pre>\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=\"\">\n                    function gc_clear($atts) {\r\n\treturn &#039;&lt;div class=&quot;clear&quot;&gt;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\n                    \n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Genesis Easy Columns [clear-line] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Genesis Easy Columns plugin shortcode, &#8216;clear-line&#8217;, is designed to insert a visual break in the content. It creates a clear line, offering a neat separation between different sections of your webpage.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[clear-line]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic example<\/strong> &#8211; A simple usage of the &#8216;clear-line&#8217; shortcode to create a line break in your content.<\/p>\n\n<pre class=\"wp-block-code\"><code>[clear-line \/]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n\n<p>Even though the &#8216;clear-line&#8217; shortcode doesn&#8217;t accept any parameters inherently, you can extend its functionality by adding your own attributes. Let&#8217;s assume you&#8217;ve modified the &#8216;gc_clear_line&#8217; function to accept a &#8216;color&#8217; attribute. Here&#8217;s how you can use it:<\/p>\n\n\n<pre class=\"wp-block-code\"><code>[clear-line color=\"red\" \/]<\/code><\/pre>\n\n\n<p>This will generate a line break with the specified color. Remember, this example assumes you&#8217;ve modified the &#8216;gc_clear_line&#8217; function to accept a &#8216;color&#8217; parameter.<\/p>\n\n<p>Another advanced usage could be extending the shortcode to accept a &#8216;thickness&#8217; parameter. Here&#8217;s how you can use it:<\/p>\n\n\n<pre class=\"wp-block-code\"><code>[clear-line color=\"red\" thickness=\"2px\" \/]<\/code><\/pre>\n\n\n<p>This will generate a line break with the specified color and thickness. Again, this example assumes you&#8217;ve modified the &#8216;gc_clear_line&#8217; function to accept &#8216;color&#8217; and &#8216;thickness&#8217; parameters.<\/p>\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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>[clear-line]<\/code> shortcode, check below the related PHP functions code.<\/p>\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('clear-line','gc_clear_line');<\/code><\/pre>\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=\"\">\n                    function gc_clear_line($atts) {\r\n\treturn &#039;&lt;div class=&quot;clear-line&quot;&gt;&lt;\/div&gt;&#039;;\r\n\t}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>genesis-easy-columns\/genesis-easy-columns\/includes\/shortcodes.php<\/code><\/pre>\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>Genesis Easy Columns Plugin shortcodes<\/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 Genesis Easy Columns Shortcodes to your WordPress website, including their parameters, examples, and PHP function code. Additionally, we&#8217;ll assist you with common issues that might cause the Genesis Easy Columns Plugin shortcodes 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":"Genesis Easy Columns","slug":"","version":"1.4","author":"<a href=\"http:\/\/www.code96wd.com\">Matthew Smith<\/a>","icons":"","plugin_tags":"{\"columns\":\"columns\",\"genesis-columns\":\"genesis columns\",\"genesis-columns-shortcode\":\"genesis columns shortcode\",\"wordpress-columns\":\"wordpress columns\",\"wp-columns\":\"wp columns\"}","author_profile":"https:\/\/profiles.wordpress.org\/code96\/","requires":"3.2","tested":"3.7.41","requires_php":"false","rating":88,"num_ratings":11,"active_installs":4000,"downloaded":49915,"last_updated":"2014-01-31 1:23am GMT","added":"2013-03-28","homepage":"http:\/\/www.code96wd.com\/wordpress-plugins\/","short_description":"Easily add Genesis column shortcodes to your WordPress editor.","description":"\"Genesis Easy Columns is a WordPress plugin that simplifies the creation and management of column layouts in the Genesis Framework, enhancing your site's design.\"","shortcodes":"[\"one-half-first\",\"one-half\",\"one-third-first\",\"one-third\",\"one-fourth-first\",\"one-fourth\",\"one-fifth-first\",\"one-fifth\",\"one-sixth-first\",\"one-sixth\",\"clear\",\"clear-line\"]","footnotes":""},"categories":[1],"tags":[],"class_list":["post-2032","post","type-post","status-publish","format-standard","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/2032","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=2032"}],"version-history":[{"count":1,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/2032\/revisions"}],"predecessor-version":[{"id":2536,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/2032\/revisions\/2536"}],"wp:attachment":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/media?parent=2032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/categories?post=2032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/tags?post=2032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}