<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Shortcode / Snippet Code &#8211; GoodLayers</title>
	<atom:link href="https://docs.goodlayers.com/category/shortcode-snippet-code/feed/" rel="self" type="application/rss+xml" />
	<link>https://docs.goodlayers.com</link>
	<description>Documentation</description>
	<lastBuildDate>Sun, 17 Dec 2023 06:27:53 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Shortcodes</title>
		<link>https://docs.goodlayers.com/shortcodes/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 21:10:32 +0000</pubDate>
				<category><![CDATA[Shortcode / Snippet Code]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2262</guid>

					<description><![CDATA[Shortcode is a simple set of functions that easily helps you create an element in the area that does not supported the page builder feature. You can easily find the shortcode list at the &#8220;Visual mode of wordpress WYSIWYG Editor&#8221; You can also check the specific shortcodes below. Goodlayers Core Version 1.0.0 Code gdlr_core_code attribute [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Shortcode is a simple set of functions that easily helps you create an element in the area that does not supported the page builder feature. You can easily find the shortcode list at the &#8220;Visual mode of wordpress WYSIWYG Editor&#8221;</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="892" height="583" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/shortcode.jpg" alt="" class="wp-image-2263" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/shortcode.jpg 892w, https://docs.goodlayers.com/wp-content/uploads/2020/05/shortcode-300x196.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/shortcode-768x502.jpg 768w" sizes="(max-width: 892px) 100vw, 892px" /><figcaption class="wp-element-caption">Shortcodes</figcaption></figure>



<p>You can also check the specific shortcodes below.</p>



<h4 class="wp-block-heading">Goodlayers Core Version 1.0.0</h4>



<h5 class="wp-block-heading">Code</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_code style="light" ] code content &#91;/gdlr_core_code]</code></pre>



<p>gdlr_core_code attribute :</p>



<ul class="wp-block-list">
<li>style : “light” / “dark”</li>



<li>padding-bottom&nbsp;: “30px”</li>
</ul>



<h5 class="wp-block-heading">Column</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_row]
&#91;gdlr_core_column size="1/3"]column content 1&#91;/gdlr_core_column]
&#91;gdlr_core_column size="1/3"]column content 2&#91;/gdlr_core_column]
&#91;gdlr_core_column size="1/3"]column content 3&#91;/gdlr_core_column]
&#91;/gdlr_core_row]</code></pre>



<h5 class="wp-block-heading">Dropcap</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_dropcap type="circle" color="#ffffff" background="#212121"]S&#91;/gdlr_core_dropcap]</code></pre>



<p>gdlr_core_dropcap attribute :</p>



<ul class="wp-block-list">
<li>type&nbsp;: “circle” / “rectangle” / “normal”</li>



<li>color&nbsp;: “#ffffff”</li>



<li>background : “#000000”</li>
</ul>



<h5 class="wp-block-heading">Dropdown Tab</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_dropdown_tab]
&#91;gdlr_core_tab title="TITLE 1" ]CONTENT 1&#91;/gdlr_core_tab]
&#91;gdlr_core_tab title="TITLE 2" ]CONTENT 2&#91;/gdlr_core_tab]
&#91;gdlr_core_tab title="TITLE 3" ]CONTENT 3&#91;/gdlr_core_tab]
&#91;/gdlr_core_dropdown_tab]</code></pre>



<h5 class="wp-block-heading">Gallery</h5>



<pre class="wp-block-code"><code>&#91;gallery ids="875,874,873,876,877" orderby="rand" source="gdlr-core" style="slider" slider-navigation="bullet" ]</code></pre>



<p>gallery&nbsp;attribute :</p>



<ul class="wp-block-list">
<li>source (<em><strong>* Must have&nbsp;</strong></em>) : “gdlr-core”</li>



<li>ids (&nbsp;<em><strong>Images Id</strong></em>) : “1, 2, 3”</li>



