<?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>Pages / Sidebar &#8211; GoodLayers</title>
	<atom:link href="https://docs.goodlayers.com/category/pages-sidebar/feed/" rel="self" type="application/rss+xml" />
	<link>https://docs.goodlayers.com</link>
	<description>Documentation</description>
	<lastBuildDate>Fri, 28 May 2021 07:27:03 +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>Page Options</title>
		<link>https://docs.goodlayers.com/page-options/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Mon, 26 Apr 2021 03:24:00 +0000</pubDate>
				<category><![CDATA[Pages / Sidebar]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2658</guid>

					<description><![CDATA[You can change the page caption, page title background and more in Page Options on each page.]]></description>
										<content:encoded><![CDATA[
<p>You can change the page caption, page title background and more in Page Options on each page.</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img fetchpriority="high" decoding="async" src="https://docs.goodlayers.com/wp-content/uploads/2021/04/support-1006-26-04-2021-456x1024.jpg" alt="" class="wp-image-2659" width="456" height="1024" srcset="https://docs.goodlayers.com/wp-content/uploads/2021/04/support-1006-26-04-2021-456x1024.jpg 456w, https://docs.goodlayers.com/wp-content/uploads/2021/04/support-1006-26-04-2021-134x300.jpg 134w, https://docs.goodlayers.com/wp-content/uploads/2021/04/support-1006-26-04-2021-768x1726.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2021/04/support-1006-26-04-2021-684x1536.jpg 684w, https://docs.goodlayers.com/wp-content/uploads/2021/04/support-1006-26-04-2021.jpg 802w" sizes="(max-width: 456px) 100vw, 456px" /></figure></div>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Managing Sidebar</title>
		<link>https://docs.goodlayers.com/managing-sidebar/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 20:05:07 +0000</pubDate>
				<category><![CDATA[Pages / Sidebar]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2176</guid>

					<description><![CDATA[Creating Sidebar Sidebar can be created at the &#8220;Appearance > Widget&#8221; area. Assigning The Sidebar After you created sidebar, you can assign it to any page/post you want in the &#8220;Page Option&#8221; area. You can also set the default sidebar for blog, archive and search page at the &#8220;Customize > General&#8221; section as well. Dynamic [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h4 class="wp-block-heading">Creating Sidebar</h4>



<p>Sidebar can be created at the &#8220;Appearance > Widget&#8221; area.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="593" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-sidebar-1024x593.jpg" alt="" class="wp-image-2177" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-sidebar-1024x593.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-sidebar-300x174.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-sidebar-768x445.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-sidebar.jpg 1325w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Create sidebar</figcaption></figure>



<h4 class="wp-block-heading">Assigning The Sidebar</h4>



<p>After you created sidebar, you can assign it to any page/post you want in the &#8220;Page Option&#8221; area. You can also set the default sidebar for blog, archive and search page at the &#8220;Customize > General&#8221; section as well.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="608" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/assigning-sidebar-1024x608.jpg" alt="" class="wp-image-2178" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/assigning-sidebar-1024x608.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assigning-sidebar-300x178.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assigning-sidebar-768x456.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assigning-sidebar.jpg 1048w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Page options</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="601" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/assigning-sidebar2-1024x601.jpg" alt="" class="wp-image-2179" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/assigning-sidebar2-1024x601.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assigning-sidebar2-300x176.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assigning-sidebar2-768x451.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assigning-sidebar2.jpg 1253w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Customise</figcaption></figure>



<h4 class="wp-block-heading">Dynamic Sidebar</h4>



<p>If you need different sidebar for different page/post/archive page, please use third party plugins for it.</p>



<p>Eg: <a href="https://wordpress.org/plugins/custom-sidebars/">https://wordpress.org/plugins/custom-sidebars/</a></p>



<p style="color:#ffffff" class="has-text-color has-background has-vivid-red-background-color">NOTE: we can&#8217;t guaranteed it will work all time, so if it not work for you, please search another and check it by your self instead.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Metro Layout</title>
		<link>https://docs.goodlayers.com/metro-layout/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 19:51:56 +0000</pubDate>
				<category><![CDATA[Pages / Sidebar]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2160</guid>

					<description><![CDATA[&#8220;Metro&#8221; is a layout that align the element in masonry style. You can select different column width and thumbnail type for each items which result to more attractive display style. We provided the support for the metro layout on &#8220;Blog Item&#8221; and &#8220;Portfolio Items&#8221;. ( You can learn more about these two elements on previous [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>&#8220;Metro&#8221; is a layout that align the element in masonry style. You can select different column width and thumbnail type for each items which result to more attractive display style.</p>



<p>We provided the support for the metro layout on &#8220;Blog Item&#8221; and &#8220;Portfolio Items&#8221;. ( You can learn more about these two elements on previous section )</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="450" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout-1024x450.jpg" alt="" class="wp-image-2161" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout-1024x450.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout-300x132.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout-768x337.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout.jpg 1312w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Metro Layout</figcaption></figure>



<p>You may select the style of the &#8220;Blog Item&#8221; or &#8220;Portfolio Item&#8221; to metro style to enable the metro layout.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="570" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout2-1024x570.jpg" alt="" class="wp-image-2162" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout2-1024x570.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout2-300x167.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout2-768x428.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout2.jpg 1065w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Page builder setup</figcaption></figure>



<p>Try editing &#8220;blog/portfolio&#8221; single page which you need to the layout to be differnt. In page option area, you&#8217;ll see the &#8220;Metro Layout&#8221; tab, try selecting the column and thumbnail size as you need.</p>



<p>Selecting &#8220;Default&#8221; means to use the settings you selected in &#8220;Blog/Portfolio Item&#8221;</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1020" height="435" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout3.jpg" alt="" class="wp-image-2163" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout3.jpg 1020w, https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout3-300x128.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/metro-layout3-768x328.jpg 768w" sizes="auto, (max-width: 1020px) 100vw, 1020px" /><figcaption>Page options</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Creating Personnel</title>
		<link>https://docs.goodlayers.com/creating-personnel/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 19:51:00 +0000</pubDate>
				<category><![CDATA[Pages / Sidebar]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2168</guid>

					<description><![CDATA[You need to install the &#8220;gdlr-core-personnel&#8221; plugin before continuing this section. You can learn more about the plugin installation at the &#8220;Getting Start > Install Plugin&#8221; section. 1) Create new personnel post Add new personnel at the &#8220;Personnel &#62; Add New&#8221; section. Fill the title, category, and page option according to the personnel information. Use [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p style="color:#ffffff" class="has-text-color has-background has-vivid-green-cyan-background-color">You need to install the &#8220;gdlr-core-personnel&#8221; plugin before continuing this section. You can learn more about the plugin installation at the &#8220;Getting Start > Install Plugin&#8221; section.</p>



<p>1) Create new personnel post</p>



<p>Add new personnel at the &#8220;Personnel &gt; Add New&#8221; section. Fill the title, category, and page option according to the personnel information.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="569" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-personnel-1024x569.jpg" alt="" class="wp-image-2169" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-personnel-1024x569.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-personnel-300x167.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-personnel-768x427.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-personnel.jpg 1523w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Create personnel</figcaption></figure>



<p>Use page builder to create the content to shown in single ( individual ) personnel page.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="616" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-personnel2-1024x616.jpg" alt="" class="wp-image-2170" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-personnel2-1024x616.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-personnel2-300x180.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-personnel2-768x462.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-personnel2.jpg 1517w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Setup page builder<br></figcaption></figure>



<h4 class="wp-block-heading">2) Creating personnel item ( list of personnel )</h4>



<p>Create new page at &#8220;Page &gt; Add New&#8221;. At the page builder area, add the &#8220;Personnel Item&#8221; then, publish the page.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="665" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/personnel-item-1024x665.jpg" alt="" class="wp-image-2171" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/personnel-item-1024x665.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/personnel-item-300x195.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/personnel-item-768x499.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/personnel-item.jpg 1534w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Personnel page builder item</figcaption></figure>



<p>Double click or hover over the personnel item to edit the personnel item options.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="387" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/personnel-item2-1024x387.jpg" alt="" class="wp-image-2172" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/personnel-item2-1024x387.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/personnel-item2-300x113.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/personnel-item2-768x291.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/personnel-item2.jpg 1528w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Edit personnel item</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Creating Portfolio</title>
		<link>https://docs.goodlayers.com/creating-portfolio/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 19:50:03 +0000</pubDate>
				<category><![CDATA[Pages / Sidebar]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2153</guid>

					<description><![CDATA[You need to install the &#8220;gdlr-core-portfolio&#8221; plugin before continuing this section. You can learn more about the plugin installation at the &#8220;Getting Start > Install Plugin&#8221; section. 1) Create new portfolio post Add new portfolio at the &#8220;Portfolio > Add New&#8221; section. Fill the title, category, tag as you want. We also set the content [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p style="color:#ffffff" class="has-text-color has-background has-vivid-green-cyan-background-color">You need to install the &#8220;gdlr-core-portfolio&#8221; plugin before continuing this section. You can learn more about the plugin installation at the &#8220;Getting Start > Install Plugin&#8221; section.</p>



<h4 class="wp-block-heading">1) Create new portfolio post</h4>



<p>Add new portfolio at the &#8220;Portfolio > Add New&#8221; section. Fill the title, category, tag as you want.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="590" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio-1024x590.jpg" alt="" class="wp-image-2154" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio-1024x590.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio-300x173.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio-768x443.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio.jpg 1488w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Create portfolio</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="637" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio3-1024x637.jpg" alt="" class="wp-image-2156" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio3-1024x637.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio3-300x187.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio3-768x478.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio3.jpg 1192w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Setup page option</figcaption></figure>



<p>We also set the content in page builder as a default layout for portfolio for you.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="691" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio2-1024x691.jpg" alt="" class="wp-image-2155" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio2-1024x691.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio2-300x202.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio2-768x518.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-portfolio2.jpg 1198w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Setup page builder</figcaption></figure>



<h4 class="wp-block-heading">2) Creating portfolio item ( list of portfolios )</h4>



<p>Create new page at &#8220;Page > Add New&#8221;. At the page builder area, add the &#8220;Portfolio Item&#8221; then, publish the page.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="615" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/portfolio-item-1024x615.jpg" alt="" class="wp-image-2157" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/portfolio-item-1024x615.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/portfolio-item-300x180.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/portfolio-item-768x461.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/portfolio-item.jpg 1480w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Portfolio page builder item</figcaption></figure>



<p>Double click or hover over the portfolio item to edit the portfolio item options.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="506" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/portfolio-item2-1024x506.jpg" alt="" class="wp-image-2158" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/portfolio-item2-1024x506.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/portfolio-item2-300x148.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/portfolio-item2-768x380.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/portfolio-item2.jpg 1264w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Edit portfolio item</figcaption></figure>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Creating Blog</title>
		<link>https://docs.goodlayers.com/creating-blog/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 19:44:04 +0000</pubDate>
				<category><![CDATA[Pages / Sidebar]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2142</guid>

					<description><![CDATA[1) Creating New Articles Go to &#8220;Post &#62; Add New&#8221; to create new articles. 2) Creating Blog Item ( list of articles ) Create new page at &#8220;Page &#62; Add New&#8221;. At the page builder area, add the &#8220;Blog Item&#8221; then, publish the page. 3) Post Format Post format give you an ability to style [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h4 class="wp-block-heading">1) Creating New Articles</h4>



<p>Go to &#8220;Post &gt; Add New&#8221; to create new articles.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="650" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-post-1024x650.jpg" alt="" class="wp-image-2143" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-post-1024x650.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-post-300x190.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-post-768x487.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/creating-post.jpg 1497w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Create post</figcaption></figure>



<h4 class="wp-block-heading">2) Creating Blog Item ( list of articles )</h4>



<p>Create new page at &#8220;Page &gt; Add New&#8221;. At the page builder area, add the &#8220;Blog Item&#8221; then, publish the page.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="591" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/blog-item-1024x591.jpg" alt="" class="wp-image-2144" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/blog-item-1024x591.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/blog-item-300x173.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/blog-item-768x444.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/blog-item.jpg 1458w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Blog page</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="395" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/blog-item2-1024x395.jpg" alt="" class="wp-image-2145" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/blog-item2-1024x395.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/blog-item2-300x116.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/blog-item2-768x296.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/blog-item2.jpg 1448w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Blog item setup</figcaption></figure>



<h4 class="wp-block-heading">3) Post Format</h4>



<p>Post format give you an ability to style the post in different ways. You can see an example of the post format style&nbsp;<a href="http://demo.goodlayers.com/traveltour/blog-full-with-post-format/" target="_blank" rel="noreferrer noopener">here</a>.</p>



<p>First, you need to select the post format option.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="277" height="392" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/post-format.jpg" alt="" class="wp-image-2146" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/post-format.jpg 277w, https://docs.goodlayers.com/wp-content/uploads/2020/05/post-format-212x300.jpg 212w" sizes="auto, (max-width: 277px) 100vw, 277px" /><figcaption>Post format</figcaption></figure></div>



<p>Here&#8217;s the explanation of the each post format type.</p>



<ol class="wp-block-list"><li>Standard : Feature image will be shown above post title |&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-standard.jpg">screenshot1</a>&nbsp;|&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-standard2.jpg">screenshot2</a></li><li>Image : Place the url of the image at the top of the post and it&#8217;ll show up above the post title |&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-image.jpg">screenshot1</a>&nbsp;|&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-image2.jpg">screenshot2</a></li><li>Gallery : Place the gallery shortcode at the top of the content and it&#8217;ll show a slideshow above post title |&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-gallery.jpg">screenshot1</a>&nbsp;|&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-gallery2.jpg">screenshot2</a></li><li>Aside : All content in aside post format will shows like this |&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-aside.jpg">screenshot1</a></li><li>Link : Place link url at the top of the content and it&#8217;ll link the title of the post to the link you want |&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-link.jpg">screenshot1</a>&nbsp;|&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-link2.jpg">screenshot2</a></li><li>Quote : Place quote html at the top and the rest content will shows as quote author |&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-quote.jpg">screenshot1</a>&nbsp;|&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-quote2.jpg">screenshot2</a></li><li>Audio : Place audio url or shortcode at the top and it&#8217;ll showing up above post title |&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-audio.jpg">screenshot1</a>&nbsp;|&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-audio2.jpg">screenshot2</a></li><li>Video : Place video url or shortcode at the top and it&#8217;ll showing up above post title |&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-video.jpg">screenshot1</a>&nbsp;|&nbsp;<a href="http://demo.goodlayers.com/document/traveltour/images/page-creation/post-format-video2.jpg">screenshot2</a></li></ol>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Creating Page &#038; Set The Homepage</title>
		<link>https://docs.goodlayers.com/creating-page-set-the-homepage/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 19:40:32 +0000</pubDate>
				<category><![CDATA[Pages / Sidebar]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2136</guid>

					<description><![CDATA[Go to &#8216;Page &#62; Add New&#8217; to create new page. You can set page sidebar, title background, caption and header slider at the &#8220;Page Option&#8221; area. ( at the very bottom of the page ) You can also use &#8220;Page Builder&#8221; ( which will be explained later ) to create more advance layout as well. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Go to &#8216;Page &gt; Add New&#8217; to create new page.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="454" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/create-page-1024x454.jpg" alt="" class="wp-image-2137" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/create-page-1024x454.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/create-page-300x133.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/create-page-768x340.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/create-page.jpg 1298w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Create page</figcaption></figure>



<p>You can set page sidebar, title background, caption and header slider at the &#8220;Page Option&#8221; area. ( at the very bottom of the page )</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="569" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/page-option-1024x569.jpg" alt="" class="wp-image-2138" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/page-option-1024x569.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-option-300x167.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-option-768x427.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-option.jpg 1033w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Page option</figcaption></figure>



<p>You can also use &#8220;Page Builder&#8221; ( which will be explained later ) to create more advance layout as well.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="680" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-1024x680.jpg" alt="" class="wp-image-2139" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-1024x680.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-300x199.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-768x510.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder.jpg 1189w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Page builder</figcaption></figure>



<h4 class="wp-block-heading">Set the page as Homepage</h4>



<p>Go to &#8216;Setting &gt; Reading&#8217; area. Choose the front page as static page and select the page you want to be homepage.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="602" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/front-page-1024x602.jpg" alt="" class="wp-image-2140" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/front-page-1024x602.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/front-page-300x177.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/front-page-768x452.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/front-page.jpg 1149w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Front page</figcaption></figure>



<p style="color:#ffffff" class="has-text-color has-background has-vivid-green-cyan-background-color">You have to leave the post page option blank and use blog item ( in page builder ) to create the blog page.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
