將自訂樣式表套用至 SharePoint 網站

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

本文將說明當您在該網站中變更預設樣式時,預設樣式表的自訂複本如何在網站的 [資料夾清單] 中自動建立。本文也會顯示如何將這個新的樣式表套用到其他網站或子網站,以及之後若有需要時,如何還原為預設的樣式表。最後,本文將顯示如何同時針對 Windows SharePoint Services 3.0 網站與 Microsoft Office SharePoint Server 2007 網站執行此操作。

您想要做什麼?

變更網站中的樣式

將本機的自訂的樣式表套用至其他網站

停止使用本機的自訂的樣式表

變更或取代整個網站集合的預設樣式表

在網站中進行樣式的變更

利用 Microsoft Office SharePoint Designer 2007,您可以對要套用至單一 SharePoint 網站的預設樣式進行變更,藉以自訂該網站的外觀與感覺。您也可以將自訂的樣式套用至其他網站,或隨時選擇移除所有的自訂樣式,並還原為存在伺服器該網站集合上的預設樣式。您可以針對 Windows SharePoint Services 3.0 網站和 Office SharePoint Server 2007 網站進行這些變更。

使用本機網站的 default.master 網頁或使用 [CSS 屬性] 和 [管理樣式] 工作窗格,您可以識別哪些樣式要套用到您想要變更的視覺元件,然後修改那些樣式。

重要: 如果您想要變更出現在網站的所有網頁中,請確定所使用的是網站的 default.master 網頁,而不是 default.aspx 網頁。

從 [CSS 屬性] 開啟 [修改樣式] 對話方塊

根據預設,在單一網站集合中,所有 SharePoint 網站的樣式都定義在單一樣式表中,該樣式表位於伺服器上。在 Windows SharePoint Services 3.0 中,此檔案的名稱為 Core.css。在 Office SharePoint Server 2007 中,此檔案可能有數個名稱。例如,名為 BlackBand.master 的自訂主版頁面的樣式定義在名為 Band.css 的樣式表中。

當您第一次在任何網站上的某個網頁中修改任何樣式時,Office SharePoint Designer 2007 會自動開啟預設樣式表的新本機複本,並以您的變更進行更新。當您儲存或關閉網頁或預設樣式表的複本時,系統會提示您確認您所完成的自訂。

確認的自訂會反映於新的本機樣式表中,其儲存於名為 _styles 的新資料夾中,該資料夾會自動建立於您網站的 [資料夾清單] 中。之後在相同網站上對樣式所做的任何變更,都將反映於這個版本的本機樣式表中,您也可以直接編輯它。

含有 [_styles] 資料夾的資料夾清單,以及自訂的 Core.css 樣式表

當您自訂預設的樣式表 (例如 Core.css) 以使複本出現於 [資料夾清單] 的 [_styles] 資料夾中時,自訂的樣式表可用來顯示網站上的所有網頁。您隨時都可以藉由重新命名或刪除自訂樣式表,還原為使用預設的樣式表。

重要: 在您自訂樣式表之後,請不要移動自訂檔案或 [_styles] 資料夾 (例如,使用拖放及剪下、貼上操作)。如果您移動了檔案或資料夾,則您網站中的每個網頁都會顯示一個中斷的自訂樣式表連結,而且將不會套用任何樣式到任何網頁上。

要從此狀況中復原,可使用下列兩個選項:

  • 若要使用自訂的樣式表來顯示網頁,請將其移回網站目錄頂層的 [_styles] 資料夾中。

  • 若要將網站還原成預設的樣式表,請將自訂的樣式表移回網站目錄頂層的 [_styles] 資料夾中,然後刪除該樣式表或將它重新命名。

    如果自訂的樣式表不再存在,請在網站目錄頂層的 [_styles] 資料夾中建立具有相同名稱的空檔案 (例如 Core.css),然後刪除空的檔案或將它重新命名,以觸發還原預設樣式表的程序。

頁面頂端

將自訂的本機樣式表套用至其他網站

根據預設,自訂的本機樣式表只會套用到自訂它的網站或子網站,如下列圖例所示。

具有預設樣式表與單一自訂樣式表的網站集合

不過,您也可以將自訂的本機樣式表套用到其他網站。以下兩節將說明如何執行這項操作。

如果您想要將單一的自訂本機樣式表同時套用到某個網站或該網站的部分或所有子網站,通常最簡單的方法,是在網站本身中建立自訂的樣式表,然後使用下列其中一個方法將它套用到子網站。

將樣式表附加到另一個單一網站

在 Windows SharePoint Services 3.0 或 Office SharePoint Server 2007 環境中,您可以將位於某網站上的自訂樣式表手動附加到第二個網站。