<li>style: “grid-fixed”</li>



<li>style: “grid” / “grid-no-space” / “scroll” / “slider” / “stack-image”</li>



<li>show-caption: “enable” / “disable”</li>



<li>column: “1” /&nbsp;“2” /&nbsp;“3” /&nbsp;“4” /&nbsp;“5” /&nbsp;“6”</li>



<li>layout: “fitrows” / “masonry” / “carousel”</li>



<li>slider-effects: “default” / “kenburn”</li>



<li>thumbnail-size (&nbsp;<em><strong>WORDPRESS THUMBNAIL</strong></em>&nbsp;): “full” / “medium” / “large” / “thumbnail” / … If you are using the custom size that created in admin panel, note that the name that you are using is case sensitive</li>



<li>If doesn’t use <strong>“source=’gdlr-core&#8217;”</strong> attribute, use “size” for default WP gallery</li>
</ul>



<h5 class="wp-block-heading">Icon</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_icon icon="" size="" color="" margin-left="" margin-right="" ]</code></pre>



<p>gdlr_core_icon attribute :</p>



<ul class="wp-block-list">
<li>icon: <a href="https://docs.goodlayers.com/icon-list/">Icon List – GoodLayers</a>.</li>



<li>size: “15px”</li>



<li>color: “#000000”</li>



<li>margin-left: “5px”</li>



<li>margin-right: “0px”</li>



<li>link: “https://www.google.com”</li>



<li>link-target: “_self” / “_blank”</li>
</ul>



<h5 class="wp-block-heading">Port Info</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_port_info]
&#91;gdlr_core_tab title="key" ]value&#91;/gdlr_core_tab]
&#91;gdlr_core_tab title="key" ]value&#91;/gdlr_core_tab]
&#91;gdlr_core_tab title="key" ]value&#91;/gdlr_core_tab]
&#91;/gdlr_core_port_info]</code></pre>



<p>gdlr_core_port_info attribute :</p>



<ul class="wp-block-list">
<li>enable-bottom-border: “enable” / “disable”</li>



<li>enable-social-share: “default” / “disable”</li>



<li>padding-bottom: “30px”</li>
</ul>



<h5 class="wp-block-heading">Port Info 2</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_port_info2]
&#91;gdlr_core_tab title="key" ]value&#91;/gdlr_core_tab]
&#91;gdlr_core_tab title="key" ]value&#91;/gdlr_core_tab]
&#91;gdlr_core_tab title="key" ]value&#91;/gdlr_core_tab]
&#91;/gdlr_core_port_info]</code></pre>



<p>gdlr_core_port_info2 attribute :</p>



<ul class="wp-block-list">
<li>max-width: “500px”</li>
</ul>



<h5 class="wp-block-heading">Social Network</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_social_network facebook="#url" email="#url" twitter="#url" ]</code></pre>



<p>gdlr_core_social_network attribute :</p>



<ul class="wp-block-list">
<li>delicious: “ABSOLUTE_URL_HERE”</li>



<li>email: “ABSOLUTE_URL_HERE”</li>



<li>deviantart: “ABSOLUTE_URL_HERE”</li>



<li>digg: “ABSOLUTE_URL_HERE”</li>



<li>facebook: “ABSOLUTE_URL_HERE”</li>



<li>flickr: “ABSOLUTE_URL_HERE”</li>



<li>google-plus: “ABSOLUTE_URL_HERE”</li>



<li>lastfm: “ABSOLUTE_URL_HERE”</li>



<li>linkedin: “ABSOLUTE_URL_HERE”</li>



<li>pinerest: “ABSOLUTE_URL_HERE”</li>



<li>rss: “ABSOLUTE_URL_HERE”</li>



<li>skype: “ABSOLUTE_URL_HERE”</li>



<li>stumbleupon: “ABSOLUTE_URL_HERE”</li>



<li>tumblr: “ABSOLUTE_URL_HERE”</li>



