階段 6: 上傳並將新的主版頁面套用到 in SharePoint Server 發佈網站

 

**適用版本:**SharePoint Server 2013 Enterprise, SharePoint Server 2016

**上次修改主題的時間:**2016-12-28

**摘要:**了解如何上傳並將新的主版頁面套用到SharePoint Server 2016的發佈網站。

注意

大部分的這一系列中所述的功能是僅供SharePoint Online中的私用網站集合。

快速概觀 (英文)

階段 5: 將您的發佈網站連線至 SharePoint Server 中目錄所述,我們會將發佈網站連線至我們目錄。SharePoint Server 2016我們連線時,自動建立,某些頁面,哪些一些搜尋結果顯示位置。所有這些頁面具有標準的 SharePoint 外觀。因此,現在該是時候來授與 Contoso 的外觀。

在這個階段,您將了解:

  • 關於主版頁面

  • 關於主版頁面圖庫

  • 如何將對應網路磁碟機

  • 如何關閉主版頁面圖庫的版本設定

  • 如何上傳新的主版頁面

  • 如何套用新的主版頁面

注意

此文章並不 't涵蓋如何建立主版頁面。它只會涵蓋如何上傳並套用已完成的主版頁面檔案和儲存在本機電腦的其他設計檔案。這些檔案不提供下載。

如需如何建立主版頁面,請參閱:

啟動階段 6

關於主版頁面

當訪客瀏覽我們的 Contoso 網站時,其會不同頁面上看到不同的內容。顯示的內容皆為主版頁面與版面配置的組合。

主版頁面定義通用版面配置和您看到上所有的網頁,例如標誌、 標題及瀏覽] 功能表的介面。

版面配置所處理版面配置與個別的頁面,例如 [首頁] 頁面上,或顯示音訊產品] 頁面的介面。我們將提供關於這些稍後的這一系列的詳細資訊。

主版頁面頁面配置

在舊版的 SharePoint 中,您有設計的 ASP.NET 主版頁面。這些主版頁面也都包含 SharePoint 特定標記,如控制項及內容的版面配置區。

在SharePoint Server 2016,您可以建立主版頁面以 HTML 格式和SharePoint Server 2016會轉換為的 ASP.NET 頁面您。這表示當您設計您的主版頁面,您可以使用最愛的 HTML 編輯器,著重在 HTML、 CSS、 和 JavaScript。您不需要擔心 ASP.NET 或 SharePoint 特定標記。

當您新增SharePoint Server 2016HTML 主版頁面時,會自動建立關聯的 ASP.NET 主版頁面。因為這兩個檔案有相關聯,HTML 主版頁面檔案所做的任何變更都會執行自動以相關聯的 ASP.NET 主版頁面檔案。

如需詳細資訊,請參閱 < SharePoint 2013 頁面模型概觀

關於主版頁面圖庫

在我們的案例中,我們有 HTML 主版頁面與 CSS 檔案及圖像,我們想要上傳並套用到 Contoso 網站等一些設計資產。所有這些檔案都會儲存在本機電腦上。

SharePoint 會預期在主版頁面圖庫中尋找設計檔案。所以這是我們將應上傳檔案。若要取得到主版頁面圖庫中,移至網站設定-->主版頁面與版面配置

主版頁面圖庫

您可以使用 [上傳文件] 按鈕來將單一檔案上傳至主版頁面圖庫。您想要新增文件會比較麻煩每次但是,使用此按鈕。若要方便 life 您,您可以將您的網路磁碟機對應。這將可讓您拖放檔案到主版頁面圖庫與 Windows 檔案總管]。

