Create and use modern pages on a SharePoint site (2024)

What would you like to do?

  • Add and publish a page

  • Add web parts

  • Customize the title area

  • Help others find your page

  • Edit your page and check spelling and grammar with Editor

  • Use page anchors (bookmarks)

  • Learn about comments, likes, and views

  • Immersive reader in pages

  • Expand content (focus mode)

  • Save for later

  • Share your page

  • Find out where pages are stored

  • Delete your page

Add and publish a page

  1. Go to the site where you want to add a page.

  2. Go to the home page of the site.

  3. Select + New, and then select Page.

    Create and use modern pages on a SharePoint site (1)

    Alternately, you can go to an existing page, select + New, and select Page. Or, you can choose Copy of this page to create a new page that has the same web parts and content as the existing page.

  4. Choose a page template to start with. For this example, we'll use theBlank template. Then selectCreate page.

    Note:To make a private draft, selectCreate as a private draft. Private drafts are only visible to you and the people you share it with.

    Create and use modern pages on a SharePoint site (2)

  5. Add a page titlein top area where it reads Add a title. A page title is required to save the page. Check out the Customize the title area.

Add web parts

Web parts are the building blocks of your page. For more information on the different types of web parts and how to use them, check outUsing web parts on pages.

  1. Hover your mouse below the title area and there will be a line with a circled +, like this:Create and use modern pages on a SharePoint site (3)
    Select+ to add content like text, documents, video and more. To learn more about how to find and use web parts, check outUsing web parts.
    Create and use modern pages on a SharePoint site (4)

  2. You can also add sections and columns to a page. To learn more, check outAdd sections or columns on a page.

  3. When you're done editing, you can selectSave as draft to save your changes and close edit mode. Your audience won't be able to viewor read the page until you publish it. Only people with edit permissions on your site will have access.

    Note:Instead of Save as draft, you may see Save and close in the command bar. This means your organization has pages coauthoring capability where youcan invite other authors to edit the same page or news post at the same time. You can learn more about that here.

  4. When you are ready for your audience to view and read the page, selectPublish.

    For more information on publishing and the lifecycle of a page, check outManagement and lifecycle of a SharePoint modern page.

Customize the title area

You can remove the title area, and you can customize the title area with an image, a choice of six layouts, text above the title, the ability to change the displayed author, and you can show or hide the published date.

  • Remove the title area

    To remove the title area, selectDelete web partin the left toolbar.

    Note:Once removed, you can click Undo or choose a Banner web part to add the title area back.

  • Add an image

    To add an image, selectAdd image Create and use modern pages on a SharePoint site (5) in the left toolbar.

    Note:If you want to replace an image, selectChange image in the left toolbar.

    Choose a recent image or get an image from stock images provided by Microsoft, from a web search, your site, your computer, or a link. If your organization has specified a set of approved images, you'll be able to choose from that set under Your organization.

    Create and use modern pages on a SharePoint site (6)

    Notes:

    • Web search uses Bing images that utilize the Creative Common license. You are responsible for reviewing licensing for an image before you insert it on your page.

    • Images look best when they are landscape or 16:9 or greater in aspect ratio, and when they are at least 1 MB in size. For more information on image sizing, check outImage sizing and scaling in SharePoint modern pages.

    • If you're a SharePoint Admin and want to learn how to create an asset library for Your organization, check outCreate an organization assets library.

    • If you're a SharePoint admin, we recommend enabling a Content Delivery Network (CDN) to improve performance for getting images. Learn more about CDNs.

  • Additionally, you can set a focal point to get the most important part of your picture in the frame. SelectSet focal point

    Create and use modern pages on a SharePoint site (7)

    in the toolbar on the left, and within the image, drag the focal point where you want it.

    Create and use modern pages on a SharePoint site (8)
  • Addor change displayed page author

    In the title area, add a name, partial name, or email name in the author box. The name will be searched against your organization's profiles, and you will be presented with suggested people. Choose the one you want, and you're done! If you do not enter a name, an author byline will not show.

    Create and use modern pages on a SharePoint site (9)

  • Choose a layout

    Selectthe Edit web part button Create and use modern pages on a SharePoint site (10), and in the toolbox on the right, choose the layout you want:

    Create and use modern pages on a SharePoint site (11)

  • Set alignment

    If the toolbox isn't already showing, select the Edit web part button Create and use modern pages on a SharePoint site (12), and in the toolbox on the right, choose Left or Center.

    Note:Alignment is not available for layout of Fade or Author.

  • Add text above the title

    You can add text in a colored block above your title to qualify the title or call attention to something on the page, as in the example below where NEW is the text above the title. In newspaper jargon, this is called a kicker. The color of the block the text is in is based on your site theme.

    Create and use modern pages on a SharePoint site (13)

    To add the text above your title, select the Edit web part button Create and use modern pages on a SharePoint site (14), and in the toolbox on the right, enter up to 40 characters of text in the Text above title box. Then, change the Show text block above title toggle to Yes.

  • Show orhide published date

    Select the title area, select theEdit web part button Create and use modern pages on a SharePoint site (15), and under Show published dateuse the toggle to show or hide the published date.

  • Add the page title

    To edit the page title, go into the first Banner web part at the top of the page (previously Title area) or the Title box on the command bar, enter up to 255 characters of text in the Title box.

    Create and use modern pages on a SharePoint site (16)

    Note:A page title is required before you can Save and close or Publish the page.

  • Change the page name

    The page name is automatically generated the first time you enter a page title. To modify the page name, go into Edit mode, select the Page detailson the command bar, and make your changes.

    Create and use modern pages on a SharePoint site (17)

