前 言
雖然SharePoint中母版頁看起來只是頭部Banner和底部版權信息這兩個部分,但是實質在SharePoint Online中的頁面模型中占有重要地位,而且SPO對母版頁有着完善的簽入簽出機制和版本控制,方便使用。
同時,除了保持網站所有頁面的一致性,還方便所有頁面中使用的腳本、樣式表引用,可以同時影響所有頁面。
一、 SharePoint Online母版頁的簽入簽出和版本控制
查找母版頁和頁面庫位置,首先進入“網站設置”,如下圖:
到網站設置頁面以后,點擊“母版頁和頁面布局”,進入庫管理母版頁和頁面布局,如下圖:
在“母版頁樣式庫”中,查看簽入簽出和版本控制功能,如下圖:
點擊“庫設置”,可以進入到庫的基本設置中關閉簽入簽出和版本控制功能;
同樣,在庫設置中,我們可以關閉簽入簽出和版本控制功能,當然,我們並不建議這樣,因為未發布的母版頁普通權限用戶是無法看到的,方便我們做后台修改。
同時,我們還可以在任何時候還原誤刪除、修改的之前版本。在SharePoint Online站點實施的過程中,是非常有用的功能。
進入庫設置的版本控制,可以開啟、關閉該功能,同時可以設置版本的個數和規則,非常方便和有用,如下圖;
二、 SharePoint Online通過HTML導入
其實,SharePoint Server 2013版本中就有這一功能,這里我們簡單介紹一下該功能,而使用Html文件導入,最初也僅僅是方便美工設計和調整母版頁,至少對於我個人來說,更習慣去修改Master頁面。
在“網站設置” – “外觀” – “設計管理器”,這一點區別Server版本,右上角的設置菜單上沒有了這個入口,如下圖:
在這里直接進入第3步,“編輯母版頁”,由於和Server版本除了入口基本一致,所以就不多介紹了,這里請大家參見之前博客即可;
鏈接:SharePoint 2013 中將 HTML文件轉換為母版頁
http://www.cnblogs.com/jianyus/archive/2013/04/21/3034349.html
三、 SharePoint Online母版頁設計和制作
其實母版頁的設計和制作,是比較簡單的,不知道其他開發人員如何操作,我是習慣通過F12 + Css的方式隱藏不需要的PlaceHolderMain節點,並修改不符合要求的部分;
SharePoint Online的母版頁和Server版本大同小異,通過網站設置 – 外觀 – 母版頁里面的設置,我們可以知道網站母版頁是oslo,而系統母版頁是Seattle,所以制作母版頁我們通常采取修改oslo.master。
網站母版頁與系統母版頁的區別:
Ø 網站母版頁是所有頁面、頁面布局默認使用的母版頁;
Ø 系統母版頁是管理頁面和應用程序頁默認使用的頁面;
通常我們會復制一份olso文件,然后修改為我們需要的名字,然后在其基礎上修改,如下圖:
如果修改母版頁的時候報如下圖錯誤,需要斷開Html母版頁和Master母版頁之間的關聯;
斷開Html和Master母版頁之間的關聯,首先需要在母版頁樣式庫中,編輯母版頁的屬性,如下圖:
然后,去掉關聯的文件屬性前面的勾,如下圖:
根據F12可以看到這一塊Html的class樣式是什么,然后去Designer中修改,如下圖:
根據Html可以找到母版頁中該節點位置,然后隱藏掉默認的,添加我們需要的即可,同時修改尾部的Html即可;
尾部信息也是隱藏默認的,然后添加我們自定義的Html即可,節點如下:
尾部節點:<SharePoint:DelegateControl runat="server" ControlId="PageFooter" AllowMultipleControls="false" />
在網站內容中指定的文檔庫(可以是任意文檔庫,引用對了即可,我這里選擇已存在的“網站資產”)中,創建素材文件夾,分別上傳素材,如下圖:
然后在母版頁中添加Css引用和Script引用,添加到Head節點里,如下圖:
母版頁修改以前的截圖,如下圖:
母版頁修改完畢的截圖,如下圖:
四、 SharePoint Online修改母版頁引用和自定義母版頁
第一種就是修改系統引用的默認母版頁,由網站設置 – 外觀 – 母版頁進入,如下圖:
在母版頁的設置中,可以輕松通過UI修改網站母版頁和系統母版頁,至於區別,上面已經介紹過了,這里不多言了;
再有,就是在Designer中,為頁面或者頁面布局單獨引用母版頁,如果通過頁面布局創建的頁面,需要修改頁面布局的母版頁設置,不能單獨修改此類頁面的母版頁;
這里我們以頁面布局為例,使用Designer打開網站,在右側菜單中點擊頁面布局,選中我們需要修改的頁面布局,右鍵點擊“在高級模式下編輯文件”,如下圖:
如果不使用“在高級模式下編輯文件”,打開的頁面布局是只讀的,但是可以通過Ribbon上的菜單,使用高級模式編輯
使用高級模式打開母版頁以后,在Page節點下添加masterpagefile節點,輸入mas后會自動找到這個節點,然后根據彈出對話框選擇(或者直接輸入Url),即可;
修改完畢,如下圖:
總 結
SharePoint Online母版頁的簽入簽出功能和版本控制,以及如何通過Html導入,母版頁制作和設置基本就如上面介紹的,下一篇我們將介紹如何創建首頁頁面。