修改預設主版頁面

重要:  本文係由機器翻譯而成,請參閱免責聲明。本文的英文版本請見這裡,以供參考。

主版頁面可讓您的網站頁面呈現一致的外觀與風格。只要變更主版頁面的樣式或內容,即可快速自訂整個網站的外觀。

本文說明如何建立 Default.master 的複本、修改網站的樣式、修改內容版面配置區,然後如何將新的主版頁面套用至附加於 Default.master 的所有網站頁面。

本文內容

開始之前

找到並複製的 Default.master

找出並修改樣式

找出並修改內容的版面配置區

新增新的內容區域

套用新的主版頁面

在您開始之前

當您第一次開啟Windows SharePoint Services 3.0網站時,名為 Default.master 單一預設主版頁面會套用至網站中的所有頁面。您可以使用的設計工具中Microsoft Office SharePoint Designer 2007修改預設主版頁面整個網站。如果此主版頁面已經符合您需求的大部分,而且您想要進行幾個的變更,修改 Default.master 是您的最佳選擇。

頁面頂端

尋找及複製 Default.master

預設的主版頁面位於主版頁面圖庫中。在 Office SharePoint Designer 2007 中,主版頁面圖庫位於 [masterpage] 資料夾,此資料夾是在資料夾清單的 [_catalogs] 資料夾中。

[資料夾清單] 中的 Default.master

提示: 您可以檢視內容頁右上角的主版頁面指標,以識別及尋找附加內容頁面之主版頁面的名稱及位置。

使用階層連結列來識別主版頁面的位置及名稱

最好能將建立的所有新主版頁面都儲存在同一個資料夾中。如此一來,您就可以在單一位置中輕易地尋找及管理網站的所有主版頁面。

還有通常建議您先建立 Default.master,而不是直接修改 Default.master 的複本。不過,如果您執行直接對 Default.master 進行變更,並不滿意您所做的變更,您可以隨時重設 Default.master 網站定義。如需詳細資訊,請參閱重設成網站定義的自訂的頁面的文件。

建立 Default.master 的複本:

  1. 在 [資料夾清單] 中的 Default.master 上按一下滑鼠右鍵,然後按一下 [複製]。

  2. 在 [masterpage] 資料夾上按一下滑鼠右鍵,然後按一下 [貼上]。

[資料夾清單] 中預設主版頁面的複本

新的主版頁面,名為 default_copy (1).master] 隨即出現。您可以立即修改,並重新命名此頁面。當您複製的主版頁面時,所有的內容附加原始的主版頁面的頁面,在此例中的 Default.master — 維持附加原始的主版頁面,而不要到複本。您複製並自訂 Default.master 之後,您可以將其套用至所有網站內容頁面。如需有關如何套用新的母片的詳細資訊,請參閱套用新的主版頁面

頁面頂端

識別及修改樣式

