Overview Of SharePoint Communication Site

Showcase site design template uses the photos or images to showcase a product, team, or event.



Home page has,

Available Lists & Libraries include -

Option to select Page Template is also available on creating new page from home page.

Blank

Blank site design template is used to create our own design.



Home page has plain page and you can add any web part available for modern UI.

Available Lists & Libraries include -

Page Templates

Site Page has three different built-in page templates for creating a new modern page.


Page Templates

1. Multiple Columns – Creates a new page with a single section with two columns. And each column contains text web part and Quick links respectively.
2. Single Column – Creates a new page with a single section with single column.
3. Blank – Creates a new page without any section. After the creation, we can add sections based on our requirement.

Section Layouts

Each page can have multiple sections and each section can have up to three columns. Within each column, we can add multiple web parts vertically. Section is equivalent to a web part manager and column in a section is equivalent to a web part zone.



Section Layouts

Web parts

Office 365 team has rolled out some of the web parts to the site pages with rich and responsive UI.


Web parts

How to create Communication Site

So far, we have learned the basics and overview of communication sites and its inner pieces. Now, we will see how to create a new communication site.

Note

At present (July’17), it is available only for first release tenant users.

• Click on “App Launcher” and then select “SharePoint” button, that redirects to the SharePoint Modern home page
  Or
  Directly type your SharePoint Tenant root site with sharepoint.aspx as shown below in the address bar,
  
  https://mytenant.sharepoint.com/_layoyts/15/sharepoint.aspx
  
  
  SharePoint from App Launcher

• From the SharePoint page, click “Create Site” button. This opens the Panel with two options - Team site and Communication Site.
  
  
  Create Site
  
  
• Select Communication site in the panel. It asks us to select the Site Design and Title along with the URL and description.
  
  
  Modern Site Templates
  
  
• Select the Site Design and enter Site name, address (auto generated), and description. Then, click "Finish" button to create a new communication site.
  
  
  Create Communication Site

By using this new template, we can easily create Single Page Applications. For now, we can’t have this site as a subsite, and customization of components is also limited for the developers. In coming days, we can expect more new features related to this communication site template.