SharePoint Intranet Training- Site Editing and Building Content

As a continuation from the SharePoint Intranet Introduction, you may have been assigned the task of overseeing your department's content on the SharePoint intranet (AKA the new MyFramingham). 

Please note, the new MyFramingham is currently live. If your department doesn't have a site already, you are welcome to join at anytime. ITS will create the site and provide you access to edit/add your department's content. Once you have completed your site, please reach out to ITS to perform the readiness review. Once the readiness review has been completed, ITS will add your department site to the global navigation and provide access to the campus community. 

To get a site created for your department, to initiate a readiness review, or if you do not have access to your department's SharePoint site, please reach out using this service.

This article contains the following topics:

  1. Managing content
    1. Uploading documents
    2. Creating documents
  2. Editing your department's home page
  3. Creating new site pages
  4. Building your new page
    1. Creating and customizing sections
    2. Adding web parts
    3. Moving sections or web parts 
  5. Editing your department's site navigation
  6. Restoring to a previous version
  7. Previewing your site in a mobile view
  8. How to get more help

In addition to the content provided in the text below, the following resources are attached to this article.

  • "SharePoint Site Building"- PowerPoint presentation from the live training sessions
  • "Home Page Layout"- Picture of the department template layout with web part descriptions

Managing Content

Uploading documents

To upload your files or folder, please follow these instructions:

  1. When you are in your department's SharePoint intranet page, click on the settings (gear icon) at the top right of the page and click Site Contents Uploaded Image (Thumbnail)
  2. Once you are in Site Contents, click DocumentsUploaded Image (Thumbnail)
  3. When you are in Documents, click Upload in the toolbar and then click Files or FolderUploaded Image (Thumbnail)
  4. Locate the files or folder on your computer

Creating New Documents

In addition to uploading content, you can also create Microsoft documents within SharePoint. You will only create documents with this method if you intend the document to be published to internal audiences. 

  1. When you are in your department's SharePoint intranet page, click on the settings icon at the top of the page and click Site ContentsUploaded Image (Thumbnail)
  2. Once you are in you site contents, click DocumentsUploaded Image (Thumbnail)
  3. Once you are in Documents, click New and select one of the Microsoft productsUploaded Image (Thumbnail)

Editing Your Department's Home Page

If you don't have access to your site already, please contact ITS. Once you have access, you will have the ability to edit your department's home page. Please note, your current homepage reflects our department template. We are aiming to maintain a consistent look and feel across department home pages to ensure a cohesive intranet experience. Before receiving access to your site, ITS will set up your home page with the department template. You will only be responsible for editing the existing web parts that are in place.

To begin editing, click the Edit button towards the top right of the screen.

Uploaded Image (Thumbnail)

Your home page consists of the following web parts, which are the building blocks to your departments SharePoint site:

  • Text
    • Adds paragraphs and tables to your page. Formatting options like styles, bullets, indentations, highlighting, and links are available.
  • Hero
    • A great way to bring focus and visual interest to your page. Use compelling images, text, and links to draw attention to each 
  • Quick Links
    • "Pins" items to your page for easy access.
  • Events
    • Allows you to add and display upcoming events on your page. You can even include a map with location, online meeting information, and more.
  • People
    • Displays a selected group of people and their profiles on your page. It can be used for contact information, team information, presenters, and more.

Depending on the needs for your site, you can remove certain web parts like the Events or People web part. Additionally, if your department does not have a public facing office, you may remove the text web part that displays contact information, and utilize that space for more quick links or a different web part,

An additional point to keep in mind is accessibility. Please follow this Microsoft article that gives some pointers about keeping your page accessible.

In the attachments of this article, you can find an image of the department template with descriptions of the web parts.

If you would like to watch video instructions for editing your home page, please see this video

Creating New Site Pages

Once you have finished editing your department's home page, you may decide that you want to create additional pages for specific topics. For example, you could create a specific page that lists the members of your teams, or you could create new pages for specific resources or services. To create a new page, you have two different methods:

  1. Click the New button under your department's title, then click New Page

    Uploaded Image (Thumbnail)
  2. Click the gear icon at the top right of the page, then click Add a Page Uploaded Image (Thumbnail)

Both of these methods will give you the option to chose a blank, visual, or text template. Chose Blank.

Uploaded Image (Thumbnail)

Then on the next screen, you will have a blank slate to work from.

Building Your New Page