如何將對應網路磁碟機

  1. 從 [設定] 功能表選取 [設計管理員]。

    設計管理員

  2. 在 [設計管理員歡迎使用] 頁面上,按一下 [ 3。上傳設計檔案。

    上傳設計檔案

  3. 在 [上傳設計檔案] 頁面上將複製到您設計檔案的 URL。

    連結設計檔案

    注意

    根據您的電腦作業系統的下一個步驟會改變。此範例會示範如何在執行 Windows 的電腦上的網路磁碟機對應 8.x。

  4. 開啟 [Windows 檔案總管]。以滑鼠右鍵按一下 [網路],然後選取 [網路磁碟機對應

    連線網路磁碟機

  5. 在 [資料夾] 欄位中,貼上您在步驟 3 中,複製的 URL] 和 [完成時間

    貼上 URL

  6. 主版頁面圖庫內容瀏覽器視窗隨即開啟。

    探索主版頁面圖庫

如何關閉主版頁面圖庫的版本設定

在我們的案例中,我們會使用 SharePoint 工作流程進行核准。將檔案已經過核准。讓我們上傳新的主版頁面之前,我們想要關閉主版頁面圖庫的版本設定。

若要關閉主版頁面圖庫的版本設定:

  1. 在 [文件庫] 索引標籤上按一下 [文件庫設定]。

  2. 在 [設定] 頁面上按一下 [版本設定]。

  3. 在 [版本設定] 頁面上 [內容核准] 區段中的需要核准內容的送出的項目,請選取 [

  4. [文件版本歷程記錄] 區段中的建立每當您編輯此文件庫中的檔案版本、 選取 [無版本設定]。

  5. 要求取出] 區段中的要求之前可加以編輯已取出的文件,請選取 [

    Versioning

    現在我們已經準備好要上傳新的主版頁面。

如何上傳新的主版頁面

因為我們對應至我們網路磁碟機上, 傳新的主版頁面,變得很容易。只要-拖到您的主版頁面圖庫的檔案。

拖放

如果您有任何關聯的設計檔案,例如 CSS 檔案或圖像您拖放到主版頁面圖庫這些也可以。

SharePoint 中重新整理以查看已新增新的 HTML 主版頁面的 [主版頁面圖庫] 頁面。但是請注意尚未建立關聯的 ASP.NET 主版頁面。

已新增 MPG 主版頁面

因為我們拖曳到主版頁面強大捨棄 HTML 主版頁面、 內容類型相關聯的檔案是設計檔案。若要建立關聯的 ASP.NET 主版頁面SharePoint Server 2016針對我們必須變更上傳新的 HTML 主檔案的內容類型。執行此作業變更檔案屬性。

若要變更的檔案屬性:

  1. 主版頁面圖庫] 頁面上選取 [上傳新的主版頁面,並再按一下 [編輯屬性

    編輯屬性

  2. 在 [內容類型] 區段中選取 [ HTML 主版頁面

  3. 在 [相容的使用者介面版本] 區段中,選取 [ 15

    變更檔案屬性

    在 [主版頁面圖庫] 頁面中,我們可以看到會建立關聯的 ASP.NET 主版頁面。

    已建立 MPG 相關聯項目

    我們現在可以開始將我們新的主版頁面套用。

如何套用新的主版頁面

若要套用新的主版頁面:

  1. 從 [網站設定] 頁面上,按一下 [(在 [外觀與風格) 下的 [主版頁面]。

  2. 網站主版頁面] 區段中,從指定要使用此網站與可繼承的所有網站的主版頁面中,選取 [上傳新的主版頁面。在我們的案例中,這是ContosoElectronicsMaster

    套用主版頁面

    按一下 [音訊] 頁面上,我們確認現在使用我們新的主版頁面。

    已套用新主版頁面

下一步是以啟動版面配置上。

此系列中下一篇文章

階段 7: 上傳版面配置與 SharePoint server 發佈網站中建立新頁面

See also

SharePoint 2013 頁面模型概觀
How to: 將網路磁碟機對應至 SharePoint 2013 主版頁面圖庫
設計管理員的概觀 in SharePoint 2013
How to: 將 HTML 檔案轉換成 SharePoint Server 2013 中的主版頁面
How to: 將主版頁面套用到 SharePoint Server 2013 中的網站