{"id":1796,"date":"2023-08-05T12:48:46","date_gmt":"2023-08-05T12:48:46","guid":{"rendered":"https:\/\/poiseddevelopers.com\/reality-tech\/?p=1796"},"modified":"2024-05-06T12:26:35","modified_gmt":"2024-05-06T12:26:35","slug":"creating-a-custom-site-template-in-sharepoint-online","status":"publish","type":"post","link":"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/","title":{"rendered":"Creating A Custom Site Template in SharePoint Online"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Summary\" title=\"Summary\">Summary<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Step_1\" title=\"Step 1\">Step 1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Step_2\" title=\"Step 2\">Step 2<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Step_3\" title=\"Step 3\">Step 3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Step_4\" title=\"Step 4\">Step 4<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Step_5\" title=\"Step 5\">Step 5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Step_6\" title=\"Step 6\">Step 6<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Step_7\" title=\"Step 7\">Step 7<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Step_8\" title=\"Step 8\">Step 8<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Step_9\" title=\"Step 9\">Step 9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/creating-custom-site-template-in-sharepoint-online\/#Step_10\" title=\"Step 10\">Step 10<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"font-weight: 400 !important;\">In this blog post, I share the steps for creating the custom template for any SharePoint Online site<\/p>\n<p style=\"font-weight: 400 !important;\">Now let\u2019s start building the custom template, for which we will run the following commands.<\/p>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ff1c7c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ff1c7c\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3ff67d8\" data-id=\"3ff67d8\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-1a30de8 elementor-widget elementor-widget-heading\" data-id=\"1a30de8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step_1\"><\/span>Step 1<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>First create any SharePoint site.<\/p>\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step_2\"><\/span>Step 2<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Install \u201cSharePoint Online Management Shell\u201d and open as \u201cRun as Administration\u201d<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1798 size-medium\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture1-1-300x146.webp\" alt=\"img-01\" width=\"300\" height=\"146\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture1-1-300x146.webp 300w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture1-1.webp 752w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<div>\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step_3\"><\/span>Step 3<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Connect SharePoint tenant using following command.<\/p>\n<p>Tenant Admin Url \u2013 https:\/\/anyorganization-admin.sharepoint.com\/<\/p>\n<p>Connect-SPOService -url \u201cTenant Admin Url\u201d<\/p>\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step_4\"><\/span>Step 4<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"elementor-text-editor elementor-clearfix\" data-uw-rm-sr=\"\">Execute the command below for creating the theme according to the requirements.<\/div>\n<pre lang=\"php\">$themepallette =@{\r\n\"themePrimary\"=\"#9b59b6\";\r\n\"themeLighterAlt\"=\"#faf7fb\";\r\n\"themeLighter\"=\"#f5eef8\";\r\n\"themeLight\"=\"#ebdef0\";\r\n\"themeTertiary\"=\"#d5b9e0\";\r\n\"themeSecondary\"=\"#a569bc\";\r\n\"themeDarkAlt\"=\"#8e4ba8\";\r\n\"themeDark\"=\"#6e3a83\";\r\n\"themeDarker\"=\"#572e67\";\r\n\"neutralLighterAlt\"=\"#f8f8f8\";\r\n\"neutralLighter\"=\"#f4f4f4\";\r\n\"neutralLight\"=\"#eaeaea\";\r\n\"neutralQuaternaryAlt\"=\"#dadad\";\r\n\"neutralQuaternary\"=\"#d0d0d0\";\r\n\"neutralTertiaryAlt\"=\"#c8c8c8\";\r\n\"neutralTertiary\"=\"#d6d6d6\";\r\n\"neutralSecondary\"=\"#474747\";\r\n\"neutralPrimaryAlt\"=\"#2e2e2e\";\r\n\"neutralPrimary\"=\"#333333\";\r\n\"neutralDark\"=\"#242424\";\r\n\"black\"=\"#1c1c1c\";\r\n\"white\"=\"#ffffff\";\r\n\"primaryBackground\"=\"#ffffff\";\r\n\"primaryText\"=\"#333333\";\r\n\"bodyBackground\"=\"#ffffff\";\r\n\"bodyText\"=\"#333333\";\r\n\"disabledBackground\"=\"#f4f4f4\";\r\n\"disabledText\"=\"#c8c8c8\";\r\n}\r\n\r\n<\/pre>\n<p>Add-SPOTheme -Name \u201cTest Purple\u201d -Palette $themepallette -IsInverted $false Here we can provide the theme\u2019s name based on requirements.<\/p>\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step_5\"><\/span>Step 5<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"elementor-text-editor elementor-clearfix\" data-uw-rm-sr=\"\">Now we\u2019ll initialize previous created theme and site logo.<\/div>\n<pre lang=\"php\"> \r\n$site_script=@'\r\n{\r\n\"$schema\":\"schema.json\",\r\n\"actions\":[\r\n{\r\n\"verb\":\"applyTheme\",\r\n\"themeName\":\"Test Purple\"\r\n},\r\n{\r\n\"verb\":\"setSiteLogo\",\r\n\"url\":\"Site Logo Url Path\"\r\n}\r\n],\r\n\"bindata\":{ },\r\n\"version\": 1\r\n}\r\n'@<\/pre>\n<p>Here, we replace the \u201cSite Logo Url Path\u201d with the link, where it is located in one of the document libraries.<\/p>\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step_6\"><\/span>Step 6<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"elementor-text-editor elementor-clearfix\" data-uw-rm-sr=\"\">Run the below command to return the ID<\/div>\n<pre style=\"overflow-x: scroll; width: 40%;\" lang=\"php\">\t\r\nAdd-SPOSiteScript -Title \"TestSite\" -Content $site_script -Description \"Creates Test Site Script\"\r\n<\/pre>\n<p>Here, you can change the Title and Description based on the requirements.<\/p>\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step_7\"><\/span>Step 7<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<pre style=\"overflow-x: scroll; width: 40%;\" lang=\"php\">\t\r\nAdd-SPOSiteDesign -Title \"TestSite\" -WebTemplate \"68\" -SiteScripts \"ID\" -Description \"Test Site\"\r\n<\/pre>\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step_8\"><\/span>Step 8<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Now open existing the SharePoint site which we created in site tenant, we click on gear icon, then click on \u201cApply a site template\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1799 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture2-1.webp\" alt=\"img-02\" width=\"267\" height=\"397\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture2-1.webp 267w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture2-1-202x300.webp 202w\" sizes=\"auto, (max-width: 267px) 100vw, 267px\" \/><\/p>\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step_9\"><\/span>Step 9<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Go to \u201cFrom your organization\u201d and you can see your created customized template and use this template in the site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1800 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture3-1.webp\" alt=\"img-03\" width=\"752\" height=\"370\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture3-1.webp 752w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture3-1-300x148.webp 300w\" sizes=\"auto, (max-width: 752px) 100vw, 752px\" \/><\/p>\n<h2 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step_10\"><\/span>Step 10<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>After selecting the template click on \u201cUse template\u201d. It can take a few times for apply template apply the template the the site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1801 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture4-1.webp\" alt=\"img-04\" width=\"752\" height=\"415\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture4-1.webp 752w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Picture4-1-300x166.webp 300w\" sizes=\"auto, (max-width: 752px) 100vw, 752px\" \/><\/p>\n<p>I hope, this article will help you in building for your app.<\/p>\n<p>In summary, we have created a custom template in SharePoint site.<\/p>\n<p>Hope this helps!!\u00a0 Happy SharePointing!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Summary In this blog post, I share the steps for creating the custom template for any SharePoint Online site Now let\u2019s start building the custom template, for which we will run the following commands. Step 1 First create any SharePoint site. Step 2 Install \u201cSharePoint Online Management Shell\u201d and open as \u201cRun as Administration\u201d &nbsp; [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":1797,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-1796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sharepoint"],"acf":[],"_links":{"self":[{"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/posts\/1796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/comments?post=1796"}],"version-history":[{"count":6,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/posts\/1796\/revisions"}],"predecessor-version":[{"id":3552,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/posts\/1796\/revisions\/3552"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/media\/1797"}],"wp:attachment":[{"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/media?parent=1796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/categories?post=1796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/tags?post=1796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}