當您想將樣式表附加到另一個網站時,請確定您將樣式表附加到該網站的預設主版頁面。

  1. 在 Office SharePoint Designer 2007 中,開啟要套用現有自訂樣式表的網站。

  2. 在網站中,開啟預設的主版頁面。

  3. 在 [格式] 功能表上,指向 [CSS 樣式],然後按一下 [附加樣式表]。

  4. 在 [附加樣式表] 對話方塊中,按一下 [瀏覽],以尋找並選取要套用的自訂樣式表。

  5. 在 [附加至] 區段中,按一下 [目前的頁面]。

  6. 在 [附加為] 區段中,按一下 [連結],然後按一下 [確定]。

    指定的自訂樣式表已套用至預設的主版頁面,以及已附加至該主版頁面的所有內容網頁。

    若要在 [設計檢視] 中看見更新的樣式,您可能必須按 F5,重新整理檢視。

  7. 若要儲存含有新樣式表連結的主版頁面,請於 [檔案] 功能表上,按一下 [儲存檔案] (或者可以按 CTRL+S)。

    若要將相同的樣式表套用至其他網站,請針對每個網站重複這個程序,一次一個網站。如果您是在 Office SharePoint Server 2007 環境中執行,並想將單一自訂樣式表套用到某個網站及其所有子網站,請參閱下節。

將樣式表套用至網站及其所有子網站

如果您是在 Office SharePoint Server 2007 環境中執行,則可使用瀏覽器介面,以單一操作將自訂樣式表套用至多個網站。

附註: 這個功能僅適用於 Office SharePoint Server 2007,不適用於 Windows SharePoint Services 3.0。

這個程序利用名為「繼承」的功能。網站可設定為繼承其上層網站所使用的樣式 (在網站階層中,上層網站為直接位於此網站之上的網站)。在下列圖例中,右邊的第二層網站會包含預設樣式表的自訂本機版本。該網站集合中六個子網站中的每一個均設定為繼承其上層網站的樣式。因此,網站集合中的全部七個網站都會使用預設樣式表的相同自訂版本。箭頭表示繼承。

含有預設樣式表與自訂樣式表的網站集合

若要將位於 Office SharePoint Server 2007 網站中的現有自訂樣式表套用到該網站的所有子網站:

  1. 在瀏覽器中,開啟現有自訂樣式表所在的 Office SharePoint Server 2007 網站。

  2. 在 [網站動作] 功能表中,執行下列其中一個動作:

    • 按一下 [網站設定]。

    • 指向 [網站設定],然後按一下 [修改所有網站設定]。

  3. 在 [網站設定] 網頁上,於 [外觀與風格] 底下,按一下 [主版頁面]。

  4. 在 [網站主版頁面設定] 網頁上,於 [替代的 CSS URL] 區段中,按一下 [指定此發佈網站要使用及所有網站都會繼承的 CSS 檔 ],然後在方塊中輸入自訂樣式表的完整路徑 (包括檔案名稱)。

    附註: 

    • 因為 [_styles] 資料夾是隱藏的資料夾,且無法在瀏覽器中檢視,所以您無法使用 [瀏覽] 按鈕來尋找及選取儲存於 [_styles] 資料夾中之樣式表檔案的自訂版本。

    • 您可以複製並貼上的路徑,包括網站名稱,在瀏覽器頂端的 [位址] 方塊中的第一個部分。若要停止在網站名稱之後,請務必不過,而且不含任何無關的資料夾或檔案名稱中的網站。例如,如果 http://My_site/Subsite_1/_Layouts/ChangeSiteMasterPage.aspx地址] 方塊中的路徑,複製和貼上只 http://My_site/Subsite_1/ 部分,,然後輸入手動路徑的其餘部分。(其餘的路徑通常會含有 [_styles/customized_style_sheet,其中 customized_style_sheet 是您想要套用的自訂的樣式表的名稱。)

  5. 選取 [將所有子網站重設為繼承此替代的 CSS URL] 核取方塊,然後按一下 [確定]。

    已經套用到目前網站的自訂樣式表,現在也會套用到其所有的子網站。

    若要在子網站中看見更新的樣式,您可能必須重新整理檢視。

在下列圖例中,預設樣式表的第二個自訂本機版本已新增至右邊的網站集合,並套用到其所在網站的所有子網站。再次提醒,箭頭代表繼承。

含有預設樣式表與兩個自訂樣式表的網站集合

將子網站設定為繼承其上層網站的樣式

如果您是在 Office SharePoint Server 2007 環境中執行,則可使用瀏覽器介面,將單一子網站設定為繼承其上層網站使用的樣式。

附註: 這個功能僅適用於 Office SharePoint Server 2007,不適用於 Windows SharePoint Services 3.0。

若要將單一子網站設定為繼承其上層網站使用的樣式:

  1. 在 Office SharePoint Server 2007 中,開啟想要套用樣式的子網站。

  2. 在 [網站動作] 功能表中,執行下列其中一個動作:

    • 按一下 [網站設定]。

    • 指向 [網站設定],然後按一下 [修改所有網站設定]。

  3. 在 [網站設定] 網頁上,於 [外觀與風格] 底下,按一下 [主版頁面]。

  4. 在 [網站主版頁面設定] 網頁上,於 [替代的 CSS URL] 區段中,按一下 [從此網站的上層繼承替代的 CSS URL ]。

  5. 選取或取消選取 [將所有子網站重設為繼承此替代的 CSS URL ] 核取方塊,然後按一下 [確定]。

    提示: 若要看見更新的樣式,您可能必須重新整理檢視。

