HowTo

[How-To]: Create Modern SharePoint Communication and Team Site Templates / Site Designs

With Office 365 you can create site designs and 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 few steps.
If you're not technical, you can still take advantage of simple SharePoint intranet template set up with Origami SharePoint intranet engine.

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://sharemuch.sharepoint.com/sites/OrigamiV10/SiteAssets/static1.squarespace.com.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 


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


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