HTML頁面轉換為Sharepoint母版頁(實戰)

廣州華軟發表於2019-04-04

 

分享人:廣州華軟 極簡

一. 前言

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母版頁的過程,其中需要注意的點,均以文字及圖片標識,希望能夠對初學的你有所幫助。

 

相關文章