All of this is great, but you might ask yourself, I have lots of classic (team) sites…how do I bring them into the modern SharePoint world?<\/strong> The answer is (in-place) modernization: you can fully transform (or “modernize”) a classic site team sites into modern, optionally Office 365 group-connected, sites by following the SharePoint modernization guidance<\/a>. Modernizing your sites involves one or more of the below steps:<\/p>\n Classic SharePoint sites typically have classic pages being wiki pages or web part pages and these pages cannot present themselves using a modern user interface, however, a classic site can host modern client-side pages. After you’ve maximized the use of the modern list and library user interface and optionally connected your site to an Office 365 Group, transforming the pages to modern client-side pages is the last task to fully transform your classic site into a modern site.<\/p>\n Page modernization is done by transforming your classic wiki and web part pages into modern client-side pages. During the transformation the page structure (e.g. header with 2 columns) is kept, the wiki HTML is transformed into HTML that works on modern pages and the web parts on the pages are replaced by modern 1st<\/sup> party web parts. During this process the modern page is generated as a preview, the original page is never lost. You can, optionally, also have your end users decide on whether they want to keep the created page via an interactive banner:<\/p>\n Page transformation can be used via PnP PowerShell, via the SharePoint UI and via .Net.<\/p>\n As of the December 2018 version (3.4.1812.0) of PnP PowerShell<\/a> transforming a classic wiki or web part page into a modern client-side page is as simple as calling the ConvertTo-PnPClientSidePage<\/strong> cmdlet:<\/p>\n Learn more from here<\/a>.<\/p>\n If you want to give your end users the option to self-service modernize pages<\/strong> then using the SharePoint Page Transformation UI makes a lot of sense as it offers your end users UI extensions (ribbon buttons) to launch page transformation:<\/p>\n Learn more from here<\/a>.<\/p>\n To modernize pages using .Net you start with installing the SharePointPnPModernizationOnline NuGet package<\/a>. Once that\u2019s installed page transformation is as simple as below snippet:<\/p>\n Learn more from here<\/a>.<\/p>\n \u201cSharing is caring\u201d<\/em><\/span><\/p>\n <\/p>\n SharePoint Team, Microsoft – 10th of December 2018<\/i><\/p>\n","protected":false},"excerpt":{"rendered":" SharePoint Online is continuously evolving and improving, which is a great thing for you as a consumer of the service. One of the key features is the availability of modern sites, which are modern Office 365 group-connected team sites or communication sites, combined with improved functionality that can be consumed from a beautiful, responsive, modern user interface. All of this is great, but you might ask yourself, I have lots of classics (team) sites…how do I bring them into the modern SharePoint world? The answer is (in-place) modernization: you can fully transform (or “modernize”) a classic site team sites into modern, optionally Office 365 group-connected, sites by following the SharePoint modernization guidance. <\/p>\n","protected":false},"author":69078,"featured_media":2304,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2303","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-365-developer"],"acf":[],"blog_post_summary":" SharePoint Online is continuously evolving and improving, which is a great thing for you as a consumer of the service. One of the key features is the availability of modern sites, which are modern Office 365 group-connected team sites or communication sites, combined with improved functionality that can be consumed from a beautiful, responsive, modern user interface. All of this is great, but you might ask yourself, I have lots of classics (team) sites…how do I bring them into the modern SharePoint world? The answer is (in-place) modernization: you can fully transform (or “modernize”) a classic site team sites into modern, optionally Office 365 group-connected, sites by following the SharePoint modernization guidance. <\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/2303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69078"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=2303"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/2303\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/2304"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=2303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=2303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=2303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Modernization](\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/transform\/media\/modernize\/modernize_overview_1.png\")
<\/a><\/p>\nPage modernization<\/h2>\n
What does page modernization do?<\/h3>\n
![\"Page](\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/transform\/media\/modernize\/pagetransformation_ui_6.png\")
<\/a><\/p>\nHow to use it?<\/h3>\n
Modernizing pages via PnP PowerShell<\/h4>\n
# Connect to the site with pages to modernize\nConnect-PnPOnline -Url https:\/\/contoso.sharepoint.com\/sites\/ateamsite<\/a>\n# Modernize page1.aspx and add the page keep\/discard banner on the page\nConvertTo-PnPClientSidePage -Identity page1.aspx -AddPageAcceptBanner<\/pre>\n
Modernizing pages via the SharePoint User Interface<\/h4>\n
![\"Page](\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/transform\/media\/modernize\/pagetransformation_ui_1.png\")
<\/a><\/p>\nModernizing pages via .Net<\/h4>\n
var pageTransformator = new PageTransformator(clientContext);\nvar pages = clientContext.Web.GetPages();\nforeach (var page in pages)\n{\n\u00a0\u00a0\u00a0 PageTransformationInformation pt = new PageTransformationInformation(page)\n\u00a0\u00a0\u00a0 {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ If target page exists, then overwrite it\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Overwrite = true,\n\u00a0\u00a0\u00a0 };\n\u00a0\u00a0\u00a0 pageTransformator.Transform(pt);\n}<\/pre>\nResources<\/h2>\n
\n
\n