{"id":808,"date":"2022-08-16T10:14:41","date_gmt":"2022-08-16T10:14:41","guid":{"rendered":"https:\/\/rockythemes.com\/documentation\/?p=808"},"modified":"2022-08-17T13:57:44","modified_gmt":"2022-08-17T13:57:44","slug":"creating-a-blog-post-template-layout","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/","title":{"rendered":"Creating a Custom Blog Post Layout\/template"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Creating a blog post template\/layout is now available using Creativo Elements and Elementor Page Builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the past the blog post layout was predefined in the theme core files, without being able to create your own layouts &#8211; unless you were using a child theme and hard coded your own blog post layout\/template.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since version 7.7.4.4 of Creativo and version 1.3 of Creativo Elements, Blog Post layouts can be created in an easy and visual way. Make sure you are using the latest version of the Creativo theme and Creativo Elements plugin. To <a href=\"https:\/\/rockythemes.com\/documentation\/updating-creativo-theme-to-the-latest-version\/\">update Creativo to the latest version see this tutorial<\/a>, to <a href=\"https:\/\/rockythemes.com\/documentation\/installing-activating-and-updating-creativos-plugins\/\">update the Creativo Elements to the latest version<\/a> see this tutorial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a video tutorial on how to create your own custom layout for Blog Posts.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube ytb_video wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Creating a Custom Blog Post Layout\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/tG0ZcYavnDE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To create a Blog Post template\/layout navigate to your WordPress admin dashboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Make sure you have at least one Blog post created. See this tutorial on <strong><a href=\"https:\/\/rockythemes.com\/documentation\/creating-a-post\/\">how to create a WordPress Blog Post<\/a><\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next navigate to <strong>Creativo Elements -&gt; Blog Posts Layouts<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click on <strong>Add New<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"590\" height=\"547\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-new-post-layout.jpg\" alt=\"\" class=\"wp-image-823\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-new-post-layout.jpg 590w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-new-post-layout-300x278.jpg 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the new window, enter a descriptive title for your Blog Post Layout, e.g: My Post Layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click the Publish button and wait for the Elementor Editor to load.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"976\" height=\"486\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-post-layout-publish.jpg\" alt=\"\" class=\"wp-image-824\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-post-layout-publish.jpg 976w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-post-layout-publish-300x149.jpg 300w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-post-layout-publish-768x382.jpg 768w\" sizes=\"(max-width: 976px) 100vw, 976px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once the Elementor Editor has loaded, we can now start building our own layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s add a new Section first. Click on the <strong>Add New Section<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"976\" height=\"160\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/01\/custom-layout-2.jpg\" alt=\"\" class=\"wp-image-469\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/01\/custom-layout-2.jpg 976w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/01\/custom-layout-2-300x49.jpg 300w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/01\/custom-layout-2-768x126.jpg 768w\" sizes=\"(max-width: 976px) 100vw, 976px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Choose a <strong>2 Column layout<\/strong>, since we want to also display a Sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1168\" height=\"286\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/two-columns-layout.jpg\" alt=\"\" class=\"wp-image-809\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/two-columns-layout.jpg 1168w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/two-columns-layout-300x73.jpg 300w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/two-columns-layout-1024x251.jpg 1024w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/two-columns-layout-768x188.jpg 768w\" sizes=\"(max-width: 1168px) 100vw, 1168px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Drag the Left Column to the right to increase its width, close to around 70%.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1210\" height=\"80\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/custom-width-column.jpg\" alt=\"\" class=\"wp-image-810\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/custom-width-column.jpg 1210w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/custom-width-column-300x20.jpg 300w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/custom-width-column-1024x68.jpg 1024w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/custom-width-column-768x51.jpg 768w\" sizes=\"(max-width: 1210px) 100vw, 1210px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the Widget Panel button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"87\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/elementor-widget.jpg\" alt=\"\" class=\"wp-image-812\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Collapse the Basic widget section and make sure the Creativo Post Layout section is expanded.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now we can start adding our Blog Post elements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"908\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/creativo-elements-blog-post-layout.jpg\" alt=\"\" class=\"wp-image-813\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/creativo-elements-blog-post-layout.jpg 302w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/creativo-elements-blog-post-layout-100x300.jpg 100w\" sizes=\"(max-width: 302px) 100vw, 302px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The available elements for Blog Post layout\/template include:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>the <strong>Featured Image <\/strong>&#8211; this element will output the Featured Image(s) set for your posts. If your post has more than one Featured Image set, it will automatically display a gallery of all the Featured Images.<\/li><li>the <strong>Post Author<\/strong> &#8211; this element will only display the name of the author with an optional icon.<\/li><li>the <strong>Post Author Bio<\/strong> &#8211; this element will display the Author Image as well as the Biography set under Users -&gt; All Users -&gt; your current user -&gt; Biography area.<\/li><li>the <strong>Post Categories<\/strong> &#8211; this element will display the categories where the post is filed in, with an optional icon.<\/li><li>the <strong>Post Comments<\/strong> &#8211; this element will display the number of comments of the post, with an optional icon.<\/li><li>the <strong>Post Comment Form<\/strong> &#8211; this element will display the Comment Form.<\/li><li>the <strong>Post Content<\/strong> &#8211; this element will output the actual content that was created for the post.<\/li><li>the <strong>Post Date<\/strong> &#8211; this element will display the date of the post with an optional icon.<\/li><li>the <strong>Post Navigation<\/strong> &#8211; this element will display the navigation of the post, Previous and Next options.<\/li><li>the <strong>Related Posts<\/strong> &#8211; this element will output the related posts.<\/li><li>the <strong>Post Share<\/strong> &#8211; this element will output a selection of social media icons which will allow the visitors to share the post on the corresponding social media platforms.<\/li><li>the <strong>Post Tags<\/strong> &#8211; this element will output the tags set for the post.<\/li><li>the <strong>Post Title<\/strong> &#8211; this element will output the actual title set for the post.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s create a Blog Post Layout with the following format:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Featured Image<\/li><li>Post Title<\/li><li>Post Date \/ Post Author \/ Post Categories \/ Post Comments<\/li><li>Post Content<\/li><li>Share Post<\/li><li>Tags<\/li><li>Author<\/li><li>Post Navigation<\/li><li>Related Posts<\/li><li>Comment Form<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Drag the Featured Image and Post Title elements from the Widget Panel on the Left Column. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With the Featured Image element selected, navigate to General -&gt; Image Links to -&gt; choose Original Image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next add the<strong> Post Date<\/strong> \/ <strong>Post Author<\/strong> \/ <strong>Post Categories<\/strong> \/ <strong>Post Comments<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To make these 4 elements appear on the same line, click on each one of them and under <strong>Advanced<\/strong> Tab -&gt; <strong>Width <\/strong>-&gt; choose <strong>Inline<\/strong>. Also on the Advanced tab -&gt; Margin, uncheck the <strong>Link values together<\/strong> option and for the Right field, enter 20 &#8211; this will create a 20px margin to the right of the element.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"864\" height=\"1174\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/post-meta-inline.jpg\" alt=\"\" class=\"wp-image-820\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/post-meta-inline.jpg 864w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/post-meta-inline-221x300.jpg 221w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/post-meta-inline-754x1024.jpg 754w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/post-meta-inline-768x1044.jpg 768w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Do this step for all 4 elements (post date, post author, post categories and post comments)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next add the <strong>Post Content<\/strong> element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To create some spacing between the <strong>Post Content<\/strong> and the Post Date \/ Post Author \/ Post Categories \/ Post Comments elements, click on the Post Content element and navigate to the Advanced tab. Uncheck the <strong>Link values together<\/strong> option and enter 40 for the Margin top.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After the Post Content, add the Share Post element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next add the Tags element, followed by the Author, Post Navigation elements as well as Related Posts and Comment Form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Each element has its own unique customization options which will allow you to create astonishing layouts by using drag and drop and simple mouse click actions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s add a sidebar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adding a Sidebar to our new Post Layout<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the Widget Panel again.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the search field start typing: Sidebar<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"304\" height=\"227\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/sidebar-el.jpg\" alt=\"\" class=\"wp-image-815\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/sidebar-el.jpg 304w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/sidebar-el-300x224.jpg 300w\" sizes=\"(max-width: 304px) 100vw, 304px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Find the Sidebar element and drag it to the right Column.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1542\" height=\"933\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/drag-sidebar.jpg\" alt=\"\" class=\"wp-image-816\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/drag-sidebar.jpg 1542w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/drag-sidebar-300x182.jpg 300w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/drag-sidebar-1024x620.jpg 1024w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/drag-sidebar-768x465.jpg 768w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/drag-sidebar-1536x929.jpg 1536w\" sizes=\"(max-width: 1542px) 100vw, 1542px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the Choose Sidebar -&gt; select the sidebar you want to use. The recommended option is Blog Sidebar but if you created your own custom sidebars, go ahead and use the one you need.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The new Sidebar should appear in place.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We now have our own custom post layout which will be used for our posts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hit the Update button located in the bottom left area of your screen. Now the newly created post layout will be used for our posts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Using Display Settings to choose where the new Post Layout will be used<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the Settings cog icon, located in the top left corner of your screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"39\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/settings-icon.jpg\" alt=\"\" class=\"wp-image-818\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/settings-icon.jpg 302w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/settings-icon-300x39.jpg 300w\" sizes=\"(max-width: 302px) 100vw, 302px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Expand the Display Settings section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Under Display Location, by default the All Posts option will be selected &#8211; this means our new post layout will be used for all our posts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"376\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/display-location-area.jpg\" alt=\"\" class=\"wp-image-819\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/display-location-area.jpg 330w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/display-location-area-263x300.jpg 263w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However we might want to create several post layouts and assign them individually.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s what the Display Location can do for us: it allows us to specify where the layouts we create will be used.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Available options area:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>All Posts &#8211; will use the new post layout for all Posts.<\/li><li>All Posts in Selected Category &#8211; will use the new post layout only for the selected Categories.<\/li><li>All Posts of Selected Author &#8211; will use the new post layout only for the selected Authors.<\/li><li>Selected Posts Only &#8211; will use the new post layout only for the selected Posts.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Play around with the settings and experiment with the Display Locations you want to use. For instance: you may want to use a certain layout for Tech categories and a different layout for Home Design category. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create custom Post Layouts using Creativo Elements and Elementor Free plugins.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[93,94],"class_list":["post-808","post","type-post","status-publish","format-standard","hentry","category-blog-posts","tag-blog-post-layout","tag-blog-post-template"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Creating a Custom Blog Post Layout\/template &#8211; Creativo Documentation<\/title>\n<meta name=\"description\" content=\"How to create a Blog Post Layout\/Template using Creativo theme and Elementor Page Builder.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a Custom Blog Post Layout\/template &#8211; Creativo Documentation\" \/>\n<meta property=\"og:description\" content=\"How to create a Blog Post Layout\/Template using Creativo theme and Elementor Page Builder.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/\" \/>\n<meta property=\"og:site_name\" content=\"Creativo Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/rockythemes\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-16T10:14:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-17T13:57:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-new-post-layout.jpg\" \/>\n<meta name=\"author\" content=\"rockystef\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rockythemes\" \/>\n<meta name=\"twitter:site\" content=\"@rockythemes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rockystef\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/\"},\"author\":{\"name\":\"rockystef\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/2834fc1584d086bb31b3a7ff0230858a\"},\"headline\":\"Creating a Custom Blog Post Layout\\\/template\",\"datePublished\":\"2022-08-16T10:14:41+00:00\",\"dateModified\":\"2022-08-17T13:57:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/\"},\"wordCount\":1146,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/create-new-post-layout.jpg\",\"keywords\":[\"blog post layout\",\"blog post template\"],\"articleSection\":[\"Blog Posts\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/\",\"name\":\"Creating a Custom Blog Post Layout\\\/template &#8211; Creativo Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/create-new-post-layout.jpg\",\"datePublished\":\"2022-08-16T10:14:41+00:00\",\"dateModified\":\"2022-08-17T13:57:44+00:00\",\"description\":\"How to create a Blog Post Layout\\\/Template using Creativo theme and Elementor Page Builder.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/create-new-post-layout.jpg\",\"contentUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/create-new-post-layout.jpg\",\"width\":590,\"height\":547},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/creating-a-blog-post-template-layout\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a Custom Blog Post Layout\\\/template\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\",\"name\":\"Creativo Documentation\",\"description\":\"Documentation, Tutorials, Tips and Tricks for the Creativo Theme\",\"publisher\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\",\"name\":\"RockyThemes\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/creativo-green.png\",\"contentUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/creativo-green.png\",\"width\":228,\"height\":50,\"caption\":\"RockyThemes\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/rockythemes\",\"https:\\\/\\\/x.com\\\/rockythemes\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/2834fc1584d086bb31b3a7ff0230858a\",\"name\":\"rockystef\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"caption\":\"rockystef\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating a Custom Blog Post Layout\/template &#8211; Creativo Documentation","description":"How to create a Blog Post Layout\/Template using Creativo theme and Elementor Page Builder.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/","og_locale":"en_US","og_type":"article","og_title":"Creating a Custom Blog Post Layout\/template &#8211; Creativo Documentation","og_description":"How to create a Blog Post Layout\/Template using Creativo theme and Elementor Page Builder.","og_url":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/","og_site_name":"Creativo Documentation","article_publisher":"https:\/\/facebook.com\/rockythemes","article_published_time":"2022-08-16T10:14:41+00:00","article_modified_time":"2022-08-17T13:57:44+00:00","og_image":[{"url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-new-post-layout.jpg","type":"","width":"","height":""}],"author":"rockystef","twitter_card":"summary_large_image","twitter_creator":"@rockythemes","twitter_site":"@rockythemes","twitter_misc":{"Written by":"rockystef","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/#article","isPartOf":{"@id":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/"},"author":{"name":"rockystef","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/person\/2834fc1584d086bb31b3a7ff0230858a"},"headline":"Creating a Custom Blog Post Layout\/template","datePublished":"2022-08-16T10:14:41+00:00","dateModified":"2022-08-17T13:57:44+00:00","mainEntityOfPage":{"@id":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/"},"wordCount":1146,"commentCount":0,"publisher":{"@id":"https:\/\/rockythemes.com\/documentation\/#organization"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-new-post-layout.jpg","keywords":["blog post layout","blog post template"],"articleSection":["Blog Posts"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/","url":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/","name":"Creating a Custom Blog Post Layout\/template &#8211; Creativo Documentation","isPartOf":{"@id":"https:\/\/rockythemes.com\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/#primaryimage"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-new-post-layout.jpg","datePublished":"2022-08-16T10:14:41+00:00","dateModified":"2022-08-17T13:57:44+00:00","description":"How to create a Blog Post Layout\/Template using Creativo theme and Elementor Page Builder.","breadcrumb":{"@id":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/#primaryimage","url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-new-post-layout.jpg","contentUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2022\/08\/create-new-post-layout.jpg","width":590,"height":547},{"@type":"BreadcrumbList","@id":"https:\/\/rockythemes.com\/documentation\/creating-a-blog-post-template-layout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rockythemes.com\/documentation\/"},{"@type":"ListItem","position":2,"name":"Creating a Custom Blog Post Layout\/template"}]},{"@type":"WebSite","@id":"https:\/\/rockythemes.com\/documentation\/#website","url":"https:\/\/rockythemes.com\/documentation\/","name":"Creativo Documentation","description":"Documentation, Tutorials, Tips and Tricks for the Creativo Theme","publisher":{"@id":"https:\/\/rockythemes.com\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rockythemes.com\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/rockythemes.com\/documentation\/#organization","name":"RockyThemes","url":"https:\/\/rockythemes.com\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/creativo-green.png","contentUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/creativo-green.png","width":228,"height":50,"caption":"RockyThemes"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/rockythemes","https:\/\/x.com\/rockythemes"]},{"@type":"Person","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/person\/2834fc1584d086bb31b3a7ff0230858a","name":"rockystef","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","caption":"rockystef"}}]}},"_links":{"self":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=808"}],"version-history":[{"count":10,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/808\/revisions"}],"predecessor-version":[{"id":836,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/808\/revisions\/836"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/categories?post=808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/tags?post=808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}