Help others find your page

The first time you publish your page, you'll be prompted to help others find your page. If you want to do this later, you can selectPromote at the top of the page after the page is published.Create and use modern pages on a SharePoint site (18)

You can use one or more of the following options:

  • Add page to navigation: Adds a link to your page, using the page title, to the left-side navigation.

  • Post as News on this site: Adds a News post to the Home page of your site. For more information on News, check out Keep your team updated with News on your team site.

  • Email: Allows you to send an email with a preview of the page and an optional message to your selected recipients.

  • Yammer: Allows you to send the page through your organization's Yammer channels.

  • Save page as template: Save the page so you can use it as a template to make similar pages more easily.

  • Copy address: The page address is shown so you can copy it and send to others.

Edit your pageand manage spellcheck and grammar with Editor

To make changes to your page, do this:

  1. SelectEdit at the top right.

    When you selectEdit, the page is checked out to you. As long as the page is open for editing, or checked out, no one else can edit it. The page is "locked" until changes are saved or discarded, or until the page is published. An exception is that ifthe page has no activity for 5 minutes, the editing session will time out and the page will be"unlocked."

  2. Make your changes. For help on page layout and using web parts, check outAdd sections and columns on a page andUsing web parts on SharePoint pages.

  3. When you're done making changes, choose Save as draft to save your changes and close edit mode.

    Note:Instead of Save as draft, you may see Save and close in the command bar. This means your organization has pages coauthoring capability where youcan invite other authors to edit the same page or news post at the same time. You can learn more about that here.

  4. If you're ready for users to view and read your changes, selectRepublish. For more information on publishing and the lifecycle of a page, check outManagement and lifecycle of a SharePoint modern page.

    Tip:If you want your changes to go live immediately, you can selectRepublishwithout having to save a draft.

To check spelling and grammar with Editor within Text web parts on your page,

  1. Select Edit at the top right.

  2. Select Page details at the top of a page that has already been published.

  3. In the page details pane, adjust the toggle under Use Editor to check spelling, grammar, and more to On or Off.

Create and use modern pages on a SharePoint site (19)

Learn more about managing Page details.

Notes:

  • Specific permissions are required to edit and rename pages. If you can't rename a page, contact your site administrator to make sure you have Delete Items permission. If you can't edit a page, make sure you have Browse User Information permission.

  • If you are used to working with customized pages and site definitions, you should know that this type of page has no association with a site definition; therefore, it cannot be reset to a site definition.

While making changes to your site, such as adding or modifying web parts, you can undo or redo the changes. Select Undo, and from the dropdown, select Undo or Redo as needed. (You can also use the keyboard shortcuts of Ctrl+Z or Ctrl+Y, respectively.)