頁面頂端

停止使用自訂的本機樣式表

如果您不想再針對一或多個網站使用自訂的本機樣式表,您有數個選項。您可以:

  • 停止將自訂樣式表套用到附加它或繼承它的其他網站    如果您只想在自訂樣式表所在的網站中繼續使用它,您可以停止將它套用到目前已套用它的其他網站。

  • 停止在自訂樣式表所在的網站上套用它,但在該網站上保留複本以供未來使用或參照    利用這個選項,您隨時都可輕易地還原為使用自訂樣式表。

  • 從自訂樣式表與 [_styles] 資料夾所在的網站中刪除它們    這是停止使用自訂樣式表最簡單、可靠且最完整的方式。

停止將樣式表套用到其他網站

如果您只想在自訂樣式表所在的網站上繼續套用它,但要停止將它套用到附加它或經由繼承而參照它的其他網站,請使用下列其中一個程序。

如果樣式表是附加的 (Office SharePoint Server 2007 或 Windows SharePoint Services 3.0)

  1. 在 Office SharePoint Designer 2007 中,開啟您想要停止套用自訂樣式表的網站。

  2. 在網站中,開啟 [default.master] 網頁。

  3. 在 [格式] 功能表上,指向 [CSS 樣式],然後按一下 [管理樣式表連結]。

  4. 在 [連結樣式表] 對話方塊中,按一下 [所有網頁]。

  5. 在 [URL] 清單中,按一下要移除之樣式表的 URL,按一下 [移除],然後按一下 [ 確定]。

    自訂樣式表便不會再套用到這個網站。

    若要看見更新的樣式,您可能必須重新整理檢視。

如果樣式表是繼承的 (僅限 Office SharePoint Server 2007)

  1. 在 Office SharePoint Server 2007 中,開啟您想要停止繼承自訂樣式表的網站。

  2. 在 [網站動作] 功能表中,執行下列其中一個動作:

    • 按一下 [網站設定]。

    • 指向 [網站設定],然後按一下 [修改所有網站設定]。

  3. 在 [網站設定] 網頁上,於 [外觀與風格] 底下,按一下 [主版頁面]。

  4. 在 [網站主版頁面設定] 網頁上,於 [替代的 CSS URL] 區段中,按一下[使用 Windows SharePoint Services 預設樣式],然後按一下 [確定]。

    這個網站便不會再繼承此自訂樣式表。

    若要看見更新的樣式,您可能必須重新整理檢視。

停止套用樣式表,但保留複本

如果您想要停止使用本機的自訂樣式表,並還原為預設樣式表,但仍想保留自訂樣式表的複本以供未來使用或參照,請執行下列動作:

  1. 在 [資料夾清單] 的 [_styles] 資料夾中,以滑鼠右鍵按一下自訂樣式表檔案,然後按一下快顯功能表上的 [重設為網站定義]。

  2. 在 [網站定義網頁警告] 對話方塊中,按一下 [是] 以確認您想要重設。

    自訂版本的複本已經完成,且已建立預設伺服器版本的本機複本。

    附註: 

    • 繼承自這個網站的網站及手動附加自訂樣式表的網站,都會自動切換為使用預設伺服器版本的本機複本。

    • 若要看見更新的樣式,您可能必須重新整理檢視。

刪除整個樣式表

如果您想要停止使用本機的自訂樣式表,並還原為預設樣式表,且不想保留自訂樣式表的複本以供未來使用或參照,請執行下列動作:

  1. 以滑鼠右鍵按一下自訂樣式表所在的本機 [_styles] 資料夾, 然後按一下快顯功能表上的 [刪除]。

  2. 出現提示時,請確認您想要執行刪除、還原自訂,以及還原為預設樣式表 (可能會有多個訊息)。

    附註: 

    • 繼承自此網站的網站會自動切換為使用預設樣式表。

    • 網站自訂的樣式表以手動方式附加必須具備其正確切換成使用預設樣式表手動中斷連結的樣式表。使用較舊版本本節中的樣式表附加的程序。

    • 若要看見更新的樣式,您可能必須重新整理檢視。

頁面頂端

變更或取代整個網站集合的預設樣式表

如果您想要對預設樣式表進行變更,以讓變更套用到網站集合中的所有網站,或者,如果您想要以另一個樣式表一併取代集合的頂層網站中的預設樣式表,請連絡您的伺服器系統管理員。此操作必須在伺服器上執行,無法在瀏覽器或 Office SharePoint Designer 2007 中執行。

頁面頂端

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

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×