您可以使用 Office SharePoint Designer 2007 中的 CSS 工具來識別主版頁面所使用的樣式,然後修改樣式。例如,如果要變更頁面的背景色彩,您可以先識別定義背景色彩的樣式,然後變更這些樣式以套用您想要的背景色彩。

  1. 按一下您要修改樣式的 default_copy(1).master。

    附註: 設計檢視中顯示的部分內容區域並未套用任何樣式,因此 [套用樣式] 工作窗格中不會顯示對應的樣式。例如,如果您選取內容版面配置區,[套用樣式] 工作窗格中就不會顯示樣式。不過,內容版面配置區會出現在 HTML 元素中,例如 <td> 標籤。

  2. 如果看不到 [套用樣式] 工作窗格,請在 [工作窗格] 功能表中按一下 [套用樣式]。

  3. 在 [套用樣式] 工作窗格中,按一下 [選項],然後按一下 [顯示選取範圍使用的樣式]。

    游標所在區域所套用的每一種樣式都會以藍色外框標示,且樣式的預覽會顯示在框內。

    下圖中,已在 [設計] 檢視中選取 div.ms-titleareaframe。在 [套用樣式] 工作窗格中,會出現三種套用至 div.ms-titleareaframe 的樣式。上方樣式 (Div.ms-titleareaframe) 會定義背景色彩。

    附註: 因為樣式會區分大小寫,因此大寫的 Div.ms-titleareaframe 與小寫的 div.ms-titleareaframe 不同。

    在 [設計] 檢視中選取的 Div.ms-titleareaframe 顯示 [套用樣式] 工作窗格中的對應樣式

    1. 此時在 [設計] 檢視中已選取 Div.ms-titleareaframe。

    2. 套用至 div.mstitleareaframe 的三種樣式會顯示在 [套用樣式] 工作窗格中。

  4. 以滑鼠右鍵按一下您要修改的樣式,然後按一下 [選取所有的 X 例項,其中 X 是在頁面套用的樣式的執行個體數目。

    在此範例中,請以滑鼠右鍵按一下上方樣式 Div.ms-titleareaframe

  5. 選取樣式的所有例項之後,再以滑鼠右鍵按一下樣式,然後按一下 [修改樣式]。

  6. 在 [修改樣式] 對話方塊中依您的意願進行變更,然後按一下 [確定]。

    若要追蹤的範例,請在 [類別] 底下的 [修改樣式] 對話方塊中按一下 [背景]。在 [背景色彩] 清單中,按一下紅色 紅色 ,,然後按一下[確定]

新的樣式就會套用至頁面。

[設計] 檢視中的修改樣式

繼續修改樣式直到主版頁面呈現您要的外觀為止。

附註: 如果在任何時候您決定您不滿意您對主版頁面所做的變更,您可以重設它的網站定義。如需詳細資訊,請參閱重設成網站定義的自訂的頁面的文件。

當您修改 SharePoint 網站中的樣式時,開啟 Core.css 的本機複本,並變更本機複本。如需詳細資訊,請參閱套用至 SharePoint 網站的自訂樣式表的文件。

頁面頂端

識別及修改內容版面配置區

根據預設值,Default.master 中大部分的內容 (即 Windows SharePoint Services 3.0 網站的預設主版頁面) 都不是在頁面上編碼。許多內容是來自 ASP.NET SharePoint Web 控制項,其內容是擷取自伺服器。當在瀏覽器中要求內容頁面時,會從伺服器擷取此內容並將其顯示於頁面上。例如,顯示在預設首頁 (default.aspx) 最左邊區域的「小組網站」文字,是由 ASP.NET 內容版面配置區控制項所提供,該控制項會從伺服器擷取內容。「小組網站」文字不會顯示在程式碼檢視中的 HTML 標籤內。您可以使用 Office SharePoint Designer 2007 以自訂內容取代此文字。

Default.master 上大部分預設的內容版面配置區對於 Windows SharePoint Services 3.0 的共同作業功能 (例如 SharePoint 清單及程式庫) 都是必要的,因此不可刪除。不過,您可以使用 Office SharePoint Designer 2007 將預設內容版面配置區修改成您要的樣子。例如,您可以將「小組網站」改成其他文字。

  1. 開啟 Default.master。

  2. 若要開啟 [主版頁面] 工具列,請在 [檢視] 功能表中指向 [工具列],然後按一下 [主版頁面]。

  3. 使用 [主版頁面] 工具列尋找您要修改的內容版面配置區。

    若要依照此範例進行,請在 [主版頁面] 工具列上按一下 [區域] 方塊右邊的箭頭,然後按一下 [PlaceHolderSiteName]。

  4. 按一下 [小組網站] 文字以選取專案內容。

    在 [設計] 檢視中選取的 PlaceHolderSiteName 內容版面配置區內的專案內容
    在 [設計] 檢視中選取 PlaceHolderSiteName 內容版面配置區內的 [專案] 屬性
  5. 為您的網站輸入新名稱,然後按一下 [檔案] 功能表上的 [儲存檔案] 以儲存變更。

    此時會顯示一個訊息,通知您儲存變更將會自訂網站定義中的頁面。按一下 [是]。

    附註: 如果您不滿意您對主版頁面所做的變更,您可以隨時重設它的網站定義。如需詳細資訊,請參閱重設成網站定義的自訂的頁面的文件。

如需有關如何尋找及修改預設內容版面配置區的詳細資訊,請參閱修改預設 SharePoint 內容版面配置區的文件。

頁面頂端

新增內容區域

您也可以透過新增內容版面配置區的方式來新增內容區域至主版頁面。

附註: 不能將內容版面配置區插入其他內容版面配置區內。

  1. 在設計檢視中的頁面上按一下滑鼠右鍵,然後按一下快顯功能表上的 [管理 Microsoft ASP.NET 內容區域]。

  2. 在 [管理內容區域] 對話方塊的 [區域名稱] 方塊中輸入新內容區域的名稱,然後按一下 [新增]。

    若要依照本範例進行,請在 [區域名稱] 方塊中輸入 ContentPlaceHolder1

  3. 按一下 [關閉]。

    會出現名稱為 ContentPlaceHolder1 的新內容版面配置區。

    [設計] 檢視中的內容版面配置區

附註: 如果您不滿意您對主版頁面所做的變更,您可以隨時重設它的網站定義。如需詳細資訊,請參閱重設成網站定義的自訂的頁面的文件。

頁面頂端

套用新的主版頁面

建立新的主版頁面後,即可將其設定為整個網站的預設主版頁面。

當您將新的主版頁面設定為預設主版頁面時,所有附加至目前之 Default.master 的頁面 (包括網站內現有的頁面,以及您所建立附加至 Default.master 的新頁面) 都將會附加至新的主版頁面。

  • 在 [masterpage] 資料夾中,在要做為新的預設主版頁面的頁面上按一下滑鼠右鍵,然後按一下快顯功能表上的 [設為預設主版頁面]。

    警告包含不會顯示在新的預設主版頁面的內容區域的任何頁面,會出現中斷時,出現的訊息。如果內容區域中的新的預設母片符合內容區域的網站內容頁面中,按一下 []。如需有關內容區域及內容版面配置區的詳細資訊,請參閱修改預設 SharePoint 內容版面配置區的文件。

附註: 如果主版頁面已經是網站的預設主版頁面,就無法使用 [設為預設主版頁面] 命令。

頁面頂端

附註: 機器翻譯免責聲明︰本文係以電腦系統翻譯而成,未經人為介入。Microsoft 提供此等機器翻譯旨在協助非英語系使用者輕鬆閱讀 Microsoft 產品、服務及技術相關內容。基於本文乃由機器翻譯而成,因此文中可能出現詞辭、語法、文法上之錯誤。

擴展您的技能
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×