{"id":74531,"date":"2017-02-14T15:08:28","date_gmt":"2017-02-14T15:08:28","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=74531"},"modified":"2017-02-15T06:56:19","modified_gmt":"2017-02-15T06:56:19","slug":"create-custom-layout-community-pages","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/","title":{"rendered":"How to create custom layout for community pages in salesforce"},"content":{"rendered":"<p>In this blog we will learn how to create custom layout for community pages in salesforce using lightning components and using it through community builder.<\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Prerequisites<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>Community should be enabled.<\/li>\n<li>Make sure that community template has <strong>Builder<\/strong> option.<br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Builder.png\"><img decoding=\"async\" class=\"alignnone wp-image-74664 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Builder.png\" width=\"1028\" height=\"188\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Builder.png 1028w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Builder-250x46.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Builder-300x55.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Builder-768x140.png 768w\" sizes=\"(max-width: 1028px) 100vw, 1028px\" loading=\"lazy\" \/><\/a><\/li>\n<\/ul>\n<div class=\"alert alert-info\"><strong>Note<\/strong> : Only <strong>Salesforce Tabs + Visualforce<\/strong> template doesn&#8217;t have <strong>Builder<\/strong> option<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Important keywords<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>1) <strong>implements=&#8221;forceCommunity:layout&#8221;<\/strong> &#8211; It makes the component available for custom layouts in community.<\/p>\n<p>2) <strong>Aura.Component[]<\/strong> &#8211; Array of components.<\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">create custom layout for community pages in salesforce<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Create a new lightning component and write the following code:<\/p>\n<pre class=\"brush:xml\">&lt;!--TestCustomLayout.cmp--&gt;\r\n&lt;aura:component implements=\"forceCommunity:layout\" access=\"global\"&gt; &lt;!--Access should be global--&gt;\r\n    \r\n    &lt;!-- \r\n    \/**\r\n     * Webkul Software.\r\n     *\r\n     * @category  Webkul\r\n     * @author    Webkul\r\n     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\r\n     * @license   https:\/\/store.webkul.com\/license.html\r\n     *\/\r\n     --&gt;\r\n    \r\n    &lt;aura:attribute name=\"column1\" type=\"Aura.Component[]\" required=\"false\"\/&gt;\r\n    \r\n    &lt;div class=\"container\"&gt;\r\n    \t&lt;div class=\"contentPanel\"&gt;\r\n        \t{!v.column1}\r\n        &lt;\/div&gt;\r\n    &lt;\/div&gt;\r\n\t\r\n&lt;\/aura:component&gt;<\/pre>\n<p>Add some css to it:<\/p>\n<pre class=\"brush:css\">\/**\r\n * Webkul Software.\r\n *\r\n * @category  Webkul\r\n * @author    Webkul\r\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\r\n * @license   https:\/\/store.webkul.com\/license.html\r\n**\/\r\n\r\n.THIS .contentPanel:before,\r\n.THIS .contentPanel:after {\r\n    content: \"\";\r\n    display: table;\r\n}\r\n.THIS .contentPanel {\r\n    width: 100%;\r\n}<\/pre>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Using Custom Layout in Communities<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p><strong> Step 1:<\/strong> Open Community Builder.<br \/>\n<strong> Step 2:<\/strong> Add a <strong>New Page<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step1.png\"><img decoding=\"async\" class=\"alignnone wp-image-74603 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step1.png\" width=\"1286\" height=\"663\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step1.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step1-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step1-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step1-768x396.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step1-1200x619.png 1200w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Click on <strong>New Blank Page<\/strong>.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step2-300x232.png\"><img decoding=\"async\" class=\"alignnone wp-image-74604 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step2.png\" width=\"850\" height=\"658\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step2.png 850w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step2-250x194.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step2-300x232.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step2-768x595.png 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong> Step 3:<\/strong> You can view the layout you created. Select it for the page.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step3-300x230.png\"><img decoding=\"async\" class=\"alignnone wp-image-74605 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step3.png\" width=\"844\" height=\"648\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step3.png 844w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step3-250x192.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step3-300x230.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step3-768x590.png 768w\" sizes=\"(max-width: 844px) 100vw, 844px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong> Step 4:<\/strong> Fill the information, and create page.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step4-300x173.png\"><img decoding=\"async\" class=\"alignnone wp-image-74606 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step4.png\" width=\"851\" height=\"492\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step4.png 851w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step4-250x145.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step4-300x173.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Step4-768x444.png 768w\" sizes=\"(max-width: 851px) 100vw, 851px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Output<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Here is your output:<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/output-300x83.png\"><img decoding=\"async\" class=\"alignnone wp-image-74601 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/output.png\" width=\"1286\" height=\"356\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/output.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/output-250x69.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/output-300x83.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/output-768x213.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/output-1200x332.png 1200w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/a><\/p>\n<p>You can add the components to the layout.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Output2-300x155.png\"><img decoding=\"async\" class=\"alignnone wp-image-74602 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Output2.png\" width=\"1286\" height=\"663\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Output2.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Output2-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Output2-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Output2-768x396.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Output2-1200x619.png 1200w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-user\"><\/i>Support<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>That\u2019s all for how to create custom layout for community pages in salesforce, still have any issue feel free to add a ticket and let us know your views to make the code better <a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\"> https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a><\/p>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this blog we will learn how to create custom layout for community pages in salesforce using lightning components and using it through community builder. Prerequisites Community should be enabled. Make sure that community template has Builder option. Note : Only Salesforce Tabs + Visualforce template doesn&#8217;t have Builder option Important keywords 1) implements=&#8221;forceCommunity:layout&#8221; &#8211; <a href=\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":104,"featured_media":73168,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3554,1887],"tags":[4488,4489],"class_list":["post-74531","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lightning-development","category-salesforce","tag-create-custom-layout-for-community-pages","tag-create-custom-layout-for-community-pages-in-salesforce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to create custom layout for community pages in salesforce<\/title>\n<meta name=\"description\" content=\"In this blog we will learn how to create custom layout for community pages in salesforce using lightning components and using it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create custom layout for community pages in salesforce\" \/>\n<meta property=\"og:description\" content=\"In this blog we will learn how to create custom layout for community pages in salesforce using lightning components and using it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-14T15:08:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-15T06:56:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/lightning-code-snippet.png\" \/>\n\t<meta property=\"og:image:width\" content=\"945\" \/>\n\t<meta property=\"og:image:height\" content=\"356\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aakanksha Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aakanksha Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/\"},\"author\":{\"name\":\"Aakanksha Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/7d54984c6524404eb2ba261ace62da80\"},\"headline\":\"How to create custom layout for community pages in salesforce\",\"datePublished\":\"2017-02-14T15:08:28+00:00\",\"dateModified\":\"2017-02-15T06:56:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/\"},\"wordCount\":199,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/lightning-code-snippet.png\",\"keywords\":[\"create custom layout for community pages\",\"create custom layout for community pages in salesforce\"],\"articleSection\":[\"Lightning Development\",\"Salesforce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/\",\"url\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/\",\"name\":\"How to create custom layout for community pages in salesforce\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/lightning-code-snippet.png\",\"datePublished\":\"2017-02-14T15:08:28+00:00\",\"dateModified\":\"2017-02-15T06:56:19+00:00\",\"description\":\"In this blog we will learn how to create custom layout for community pages in salesforce using lightning components and using it.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/lightning-code-snippet.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/lightning-code-snippet.png\",\"width\":945,\"height\":356},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create custom layout for community pages in salesforce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/7d54984c6524404eb2ba261ace62da80\",\"name\":\"Aakanksha Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eef6d7ed23fc4ad8f12c94d6d6d30ec2ebbb9bedbf9d8a9dc8626a3a171fa3fa?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eef6d7ed23fc4ad8f12c94d6d6d30ec2ebbb9bedbf9d8a9dc8626a3a171fa3fa?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Aakanksha Singh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/aakanksha-singh391\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create custom layout for community pages in salesforce","description":"In this blog we will learn how to create custom layout for community pages in salesforce using lightning components and using it.","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:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/","og_locale":"en_US","og_type":"article","og_title":"How to create custom layout for community pages in salesforce","og_description":"In this blog we will learn how to create custom layout for community pages in salesforce using lightning components and using it.","og_url":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-02-14T15:08:28+00:00","article_modified_time":"2017-02-15T06:56:19+00:00","og_image":[{"width":945,"height":356,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/lightning-code-snippet.png","type":"image\/png"}],"author":"Aakanksha Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Aakanksha Singh","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/"},"author":{"name":"Aakanksha Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/7d54984c6524404eb2ba261ace62da80"},"headline":"How to create custom layout for community pages in salesforce","datePublished":"2017-02-14T15:08:28+00:00","dateModified":"2017-02-15T06:56:19+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/"},"wordCount":199,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/lightning-code-snippet.png","keywords":["create custom layout for community pages","create custom layout for community pages in salesforce"],"articleSection":["Lightning Development","Salesforce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/","url":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/","name":"How to create custom layout for community pages in salesforce","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/lightning-code-snippet.png","datePublished":"2017-02-14T15:08:28+00:00","dateModified":"2017-02-15T06:56:19+00:00","description":"In this blog we will learn how to create custom layout for community pages in salesforce using lightning components and using it.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/lightning-code-snippet.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/lightning-code-snippet.png","width":945,"height":356},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/create-custom-layout-community-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to create custom layout for community pages in salesforce"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/7d54984c6524404eb2ba261ace62da80","name":"Aakanksha Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eef6d7ed23fc4ad8f12c94d6d6d30ec2ebbb9bedbf9d8a9dc8626a3a171fa3fa?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eef6d7ed23fc4ad8f12c94d6d6d30ec2ebbb9bedbf9d8a9dc8626a3a171fa3fa?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Aakanksha Singh"},"url":"https:\/\/webkul.com\/blog\/author\/aakanksha-singh391\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/74531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/104"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=74531"}],"version-history":[{"count":12,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/74531\/revisions"}],"predecessor-version":[{"id":91955,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/74531\/revisions\/91955"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/73168"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=74531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=74531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=74531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}