Building out your new page is where you can be more creative with the layout. You do not need to stick to using the department homepage template and will have the freedom to customize columns and add any web parts that are available to you. Once you have created your new site page, you will be able to play around with web parts to display the information you need.

Adding and Customizing Sections

  1. To begin customizing your new page, click the Edit buttonUploaded Image (Thumbnail)
  2. Once in Edit mode, your page will look like the image below with a full width title section, and a section with a Text web part already added.Uploaded Image (Thumbnail)
  3. Clicking on the web part will make the options appear. You may choose to edit these sections using the options toolbar, or begin typing directly into them. If you would like to change the style of the title, you can click the "Overlap" drop down. The page will also show you as the author automatically to whoever will be viewing the page. You can click on your name under the title and the "X" button to remove yourselfUploaded Image (Thumbnail)
  4. I, the section under the title, you have the ability to change the amount of columns, the background shading, or making the section collapsible. Click on the section to make the tool bar appear at the top, and click the "Edit Properties" option 
  5. On the pane that appears on the right, you will have the option to change the layout options, the background shading, and if you want to make the section collapsibleUploaded Image (Thumbnail)
  6. If you would like to add a new section, use the black + icon in between or beneath existing sections Uploaded Image (Thumbnail)

Adding Web Parts

Once you have your section set up, you will want to begin playing with web parts. To add a web part to a section, hover over the top center of the column and click the grey plus icon that appears 

Uploaded Image (Thumbnail)

This will give you a list of web parts to choose from, like Text, Quick Links, Hero, Image web part etc. You can find a list of web parts and how to apply them using this Microsoft article

Moving Sections or Web Parts

Once your sections and web parts are set up, you can move them around your page.  

To move sections, click on the section to make the menu toolbar appear. Click and drag the "Move section" option to the desired location

Uploaded Image (Thumbnail)

To move web parts, you have two options. Hover your cursor over the web part until the cursor turns into a move icon. If that option does not work, click into the web part for the menu at the top to appear. Click the and drag the "Move web part" option to the desired location

Uploaded Image (Thumbnail)

Site Navigation

In addition to global navigation, your department's SharePoint has its own site navigation. This is only visible on your site page, and you can choose to include links to your internal SharePoint pages or external sites. Your site navigation is located directly below your site title.

Uploaded Image (Thumbnail)

To edit your site navigation, please follow these instructions:

  1. Click Edit within your site navigationUploaded Image (Thumbnail)
  2. An edit pane will appear on the left. To add a navigation option, hover underneath or above an existing option until you see a plus iconUploaded Image (Thumbnail)
  3. Once you click the plus icon, you can add a link or label option. A link would be inputted as a web address, while a label is a non-hyperlinked text option. If you use the label option, you will want to utilize sub linksUploaded Image (Thumbnail)
  4. Once you add a navigation option, you will have the ability to click the three-dot icon [...] to see the options Edit, Move Up, Move Down, Make sub link, or Remove. Edit will allow you to change the navigation type, URL, and display name. Move up or Move down will change the order in which the option appears within your site navigation. Make sub link will allow the navigation option to appear as a drop down to the option above it. Lastly, Remove will remove the option from your site navigation. Uploaded Image (Thumbnail)
  5. Once you have edited your site navigation, click the Save or Cancel button

If you would like to watch video instructions for site navigation, please see this video.

Restoring to a Previous Version

If you decide you like a previous version of your site after saving the draft or republishing, SharePoint allows you to compare and restore your site back to a previous version. 

  1. On your site page, click the Page Details button right under your site navigationUploaded Image (Thumbnail)
  2. A pane will appear on the right, click Version History at the bottom of the paneUploaded Image (Thumbnail)
  3. This pane will tell you who has updated the article. Click on the three-dot icon [...] to compare with the selected version or restoreUploaded Image (Thumbnail)
  4. Once you click Restore, the changes are applied, and you can click the X at the top to exit the version history pane. 

Previewing Your Site in a Mobile View

As you are working on your site you may want to view how your site would look in a mobile device. Within your browser, you have the ability to open developer tools to view how your site would look if you were on a phone or tablet. Press F12 to open your developer tools. Within the pane that appears, there will be a small icon of a computer and mobile device:

Uploaded Image (Thumbnail)

Once you click on that icon, you will be able to select what type of device you want to emulate using the Dimensions drop down. 

Uploaded Image (Thumbnail)

Get Help

ITS is here to help! 

To get access to your department's SharePoint site, quick questions, or once you are ready for ITS to perform the readiness review, you may put in a ticket using this service. We welcome all questions.