How to build a Project Hub with Hubsites and Sitedesign and Sitescripts
Download as PPTX, PDF0 likes298 views
![Knut Relbe-Moe [MVP, MCT]](https://cdn.slidesharecdn.com/profile-photo-sharePTkarm-48x48.jpg?cb=1603406013)
The document outlines the significance and benefits of SharePoint hub sites, including features like consistent branding, persistent navigation, and comprehensive search functionality across linked sites. It provides detailed steps for building project hub sites, creating site designs, and utilizing site scripts to enhance project management. Additional tips for managing hub site configurations and lifecycle handling are also discussed.
How to build a Project Hub with Hubsites and Sitedesign and Sitescripts
- 3. Knut Relbe-Moe √ Founder of DocsNode √ SharePoint Specialist √ Partner Manager Valo Intranet √ 4 times Microsoft MVP √ Nintex VTE @knutrelbemoe https://linkedin.com/in/knutrelbemoe
- 7. • discover related content such as news and other site activities, • apply common navigation and branding across associated sites, • search across all associated sites. https://support.office.com/en-us/article/what-is-a-sharepoint-hub-site-fe26ae84-14b7-45b6-a6d1- 948b3966427f
- 9. What isSharePointSite Design andSiteScripts
- 10. SiteScripts Site Scripts is JSON definition that describes actions and sub-actions https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-design-overview
- 11. Site Designs Site design is a set of pre-defined actions that get executed to a site after the site has been created. Site design in some ways are a container for the Site Script. Each Site design can have one or more associated Site Scripts You can have a default design that will be applied to sites when they are created
- 12. Why should we use HubSites for our projects?
- 13. You get a lot of functionality out of the box from Microsoft Search across your projects Global Navigation for all your projects Overview over all your projects trough associated sites
- 14. Associatedsites Display the most active sites associated with the hub site on the home page by using the Sites web part. And choose the layout you want
- 15. Step byStep creatingthis magic
- 16. Step to awesomeness Build The Project HUB Decide on Project Site Resources and Actions Build JSON File Add Site Script and Site Design to the Tenant Create a Site with the Design
- 17. Step 1: Build the ProjectHUBSite 1. Create your SharePoint Hub 2. Create your site directory list 3. Add the required columns 4. Create Microsoft Flow to store all created sites in the directory https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-design-trigger- flow-tutorial
- 18. Step 1: Build the ProjectHUBSite
- 19. This Photo by Unknown Author is licensed under CC BY-SA-NC Step 2:So how do we want our project templatesto look like??
- 20. Step 2:So how do we want our projecttemplatesto look like?? 2Templates, one for Internal, and one with External Sharing on Create new Project Documents library with some custom columns Add Project Document content type to the new library Remove Document content type from the new library Add Project Documents library to the navigation Remove Documents, Pages, and Site Contents from the navigation Add the Project site to the Project Hub Set External Sharing Automatically add the site to the Site Directory
- 21. Step 3: Build theJSON / To codeor not to code… Site design JSON schema reference, code.learn(you);
- 23. Step 3: Build theJSON PnP solution, Site Designs Studio, contributed byYannick Plenevaux to assist in creating/changing the site scripts and site designs https://github.com/SharePoint/sp-dev-solutions/tree/master/solutions/SiteDesignsStudio
- 24. Demo!
- 25. Step 4:AddSiteScript andSite Design to theTenant
- 26. Step 5:Createsites with the design
- 27. Step 5:Createsites with the design
- 28. Demo!
- 29. Step 1: Build the ProjectHUBSite Register-SPOHubSite -Site "https://docsnode.sharepoint.com/sites/projecthub"
- 30. Step 3: Build theJSON Site design JSON schema reference,
- 31. Step 4:AddSiteScript andSite Design to theTenant
- 32. Step 5:Createsites with the design
- 33. Step 5:Createsites with the design
- 34. Summary
- 35. What doesproject hub sites offer • They add a consistent branding across all sites • They add a persistent menu, making it easier to move between the linked sites. • If you search within the hub site, it will also search all linked sites. • We will also get publishing workflow/flow
- 37. Demo!
- 38. Configuration tips • You can always detach a site from a Hub if you want to attach it to another hub site in the future. • Hubs do not influence permissions. • Make sure end users follows the Project Hub • You can setup your hub to require approvals. That way, not anyone would be able to attach to a hub but instead they would have to be approved by the hub Site Owner • The Associated sites, can only show 99 sites.
- 39. What else we can do?
- 40. FLOW
- 44. Thank you!
- 47. Codes and script files used in this slides: https://github.com/knutrelbemoe/sessions/ @knutrelbemoe https://linkedin.com/in/knutrelbemoe
- 48. Thank you