HowTo

How-To: Create modern SharePoint site designs and SharePoint Office 365 site templates

With Office 365 you can create SharePoint site templates so that users can quickly build up their content without having to worry about configuring pages and components on them over and over again.

This technical video below demonstrates how to do that in a few steps.

In this quick how-to video, we look at how you can easily script site template provisioning in SharePoint Online modern communication and team sites.

Links in this video:

Code used in the video:

//------------------------------
// Theme Provisioning

$themepallette = @{
"themePrimary" = "#9b59b6";
"themeLighterAlt" = "#faf7fb";
"themeLighter" = "#f5eef8";
"themeLight" = "#ebdef0";
"themeTertiary" = "#d5b9e0";
"themeSecondary" = "#a569bc";
"themeDarkAlt" = "#8e4ba8";
"themeDark" = "#6e3a83";
"themeDarker" = "#572e67";
"neutralLighterAlt" = "#f8f8f8";
"neutralLighter" = "#f4f4f4";
"neutralLight" = "#eaeaea";
"neutralQuaternaryAlt" = "#dadada";
"neutralQuaternary" = "#d0d0d0";
"neutralTertiaryAlt" = "#c8c8c8";
"neutralTertiary" = "#d6d6d6";
"neutralSecondary" = "#474747";
"neutralPrimaryAlt" = "#2e2e2e";
"neutralPrimary" = "#333333";
"neutralDark" = "#242424";
"black" = "#1c1c1c";
"white" = "#ffffff";
"primaryBackground" = "#ffffff";
"primaryText" = "#333333";
"bodyBackground" = "#ffffff";
"bodyText" = "#333333";
"disabledBackground" = "#f4f4f4";
"disabledText" = "#c8c8c8";
}

Add-SPOTheme -Name "Origami Purple" -Palette $themepallette -IsInverted $false

//------------------------------
//Site Structure Provisioning

$site_script = @'
{
  "$schema": "schema.json",
  "actions": [
    {
		"verb": "applyTheme",
		"themeName": "Origami Purple"
    },
    {
	   "verb": "addNavLink",
	   "url": "/",
	   "displayName": "Employee Services",
	   "isWebRelative": true
	},
    {
	   "verb": "addNavLink",
	   "url": "/",
	   "displayName": "Business Services",
	   "isWebRelative": true
	},
    {
	   "verb": "addNavLink",
	   "url": "/",
	   "displayName": "Workspaces",
	   "isWebRelative": true
	},
	{
    "verb": "setSiteLogo",
    "url": "https://[your logo url].png"
	}
  ],
  "bindata": { },
  "version": 1
}
'@


Add-SPOSiteScript -Title "Origami" -Content $site_script -Description "Creates Origami Site Script"
Add-SPOSiteDesign -Title "Origami" -WebTemplate "68" -SiteScripts "" -Description "Origami Site"


//------------------------------
// Cleanup
Remove-SPOTheme -Name "Origami Purple"
Remove-SPOSiteScript 
Remove-SPOSiteDesign 
 

If you feel like this video is too technical, you’re not alone.

We’ve been receiving requests from many Communication Managers, Project Manager, and Designers to help them set up their intranet or a site template.


We have created a pre-built SharePoint intranet solution to help you with any customizations or configurations you may need to set up your intranet, below is an example of a modern SharePoint site template available with Origami web parts.

SharePoint site template
 
Yaroslav_Pentsarskyy_Blog.png

Yaroslav Pentsarskyy is a Director of Product at Origami. Yaroslav has been awarded as Microsoft Most Valuable Professional for 8 years in a row and has authored and published 4 intranet books.
Yaroslav is also a frequent presenter at industry conferences and events, such as the Microsoft SharePoint Conference and Microsoft Ignite.


Branding SharePoint Modern Communication Sites - Adding Corporate Color Themes

In this quick how-to video, we look at how you can apply your own company colors to SharePoint Online modern communication site. I'd call this how-to no code since small amount of code you have to copy is just copy & paste.

Links in this video:

Code used to update the theme:

$themepallette = @{
"themePrimary" = "#eab905";
"themeLighterAlt" = "#fffcf2";
"themeLighter" = "#fef9e4";
"themeLight" = "#fef3ca";
"themeTertiary" = "#fde590";
"themeSecondary" = "#fac810";
"themeDarkAlt" = "#d3a604";
"themeDark" = "#a48103";
"themeDarker" = "#816603";
"neutralLighterAlt" = "#e8dfdf";
"neutralLighter" = "#e5dada";
"neutralLight" = "#ddd0d0";
"neutralQuaternaryAlt" = "#d1bfbf";
"neutralQuaternary" = "#c9b4b4";
"neutralTertiaryAlt" = "#c3abab";
"neutralTertiary" = "#d6d6d6";
"neutralSecondary" = "#474747";
"neutralPrimaryAlt" = "#2e2e2e";
"neutralPrimary" = "#333333";
"neutralDark" = "#242424";
"black" = "#1c1c1c";
"white" = "#ece5e5";
"primaryBackground" = "#ece5e5";
"primaryText" = "#333333";
"bodyBackground" = "#ece5e5";
"bodyText" = "#333333";
"disabledBackground" = "#e5dada";
"disabledText" = "#c3abab";
}

Add-SPOTheme -Name "Origami Yellow" -Palette $themepallette -IsInverted $false

Code to remove the theme:

Remove-SPOTheme -Name "Origami Yellow"
 
ypentsarskyy_2016_small.jpg

Yaroslav Pentsarskyy is the Director of Product at Origami. He's also 8 time Microsoft MVP, speaker at many local and worldwide tech events, and a published author of several SharePoint related books.

@spentsarsky


Automatic SMS Appointment Reminders with Twilio and Microsoft Flow in SharePoint Online

You know those SMS reminders you sometimes get from shipping companies etc ... well in this video you'll see how you can implement your own in literally few minutes using Twilio and Office 365.

These are great use cases for appointment reminders at dentist office, salons, repair shops and other appointment driven businesses:

Enjoy and we'd love to hear your feedback!

 
ypentsarskyy_2016_small.jpg

Yaroslav Pentsarskyy is the Director of Product at Origami. He's also 8 time Microsoft MVP, speaker at many local and worldwide tech events, and a published author of several SharePoint related books.

@spentsarsky