<li>twitter: “ABSOLUTE_URL_HERE”</li>



<li>vimeo: “ABSOLUTE_URL_HERE”</li>



<li>youtube: “ABSOLUTE_URL_HERE”</li>



<li>dribbble: “ABSOLUTE_URL_HERE”</li>



<li>behance: “ABSOLUTE_URL_HERE”</li>



<li>icon-size: “16px”</li>



<li>icon-color: “#333”</li>



<li>icon-space: “10px”</li>



<li>link-target: “_self/_blank”</li>
</ul>



<h5 class="wp-block-heading">Space</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_space height="30px"]</code></pre>



<h5 class="wp-block-heading">Tab</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_tabs]
&#91;gdlr_core_tab title="title 1"]Tab 1&#91;/gdlr_core_tab]
&#91;gdlr_core_tab title="title 2"]Tab 2&#91;/gdlr_core_tab]
&#91;gdlr_core_tab title="title 3"]Tab 3&#91;/gdlr_core_tab]
&#91;/gdlr_core_tabs]</code></pre>



<p>gdlr_core_tabs attribute :</p>



<ul class="wp-block-list">
<li>style: “style1-horizontal” / “style1-vertical” / “style2-horizontal” / “style2-vertical”</li>



<li>align (&nbsp;<em><strong>Only for horizontal style</strong></em>&nbsp;): “left” / “center” / “right”</li>



<li>padding-bottom: “30px”</li>
</ul>



<h5 class="wp-block-heading">Title</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_title title="" caption="" ]</code></pre>



<p>gdlr_core_title attribute :</p>



<ul class="wp-block-list">
<li>caption-position: “top” / “bottom”</li>



<li>title-link: “ABSOLUTE_URL_HERE”</li>



<li>title-link-target: “_self” / “_blank”</li>



<li>text-align: “left” / “right” / “center”</li>



<li>heading-tag: “h1” / “h2” / “h3” / “h4” / “h5” / “h6”</li>



<li>title-font-size: “50px”</li>



<li>title-font-style: “normal” / “italic”</li>



<li>title-font-weight: “bold” / “light” / “normal” / “200” / “800” / …</li>



<li>title-font-letter-spacing: “1px”</li>



<li>title-font-uppercase: “enable” / “disable”</li>



<li>caption-font-size: “15px”</li>



<li>caption-font-style: “normal” / “italic”</li>



<li>caption-font-weight: “bold” / “light” / “normal” / “200” / “800” / …</li>



<li>caption-font-letter-spacing: “0px”</li>



<li>caption-font-uppercase: “enable” / “disable”</li>



<li>padding-bottom: “30px”</li>
</ul>



<h5 class="wp-block-heading">Widget Box</h5>



<pre class="wp-block-code"><code>&#91;gdlr_widget_box] &#91;/gdlr_widget_box]</code></pre>



<p>gdlr_widget_box attribute :</p>



<ul class="wp-block-list">
<li>title:”TITLE”</li>



<li>title-color:”#COLOR_CODE”</li>



<li>background: “#COLOR_CODE” or “Image URL”</li>



<li>color: “#COLOR_CODE”</li>



<li>left-icon: “ICON_CLASS”</li>



<li>left-icon-color: “#COLOR_CODE”</li>



<li>border-color: “#COLOR_CODE”</li>



<li>border-width: “1px”</li>



<li>border-radius: “3px”</li>



<li>padding: “30px”</li>



<li>link: “URL”</li>



<li>link-target: “_self” / “_blank”</li>



<li>text-align: “left” / “center” / “right”</li>



<li>shadow-size: “30px”</li>



<li>shadow-color: “#COLOR_CODE”</li>



<li>shadow-opacity: “0.2”</li>
</ul>



<h4 class="wp-block-heading">Goodlayers Core Version 1.0.4</h4>