Notes:

  • Specific permissions are required to edit and rename pages. If you can't rename a page, contact your site administrator to make sure you have Delete Items permission. If you can't edit a page, make sure you have Browse User Information permission.

  • If you are used to working with customized pages and site definitions, you should know that this type of page has no association with a site definition; therefore, it cannot be reset to a site definition.

Use page anchors (bookmarks)

Page anchors (also known as bookmarks) are automatically added to Heading 1, Heading 2, and Heading 3 styles in Text web parts on your page. When a page is published, and you hoveror tab over a headingin a Text web part, a link symbol Create and use modern pages on a SharePoint site (20)will indicate the page anchor.

Create and use modern pages on a SharePoint site (21)

You can right-click a page anchor and select Copy linkto copy the page anchor location for use outside of SharePoint pages. Once the page anchor is on the clipboard, you can paste it wherever you want to send it, like an email or a message.

To link to a Heading 1 from somewhere else on your page, add a hyperlink to the text you want to link from, then paste the URL of Heading 1 link, as in this example:

Create and use modern pages on a SharePoint site (22)

Comments, likes, and views

People who view your page can leave comments and likes at the bottom of the page. You can also find out how many views your page has. Hover over Likes to view some of the people who liked your page. Select Likes and you can view a list of all of the people who liked your page.

Create and use modern pages on a SharePoint site (23)

When someone likes or comments on a page or a news post you created, or mentions you using @, you will be notified by email.

Note:Comments, likes, and views are not available on site home pages.

Save for later

People who view your page can find it more easily later by using the Save for later option at the bottom of the page. Once Save for later is selected, it becomes Saved for later, and the associated icon is filled in.Create and use modern pages on a SharePoint site (24)

Note:Save for later is not supported for Guest users. They may be able toselect Save for later, but the item won't be saved.

When Saved for later is selected, a list of Recently saved items is displayed. You can selectSee all saved items to view the entire list of saved items.

Create and use modern pages on a SharePoint site (25)

Use Immersive reader in pages

Use the immersive reader tool to help your audience focus on the content of your site. The immersive reader tool includes built in text to speech, and word-in-line highlighting. Immersive reader can be used to suit the individual needs of each site user making the site easier to engage with.

Site users can change the speed and voice of the reader, as well as various visual aspects of the text itself. Immersive reader also offers the ability to translate the content on the page toa wide variety of languages.

Create and use modern pages on a SharePoint site (26)

To use immersive reader:

  1. Select the Immersive reader option in the task bar.

  2. When the immersive reader page appears, adjust the Text preferences Create and use modern pages on a SharePoint site (27), Grammar Options Create and use modern pages on a SharePoint site (28), and Reading Preferences Create and use modern pages on a SharePoint site (29) .

  3. After you have chosen your immersive reader experience preferences, select Play at the bottom of the screen.

Note:The immersive reader feature is not available on the home page.

Hide or show header and navigation (focus mode)

Eliminate visual distractions by using expand mode in SharePoint Site Pages. Expand mode helps you focus on the primary content by removing navigation bars on the page.

Create and use modern pages on a SharePoint site (30)

Activate focus mode by selecting the Hide header and navigation icon Create and use modern pages on a SharePoint site (31) in the task par of the site page.

Focus mode can be deactivated by selecting theShow header and navigationicon Create and use modern pages on a SharePoint site (32) while in the Hide header and navigation view.

Where are pages stored?

Pages that you create, save, or publish are stored in the Pages library for your site. To get to the Pages library:

  1. Go to the site where your page is.

  2. On the top or left side navigation, selectPages.

    Note:If Pages isn't listed on the left side of your SharePoint site, select Settings > Site Contents in the upper right. Then on the left, select Pages.

    Your page may be in a folder within the Pages library designated by the site owner.

Delete your page

SharePoint site owners and administrators can easily delete modern pages from a SharePoint site. For more information on how to delete a page, check outDelete a page from a SharePoint site.

What would you like to do?

  • Add and publish a page

  • Customize the title area

  • Help others find your page

  • Edit your page

  • Learn about comments

  • Find out where pages are stored

  • Delete your page

  • Use web parts

