分享人:廣州華軟 極簡
一. 前言
SharePoint有母版頁、佈局頁。母版頁存放著如頭部(頂部選單、導航),底部等比較通用部分,通常網站只需一套即可;而佈局頁,則存放著主要內容部分,根據頁面需要,則放置著變化頻率相對高的內容。
由於本身編輯母版頁頁面的Sharepoint頁面並不是特別方便,且SharePoint提供了html 頁面轉換為母版頁功能,所以,開發人員可在外部編輯器上(如HBuilder,Sublime,…)編寫好程式碼,然後將其轉換為Sharepoint 可使用的母版頁。此文為適用於初學者。
二. 目錄
1. 前言
2. 目錄
3. 操作過程
3.1 準備html
3.2 轉換步驟
4. 總結
三. 操作過程
現以某網站為例,描述html轉換為SharePoint母版頁的操作過程。
3.1 準備html
使用HBuilder,Sublime等任意可編輯html頁面的編輯器編寫好母版頁所需通用部分,一般包含:頭部(網站logo、頂部選單、全域性導航、麵包屑、廣告(Banner))、底部,可根據實際情況增減通用部分。
修改並儲存編寫好的html頁面及樣式(供母版頁使用,應只有頭部尾部部分)檔案,接下來去SharePoint網站轉換母版頁。
3.2 轉換步驟
1. 登入SharePoint網站,在網站右上角點選設定(黑色齒輪)按鈕,選擇“網站內容”
2. 找到“樣式庫”,點選開啟
3. 在“樣式庫”裡面建立資料夾,開啟建立後的資料夾,然後建立用來存放樣式檔案(如css)、圖片檔案(如img)、指令碼檔案(如js)等資料夾,並將母版頁的樣式檔案放到css中。
4. 在網站右上角的設定按鈕,選擇“設計管理器”
5. 然後選擇“編輯母版頁”—> “將HTML檔案轉換為SharePoint母版頁”
6. 在彈出的頁面中,點選下圖1位置,選擇“Html母版頁”,點選“新增”
7. 選擇“瀏覽”找到需要作為母版頁的html檔案,點選“確定”
8. 然後進入該頁面後,將“內容型別”選為“Html母版頁”,再進行“儲存”。
9. 然後就能看到剛剛轉換HTML檔案,選擇並點選右下角的插入按鈕就完成了,最後記得“釋出主要版本”。
四. 總結
以上便是將html頁面轉換為SharePoint母版頁的過程,其中需要注意的點,均以文字及圖片標識,希望能夠對初學的你有所幫助。