Modern SharePoint sites offer new Team and Communication sites; site themes and designs; new and updated web parts; enhanced lists and libraries; hub sites; integration with Flow, PowerApps, and Power BI; and much more.

4. Log in at portal.office.com or tenantname.sharepoint.com

8. Communication
Sites

13. https://tenantname.sharepoint.com
/teams/ModernSharePointSites/SitePages
/SAVE-YOUR-WORK.aspx

14. Edit
Move
Delete
Change or delete
a section

20. Modern Document Libraries in SharePoint

22. Team Sites

23. /teams /sites

26. -unless you check Use the form at this URL:

30. Do NOT delete the Owners group from Site Collection Administrators

32. Theme Generator tool

38. Additional Resources

41. Enable continuous knowledge sharing
Post guidelines and best practices
Get information to the field quickly
Share customer visit and trip reports
The benefit of news
distribution is enhanced
communication and sharing of
knowledge throughout your
organization. Here are some
examples of ways to use news
in different departments
Post earnings release
Share analysis of economic trends and news
Announce budget guidelines
Communicate training resources
Announce the latest employee handbook
Share news about people promotions
Share key customers wins
Distribute latest company, product, and
competitor news
Highlight best practices
Share templates and reusable assets
Share reliability and service
metrics
Get automated reports from
analytics tools
Post guidelines and best
practices
Provide status updates
Post project results
Highlight efficiencies and time
savings
Announce campaigns
Get eyes on the latest events
Promote product launches
Customer
Support
Human
Resources
Marketing
Finance
Engineering
Sales
Operations & Project
Management
Benefits of news
distribution

42. Where News is Distributed in SharePoint
SharePoint Home
News is displayed across SharePoint experiences and apps:
Communication sitesTeam sites
Hub sites Microsoft Teams SharePoint
Mobile App
Office 365 | SharePoint Office 365 | SharePoint
Office 365 | SharePoint
Office 365 | SharePoint
News from Sites
Team Site Communication Site
Hub Site
News Title
News
+ Add see all
News
+ Add see all
TS
+ New + New
CS
News
CS
N
Teams
News

43. How To Create News Posts
Communication sites
Team sitesClick Create news post.
Add a post from
SharePoint Home
Choose the site where you want to
publish your news article.
On mobile, click + Add.
Add a post in a Team or
Communication site
In the top bar, just click
+ New > News post.
A
B Under the News section
header click + Add.
C In the news section click
the link See All > Create
News post.
A
B C
A
B C
Office 365 | SharePoint
News from Sites
Office 365 | SharePoint Office 365 | SharePoint
+ Create news post
News from Sites
+ Create news post
Choose where
to publish
Office 365 | SharePoint
Team Site
News
+ Add see all
TS
+ New
Communication Site
News
+ Add see all
+ New
CS
News
+ Add

44. Begin with adding a name which will
serve as your headline. You can use
the image toolbar on the left to add
or change an image.
Customize Your News Post
Click + to add web parts such as text,
images, video, and more.
When you are done creating your
page, click Publish at the top right, and
you'll see the story appear in the News
section as the most recent story.
A
B
C
Text
Conference Update
Imag
e
File viewer
Link Embed Highlighted
Content
PUBLISH

45. Use the News Web Part on a Page
Learn more about the News web part:
https://aka.ms/sharepointnews
Click the edit pencil on the left side of
the News web part.
Hover your mouse
above or below an
existing web part and
you'll see a line with a
circled +. Click on it.
Select the layout you want to use.
You can add the News web part to any page. Just do this:
C
In the web part search
box, enter News to
quickly find and select
the News web part.
BA
Top story List Side-by-side Hub
News
Layout
D
News
News
News

46. News posts are published to the Pages library of a site.
You can select the site from which you want your news posts to come from.
Change the news source
aka.ms/create-and-share-news-on-your-sharepoint-sites
Choose This site,
All sites in the hub,
or Select sites.
Click the edit pencil on the left side
of the News web part.
When you click Select sites,
you can search for the site you
want to add, or select one or
more sites from Sites
associated with this hub,
Frequent sites, or Recent sites.
A CB
News
New Source
Select a news source
This site
All sites in the hub
Select sites
Select sites
Sites associated with this hub
Frequent Sites
Search by title or enter URL
Create and share news on your SharePoint sites

47. PowerApps
Youcan easily customizetheform fora SharePoint
list by openingPowerApps in a browser.When you
publishyourchanges,theformis embedded
withinthe SharePointlist foruse by all of its users.

48. 1.
2.
3.

57. #sphelp

59. Learning Paths
Up your game with a learning
path tailored to today's
developer and technology
masterminds and designed
to prepare you for industry-
recognized Microsoft
certifications.
Hands-on learning
Master core concepts at your
speed and on your schedule.
Whether you've got 15
minutes or an hour, you can
develop practical skills
through interactive training.
Learn for free
When we say free, we mean
it. Instant in-browser access
to Microsoft tools and
modules. No credit card
required.
https://docs.microsoft.com/en-us/learn

62. https://docs.microsoft.com/en-us/sharepoint/

63. https://docs.microsoft.com