Add and publish a page

  1. Go to the site where you want to add a page.

  2. Go to the home page of the site.

  3. Select + New, and then select Page.

    Create and use modern pages on a SharePoint site (33)

    Alternately, you can go to an existing page, select + New, and select Start from a blank page.

  4. Add a page name in the title area. A page name is required to save the page. Check out the Customize the title area.

  5. Add web parts

    Hover your mouse below the title area and there will be a line with a circled +, like this:

  6. Create and use modern pages on a SharePoint site (34)

    Select+ to add content like text, documents, video and more. To learn more about how to find and use web parts, check outUsing web parts.

    Create and use modern pages on a SharePoint site (35)

    You can also add sections and columns to a page. To learn more, check outAdd sections or columns on a page.

  7. When you're done editing, you can selectSave as draft to save your changes and close edit mode. Your audience won't have access to the page until you publish it. Only people with edit permissions on your site will have access.

  8. When you are ready for your audience to view and read the page, selectPublish.

    For more information on publishing and the lifecycle of a page, check outManagement and lifecycle of a SharePoint modern page.

Customize the title area

You can customize the title area with an image, a choice of four layouts, text above the title, the ability to change the displayed author, and you can show or hide the published date.

  • Add an image

    To add an image, selectAdd image Create and use modern pages on a SharePoint site (36) in the toolbar on the left.

    Choose a recent image or get an image from your site, your computer, or a link.

    Note:Images look best when they are landscape or 16:9 or greater in aspect ratio, and when they are at least 1 MB in size. For more information on image sizing, check outImage sizing and scaling in SharePoint modern pages.

To modify the title area later, just make sure your page is in edit mode, select the title area, and then use the toolbar on the left to change title text and other information, and use the image button to change the image. To change the name in the title area, just select the title area and type over the existing name.

Help others find your page

The first time you publish your page, you'll be prompted to help others find your page. If you want to do this later, you can selectPromote at the top of the page after the page is published.

Create and use modern pages on a SharePoint site (37)

You can use one or more of the following options:

  • Post as News on this site: Adds a News post to the Home page of your site. For more information on News, check outKeep your team updated with News on your team site.

  • Email: Allows you to send an email to your selected recipients.

  • Copy address: The page address is shown so you can copy it and send to others.

Comments

People who view your page can leave comments at the bottom of the page.

Where are pages stored?

Pages that you create, save, or publish are stored in the Pages library for your site. To get to the Pages library:

  1. Go to the site where your page is.

  2. On the top or left side navigation, selectPages.

    IfPagesisn't on the left side, selectSite ContentsfromSettingsonthe upper right, then on the left side of the Site Contents page, selectPages.

    Your page may be in a folder within the Pages library designated by the site owner.

Delete your page

SharePoint site owners and administrators can easily delete modern pages from a SharePoint site. For more information on how to delete a page, check outDelete a page from a SharePoint site.

Using web parts

Web parts are the building blocks of your page. You can add web parts to your page by selecting the+ sign on the page. For more information on the different types of web parts and how to use them, check outUsing web parts on pages.

What would you like to do?

  • Add and publish a page

  • Customize the title area

  • Help others find your page

  • Edit your page

  • Learn about comments

  • Find out where pages are stored

  • Delete your page

  • Use web parts

Add and publish a page

  1. Go to the site where you want to add a page.

  2. Go to the home page of the site.

  3. Select + New, and then select Page.

    Create and use modern pages on a SharePoint site (38)

    Alternately, you can go to an existing page, select + New, and select Start from a blank page.

  4. Add a page name in the title area. A page name is required to save the page. Check out Customize the title area.

  5. Add web parts

    Hover your mouse below the title area and there will be a circled +, like this:

  6. Create and use modern pages on a SharePoint site (39)

    select+ to add content like text, documents, video and more. To learn more about how to find and use web parts, check outUsing web parts.

    Create and use modern pages on a SharePoint site (40)

    You can also add sections and columns to a page. To learn more, check outAdd sections or columns on a page.

  7. When you're done editing, you can selectSave as draft to save your changes and close edit mode. Your audience won't have access to the page until you publish it. Only people with edit permissions on your site will be able to access it.

  8. When you are ready for your audience to view and read the page, selectPublish.

    For more information on publishing and the lifecycle of a page, check outManagement and lifecycle of a SharePoint modern page.

