SharePoint Online 創(chuàng)建門戶網(wǎng)站系列之母版頁

雖然SharePoint中母版頁看起來只是頭部Banner和底部版權(quán)信息這兩個(gè)部分，但是實(shí)質(zhì)在SharePoint Online中的頁面模型中占有重要地位，而且SPO對(duì)母版頁有著完善的簽入簽出機(jī)制和版本控制，方便使用。

　　同時(shí)，除了保持網(wǎng)站所有頁面的一致性，還方便所有頁面中使用的腳本、樣式表引用，可以同時(shí)影響所有頁面。

一、 SharePoint Online母版頁的簽入簽出和版本控制

　　查找母版頁和頁面庫位置，首先進(jìn)入“網(wǎng)站設(shè)置”，如下圖：

　　到網(wǎng)站設(shè)置頁面以后，點(diǎn)擊“母版頁和頁面布局”，進(jìn)入庫管理母版頁和頁面布局，如下圖：

　　在“母版頁樣式庫”中，查看簽入簽出和版本控制功能，如下圖：

　　點(diǎn)擊“庫設(shè)置”，可以進(jìn)入到庫的基本設(shè)置中關(guān)閉簽入簽出和版本控制功能；

　　同樣，在庫設(shè)置中，我們可以關(guān)閉簽入簽出和版本控制功能，當(dāng)然，我們并不建議這樣，因?yàn)槲窗l(fā)布的母版頁普通權(quán)限用戶是無法看到的，方便我們做后臺(tái)修改。

　　同時(shí)，我們還可以在任何時(shí)候還原誤刪除、修改的之前版本。在SharePoint Online站點(diǎn)實(shí)施的過程中，是非常有用的功能。

　　進(jìn)入庫設(shè)置的版本控制，可以開啟、關(guān)閉該功能，同時(shí)可以設(shè)置版本的個(gè)數(shù)和規(guī)則，非常方便和有用，如下圖；

二、 SharePoint Online通過HTML導(dǎo)入

　　其實(shí)，SharePoint Server 2013版本中就有這一功能，這里我們簡(jiǎn)單介紹一下該功能，而使用Html文件導(dǎo)入，最初也僅僅是方便美工設(shè)計(jì)和調(diào)整母版頁，至少對(duì)于我個(gè)人來說，更習(xí)慣去修改Master頁面。

　　在“網(wǎng)站設(shè)置” – “外觀” – “設(shè)計(jì)管理器”，這一點(diǎn)區(qū)別Server版本，右上角的設(shè)置菜單上沒有了這個(gè)入口，如下圖：

　　在這里直接進(jìn)入第3步，“編輯母版頁”，由于和Server版本除了入口基本一致，所以就不多介紹了，這里請(qǐng)大家參見之前博客即可；

三、 SharePoint Online母版頁設(shè)計(jì)和制作

　　其實(shí)母版頁的設(shè)計(jì)和制作，是比較簡(jiǎn)單的，不知道其他開發(fā)人員如何操作，我是習(xí)慣通過F12 + Css的方式隱藏不需要的PlaceHolderMain節(jié)點(diǎn)，并修改不符合要求的部分；

　　SharePoint Online的母版頁和Server版本大同小異，通過網(wǎng)站設(shè)置 – 外觀 – 母版頁里面的設(shè)置，我們可以知道網(wǎng)站母版頁是oslo，而系統(tǒng)母版頁是Seattle，所以制作母版頁我們通常采取修改oslo.master。

　　網(wǎng)站母版頁與系統(tǒng)母版頁的區(qū)別：

　　? 網(wǎng)站母版頁是所有頁面、頁面布局默認(rèn)使用的母版頁；

　　? 系統(tǒng)母版頁是管理頁面和應(yīng)用程序頁默認(rèn)使用的頁面；

　　通常我們會(huì)復(fù)制一份olso文件，然后修改為我們需要的名字，然后在其基礎(chǔ)上修改，如下圖：

　　如果修改母版頁的時(shí)候報(bào)如下圖錯(cuò)誤，需要斷開Html母版頁和Master母版頁之間的關(guān)聯(lián)；

　　斷開Html和Master母版頁之間的關(guān)聯(lián)，首先需要在母版頁樣式庫中，編輯母版頁的屬性，如下圖：

　　然后，去掉關(guān)聯(lián)的文件屬性前面的勾，如下圖：

　　根據(jù)F12可以看到這一塊Html的class樣式是什么，然后去Designer中修改，如下圖：

　　根據(jù)Html可以找到母版頁中該節(jié)點(diǎn)位置，然后隱藏掉默認(rèn)的，添加我們需要的即可，同時(shí)修改尾部的Html即可；

　　尾部信息也是隱藏默認(rèn)的，然后添加我們自定義的Html即可，節(jié)點(diǎn)如下：

　　尾部節(jié)點(diǎn)：

　　在網(wǎng)站內(nèi)容中指定的文檔庫（可以是任意文檔庫，引用對(duì)了即可，我這里選擇已存在的“網(wǎng)站資產(chǎn)”）中，創(chuàng)建素材文件夾，分別上傳素材，如下圖：

　　然后在母版頁中添加Css引用和Script引用，添加到Head節(jié)點(diǎn)里，如下圖：

　　母版頁修改以前的截圖，如下圖：

　　母版頁修改完畢的截圖，如下圖：

四、 SharePoint Online修改母版頁引用和自定義母版頁

　　第一種就是修改系統(tǒng)引用的默認(rèn)母版頁，由網(wǎng)站設(shè)置 – 外觀 – 母版頁進(jìn)入，如下圖：

　　在母版頁的設(shè)置中，可以輕松通過UI修改網(wǎng)站母版頁和系統(tǒng)母版頁，至于區(qū)別，上面已經(jīng)介紹過了，這里不多言了；

　　再有，就是在Designer中，為頁面或者頁面布局單獨(dú)引用母版頁，如果通過頁面布局創(chuàng)建的頁面，需要修改頁面布局的母版頁設(shè)置，不能單獨(dú)修改此類頁面的母版頁；

　　這里我們以頁面布局為例，使用Designer打開網(wǎng)站，在右側(cè)菜單中點(diǎn)擊頁面布局，選中我們需要修改的頁面布局，右鍵點(diǎn)擊“在高級(jí)模式下編輯文件”，如下圖：

　　如果不使用“在高級(jí)模式下編輯文件”，打開的頁面布局是只讀的，但是可以通過Ribbon上的菜單，使用高級(jí)模式編輯

　　使用高級(jí)模式打開母版頁以后，在Page節(jié)點(diǎn)下添加masterpagefile節(jié)點(diǎn)，輸入mas后會(huì)自動(dòng)找到這個(gè)節(jié)點(diǎn)，然后根據(jù)彈出對(duì)話框選擇（或者直接輸入U(xiǎn)rl），即可；

　　修改完畢，如下圖：

總 結(jié)

　　SharePoint Online母版頁的簽入簽出功能和版本控制，以及如何通過Html導(dǎo)入，母版頁制作和設(shè)置基本就如上面介紹的，下一篇我們將介紹如何創(chuàng)建首頁頁面。