64. https://techcommunity.microsoft.com
Access Azure Azure Active
Directory
Business Apps
from Office
Cloud and AI
International
Cortana Skills Deploying Cloud Diversity and Tech
Docs.com Driving Adoption Education Sector Enterprise Mobility
+ Security
Excel Exchange Financial Services Healthcare and
Life Sciences
Host Integration Internet of Things
(IoT)
ITOps Talk IT Resources &
Training
IT
Transformation
Microsoft 365 Microsoft Edge Microsoft
FastTrack
Microsoft Forms Microsoft Graph
Security API
Microsoft Kaizala Microsoft Search Microsoft Sensors Microsoft StaffHub Microsoft Stream Microsoft Teams
Microsoft
To-Do
Microsoft USB MSIX Office 365 Office 365
Analytics
Office 365 Groups Office 365 Video Office Apps
Office
International
Office Retirement OneDrive for
Business
OneNote Outlook Planner PowerPoint &
Office Mix
PowerShell
Project Public Sector Publisher Security, Privacy &
Compliance
SharePoint Skype for Business Small and Medium
Businesses
SQL
Surface Devices Sway System Center System Center
Configuration
Manager
Visio Windows 10 Windows Analytics Windows
Defender
Advanced Threat
Protection
Windows Kernel Windows Server Word Yammer

65. Create a Hub Site Using PowerShell
Create and Share News on Your SharePoint Sites
Customizing Modern SharePoint Sites
Differences Between the New and Classic
Experiences for Lists and Libraries
Guide to the Modern Experience in SharePoint
Intrazone Podcast
Luise Freese – Sketchnote Artist
Microsoft Docs
Microsoft Learn
Microsoft Tech Community
Modern SharePoint Lists Are Here
Modernize Site Branding
Moving from Publishing Sites to Communication
Sites
Navigation for the Modern SharePoint Experience
No Code Solutions for Custom Formatting
SharePoint Documentation
SharePoint Modernization Scanner
SharePoint Site Design
SharePoint Site Theming
SharePoint User Voice
Ways to Work with SharePoint
What Is Modern SharePoint and Why Should I Care

66. Theresa Eller | Premier Field Engineer​
@techresa | @SharePointMadam
LinkedIn.com/in/theresaeller | slideshare.net/sharepointmadam

67. How to customize
your Microsoft
SharePoint
Online website
Read these tips to find out how to:
1 Customize
logo
2 Customize
navigation
3 Customize
theme
4 Customize
page layout
5 Customize
web parts

68. Customize your logo
Office 365 | SharePoint
Site informationTS Team Site
Change
yourlogo.jpg
save
TS
Office 365 | SharePoint
TS Team Site
Team Site Site information
Click on > Site information.
The Site information panel will open.
Click Change, select the image you want to
use, then click Open > Save. Recommended
logo size is 64px x 64px.
You can change the logo for your site.
Review your updated logo.
https://aka.ms/customizelogo
A
B
C

69. To make changes to the nav, click
Edit.
You can add, delete, or change the order or position of links on the left-hand
(Quick Launch) nav, top nav, or hub nav bar.
https://aka.ms/customizenavigation
To add a new link, click the
+ icon that appears when you place
your mouse pointer above or below
a link. In the dialog box that
appears, choose URL to add a
custom link or choose one of the
default items associated with your
site. Then click OK.
To edit existing links, click the ellipses (...)
next to the link.
Edit - Changes the address and/or display name
Move up - Moves the link up
Move down - Moves the link down
Make sub link - Makes the link a sub link of
the link above it
Promote sub link - Converts a sub link
to a top-level link
Remove - Deletes the menu item
Office 365 | SharePoint
Home
Save Cancel
Edit
Move up
Move down
Make sub
link
Remove
Office 365 | SharePoint
Home
TS Team
Site
Edit
Choose an option
Home
Save Cancel
Add a link
Address
Display Name
New Menu Item
http://
URL
Office 365 | SharePoint
Customize the navigation
A B C

70. Here’s how to change the look of your SharePoint Online website.
https://aka.ms/changelook
The Change the look panel will open.
Select the theme you want to use and
then click Apply. If selecting an out-of-the
box theme, you can further customize the
main and accent colors.
Click on > Change the look.
Before and after
Here’s an example of what happens
when you choose the Dark Yellow
theme for a SharePoint Online
team site.
The background turns to black, the
text switches to white, and the other
elements change from blue to yellow.
Office 365 | SharePoint
TS Team Site Change the look
Office 365 | SharePoint
TS Team Site Change the look
Office 365 | SharePoint
TS Team Site Change the look
Office 365 | SharePoint
TS Team Site SharePoint Themes
Change the look
Change the look
Abc
Current
Abc
Orange
Abc
Green
Abc
Dark
Yellow
Apply
Customize the theme
A
B
C

71. Page Title
Team Site
Office 365 | SharePoint
You can easily add new pages and content to your site. Here’s how:
https://aka.ms/addpage
Click on New>Page
You can add a page title and image
Click the + icon on the left to
add sections and columns
Click the + icon in the center
to add web part
One
column
Two
column
Three
column
One-third
left
One-third
right
Publish
Users on the site won't see the
page until you publish it.
Published pages are viewable by
users who have the appropriate
permissions on the site.
Office 365 | SharePoint
Pages
Page
+ New
TS Team Site
Office 365 | SharePoint
Page Title
TS Team Site
Add pages
A
B
C

72. When designing a page, you can add different elements to build unique and impactful web content.
Here are some commonly used web parts
Text
Add text and tables to your page
Image
Add an image from a library, upload a new one, or search for one
online
Link
Use the Link web part to add a link with a preview to internal or
external content
Embed
Enrich your page by displaying content from other web sites
Highlighted content
Dynamically display content based on content type,
filtering, or a search string
File viewer
Insert a variety of different file types on your page
Many more web parts are available.
To see the full list, see https://aka.ms/webparts
To add web parts, click the + icon that
appears when you hover over the page or
within a section in a page.
Aa
Web parts
A
B