現代化SharePoint網站使用者介面
部落格地址:http://blog.csdn.net/FoxDave
本文介紹如何現代化使用者介面。
一個現代化網站(如工作組網站或社群網站)中立竿見影的元素之一就是使用者介面。這些網站一般有現代化主頁,在我們導航到列表和庫的時候也能看見現代化介面的樣式。但是如果我們的網站此時仍然顯示的是經典的頁面樣式要如何呢?本篇主要講述的就是要如何做。
在我們從經典網站切換到現代化網站的時候,我們需要做兩個方面的工作:
- 將列表和庫設定為使用現代化使用者介面
- 將網站頁面轉化為現代化頁面
步驟1:識別並指導干係人
在進行網站現代化工作之前,儲備相關干係人的SharePoint現代化相關知識是很重要的,因為轉換過去之後他們是直接的接觸者,要確保他們熟悉相關的操作:
- 關鍵業務干係人 - 現代化使用者介面必須要滿足業務使用者的需要,關鍵的業務干係人一定要擁護這個變更。可以拿一個測試環境給他們授予訪問許可權,跟他們一起工作來幫助他們更好地理解新版中好的與不好的方面。之後,這些關鍵業務干係人將會在幫助終端使用者適應現代化網站中起到關鍵作用。
- 自定製團隊和研發人員 - 由於過去的自定製在新版中不再可用了,團隊需要重新進行自定製設計。
- SharePoint管理員 - 管理員是在租戶級別和網站級別啟用現代化使用者介面的角色。
- 變更管理和管制團隊 - 如果公司裡有這些團隊,他們也需要被包含在干係人中,從經典介面轉換到現代化介面,可能需要為他們提供一些內部培訓。
之後就可以進行第二步了。
步驟2:分析網站集
如果是正式環境,我們的租戶可能會包含上千的網站集,這時我們就面臨要如何確定轉換哪些網站集到現代化網站的問題。微軟做了掃描工具來幫助我們分析現有的網站:
SharePoint “Modern” user interface experience scanner - SharePoint “Modern” user interface experience scanner幫助我們深刻了解網站列表和庫對於現代化介面的相容性。如果我們的目標就在將列表和庫轉換為現代化使用者介面,我們可以使用這個掃描工具。
一些列表和庫由於如下某個原因無法在現代化介面中顯示:
- 具有不支援SharePoint現代化介面的欄位的列表
- 使用瞭如JSLink等自定義的列表並不相容
- 列表模板目前仍然不支援在現代化使用者介面下工作
SharePoint Modernization scanner - SharePoint Modernization scanner能夠為我們網站提供連線到Office 365組和環境中的wiki頁面、web部件頁面的詳細分析報告。這些分析結果可以指導我們的遷移工作。如果我們的目標是將網站頁面轉換為現代化使用者介面,我們可以使用這個掃描工具。
步驟3:現代化網站集
分析過我們想要現代化的網站之後,就可以真正地去實施現代化了,包含以下一到多個部分:
將不相容的自定製內容替換為等價的現代化使用者介面相容的。
下面是一些示例,更具體的內容將在以後的文章中進行介紹。- 將JSLink替換為column formatter或SharePoint Framework Field Customizer extension。
- 將現有的web部件替換為SharePoint Framework客戶端web部件。
- 將嵌入式JavaScript的使用者自定義操作替換為SharePoint Framework Application Customizer extension。
- 將列表使用者自定義操作替換為SharePoint Framework ListView Command Set extensions。
- 現代化使用者體驗:
- 通過替換自定製、從檢視移除不相容的欄位或是將資料遷移到相容現代化使用者介面的列表型別來啟用列表和庫的顯示現代化使用者介面。
- 將網站連線到Office 365組。它給我們的網站一個現代化主頁,並可以使用郵箱、Planner等,進而使用日曆和任務列表。
- 建立現代化客戶端頁面並將它們配置為類似之前關鍵的經典wiki和web部件頁的樣子。應該為我們網站的關鍵頁面制定轉換方案,而不是所有的頁面,因為通常這樣會造成資源緊張而且並不需要這樣做。這裡我們可以藉助上面提到的工具來做。
- 跟終端使用者們溝通這次變更。網站看起來跟以前很不一樣了,因此需要告訴使用者們。
相關文章
- 現代化SharePoint經典網站網站
- 現代化網站品牌和風格網站
- 構建現代化網站的 20 個技巧網站
- 構建現代化網站的20個技巧網站
- sharepoint 2013 網站集解鎖網站
- 通過自動化和現代化實現網路優化優化
- Cydia介面風格視覺更新 更扁平化更現代化視覺
- 網站登入介面(div+css實現)網站CSS
- 豐富的詩詞資源!一個現代化詩詞學習網站!學習網站
- 網站購物車介面(div+css實現)網站CSS
- 如何使你的網站擁有良好的使用者介面?網站
- 如何給您的企業搭建現代化形象網站網站
- SEO優化如何提高網站使用者體驗?優化網站
- 全棧“食”代:用 Django + Nuxt 實現美食分享網站(上)全棧DjangoUX網站
- 實現企業網路現代化的5個步驟
- 高路入雲端:從應用現代化,通往中國式現代化
- 現代 CSS 進化史CSS
- 現代CSS進化史CSS
- 應用程式現代化
- 實現網路基礎設施現代化的幾個步驟
- SharePoint 2016 網站集備份還原網站
- 網站優化網站優化
- php 外貿代購系統網站PHP網站
- 網站設計和圖形使用者介面(GUI)設計的不同 (轉)網站GUI
- 使用Let’s Encrypt實現網站https化網站HTTP
- SharePoint 2013跨網站集釋出功能簡介網站
- PHP現代化框架探祕PHP框架
- SharePoint開發——利用CSOM逐級獲取O365中SharePoint網站的List內容網站
- 12306網站介面網站
- 現代化配置管理以解決網路複雜性
- YouMonitor.Us -網站監測新生代網站
- 網站效能優化網站優化
- 網站如何優化網站優化
- 網站SEO優化網站優化
- WordPress網站優化網站優化
- 二代旅遊網站程式,旅遊網站CMS,旅遊網站目的地管理系統網站
- 網站分析:網站使用者的生命週期價值分析網站
- 現代化懶載入的方式