Customize the title area

You can customize the title area with an image, a choice of four layouts, text above the title, the ability to change the displayed author, and you can show or hide the published date.

  • Add an image

    To add an image, selectAdd image Create and use modern pages on a SharePoint site (41) in the toolbar on the left.

    Choose a recent image or get an image from your site, your computer, or a link.

    Note:Images look best when they are landscape or 16:9 or greater in aspect ratio, and when they are at least 1 MB in size. For more information on image sizing, check outImage sizing and scaling in SharePoint modern pages.

To modify the title area later, just make sure your page is in edit mode, select the title area, and then use the toolbar on the left to change title text and other information, and use the image button to change the image. To change the name in the title area, just select the title area and type over the existing name.

Help others find your page

The first time you publish your page, you'll be prompted to help others find your page. If you want to do this later, you can selectPromote at the top of the page after the page is published.

Create and use modern pages on a SharePoint site (42)

You can use one or more of the following options:

  • Post as News on this site: Adds a News post to the Home page of your site. For more information on News, check outKeep your team updated with News on your team site.

  • Email: Allows you to send an email to your selected recipients.

  • Copy address: The page address is shown so you can copy it and send to others.

Edit your page

To make changes to your page, do this:

  1. SelectEdit at the top right.

    When you selectEdit, the page is checked out to you. As long as the page is open for editing, or checked out, no one else can edit it. The page is "locked" until changes are saved or discarded, or until the page is published. An exception is that ifthe page has no activity for 5 minutes, the editing session will time out and the page will be"unlocked."

  2. Make your changes. For help on page layout and using web parts, check outAdd sections and columns on a page andUsing web parts on SharePoint pages.

  3. When you're done making changes, choose Save as draft to save your changes and close edit mode.

  4. If you're ready for users to view and read your changes, selectPublish. For more information on publishing and the lifecycle of a page, check outManagement and lifecycle of a SharePoint modern page.

Notes:

  • Specific permissions are required to edit and rename pages. If you can't rename a page, contact your site administrator to make sure you have Delete Items permission. If you can't edit a page, make sure you have Browse User Information permission.

  • If you are used to working with customized pages and site definitions, you should know that this type of page has no association with a site definition; therefore, it cannot be reset to a site definition.

Comments

People who view your page can leave comments at the bottom of the page.

Where are pages stored?

Pages that you create, save, or publish are stored in the Pages library for your site. To get to the Pages library:

  1. Go to the site where your page is.

  2. On the top or left side navigation, selectPages.

    If Pagesisn't on the left side, selectSite ContentsfromSettingsonthe upper right, then on the left side of the Site Contents page, selectPages.

    Your page may be in a folder within the Pages library designated by the site owner.

Delete your page

SharePoint site owners and administrators can easily delete modern pages from a SharePoint site in the Page details pane.

  1. Ensure the page is in edit mode by selecting Edit at the top right of the page.

  2. On the command bar, select Page details.

  3. Select Delete page.

  4. Confirm or cancel your deletion in the confirmation box that appears by selecting Delete or Cancel.

Create and use modern pages on a SharePoint site (43)

Learn more about Deleting a page from a SharePoint site.

Create and use modern pages on a SharePoint site (2024)
Top Articles
Latest Posts
Article information

Author: Dong Thiel

Last Updated:

Views: 5822

Rating: 4.9 / 5 (59 voted)

Reviews: 82% of readers found this page helpful

Author information

Name: Dong Thiel

Birthday: 2001-07-14

Address: 2865 Kasha Unions, West Corrinne, AK 05708-1071

Phone: +3512198379449

Job: Design Planner

Hobby: Graffiti, Foreign language learning, Gambling, Metalworking, Rowing, Sculling, Sewing

Introduction: My name is Dong Thiel, I am a brainy, happy, tasty, lively, splendid, talented, cooperative person who loves writing and wants to share my knowledge and understanding with you.