<h5 class="wp-block-heading">Button</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_button button-text="Learn More" button-link="#" button-link-target="_blank" margin-right="20px" ]</code></pre>



<p>gdlr_core_button attribute :</p>



<ul class="wp-block-list">
<li>button-link-target: “_blank” / “_self”</li>



<li>padding: “15px 33px 15px 33px” ( top/right/bottom/left)</li>



<li>margin-left: “0px”</li>



<li>margin-right: “0px”</li>



<li>margin-bottom: “0px”</li>



<li>text-size: “14px”</li>



<li>text-font-weight: “400”/”500″/”600″/”700″</li>



<li>text-letter-spacing: “1px”</li>



<li>text-align: “left/center/right”</li>



<li>text-transform: “uppercase” / “none”</li>



<li>button-background: “transparent” / “solid” / “gradient”(horizontal) / “gradient-v“(vertical)&nbsp;</li>



<li>button-shadow-size: “0px 0px 20px”</li>



<li>button-shadow-color: “#000”</li>



<li>button-shadow-opacity: “0.5”</li>



<li>border-radius: “3px”</li>



<li>border-width: “1px 1px 1px 1px” ( top/right/bottom/left )</li>



<li>text-color: “#ffffff”</li>



<li>text-hover-color: “#ffffff”</li>



<li>background-color: “#ffffff”</li>



<li>background-hover-color: “#ffffff”</li>



<li>background-gradient-color: “#ffffff”</li>



<li>border-color: “#ffffff”</li>



<li>border-hover-color: “#ffffff”</li>



<li>icon-position=”left”</li>



<li>icon=”fa fa-gear”</li>
</ul>



<h4 class="wp-block-heading">Goodlayers Core Version 1.0.6</h4>



<p>add the option to popup video and image in lightbox</p>



<ul class="wp-block-list">
<li>video-url: “VIDEO_LINK_HERE”</li>



<li>custom-image: “IMAGE_URL_HERE”</li>
</ul>



<h4 class="wp-block-heading">Goodlayers Core Version 1.1.7</h4>



<h5 class="wp-block-heading">Blog</h5>



<pre class="wp-block-code"><code>&#91;gdlr_core_blog num-fetch="3" blog-style="blog-widget" category="" thumbnail-size="thumbnail" ]</code></pre>



<p>gdlr_core_blog attribute :</p>



<ul class="wp-block-list">
<li>blog-style: “blog-full” / “blog-full-with-frame” /&nbsp;“blog-column”&nbsp;/&nbsp;“blog-column-with-frame”&nbsp;/&nbsp;“blog-column-no-space”&nbsp;/&nbsp;“blog-image” /&nbsp;“blog-image-no-space” /&nbsp;“blog-left-thumbnail”&nbsp;/&nbsp;“blog-right-thumbnail”&nbsp;/&nbsp;“blog-metro”&nbsp;/&nbsp;“blog-metro-no-space”&nbsp;/&nbsp;“blog-list”&nbsp;/&nbsp;“blog-list-center”&nbsp;/&nbsp;“blog-widget”</li>



<li>category: “CATEGORY_SLUG”</li>



<li>num-fetch: “9”</li>



<li>thumbnail-size: “full”</li>



<li>column-size: “20” ( Fill &nbsp;[60/column_number] here, eg. 20 means 3 column )</li>



<li>read-more-button: ”none” to disable the read-more button, it&#8217;s displayed by default</li>
</ul>



<h4 class="wp-block-heading">Goodlayers Core Version 1.3.2</h4>



<p>add the option to fill content to popup in <a href="https://docs.goodlayers.com/wp-content/uploads/2020/05/ilightbox.jpg" target="_blank" rel="noreferrer noopener">lightbox</a></p>



<pre class="wp-block-code"><code>&#91;gdlr_core_button button-text="Learn More" ]CONTENT_GOES_HERE&#91;/gdlr_core_button]</code></pre>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
