SharePoint Server 中的佈景主題概觀Overview of themes in SharePoint Server

摘要:了解 SharePoint Server 2016 和 SharePoint 2013 中的佈景主題,以及如何使用佈景主題自訂網站的外觀與風格。Summary: Learn about the themes in SharePoint Server 2016 and SharePoint 2013 and how to use them to customize the look and feel of sites.

佈景主題讓您可以快速輕鬆地在 SharePoint Server 中變更任何網站的外觀與風格。佈景主題是預先設計的網頁元素集合,例如 SharePoint Server 隨附的字型、色彩配置、版面配置及背景圖片。在 SharePoint Server 中,您可以將佈景主題套用至網站,然後在預覽沒問題後,才提交變更。您可以不限次數變更網站的佈景主題。如需佈景主題的詳細資訊,請參閱<SharePoint 2013 的佈景主題概觀>。請注意,本文仍然適用於 SharePoint Server。Themes give you a quick and easy way to change the look and feel of any site in SharePoint Server. They are pre-designed collections of web page elements, such as fonts, color schemes, layout, and background pictures that come with SharePoint Server. In SharePoint Server, you can apply a theme to a site, and then preview it before committing the change. You can change the theme of a site any number of times. For more information about themes, see Themes overview for SharePoint 2013. Note that this article still applies to SharePoint Server,

使用佈景主題是變更網站外觀與風格的一種方式。佈景主題屬於 SharePoint Server 2016 中的更大且更新過的品牌和設計功能。Using themes is one way to change the look and feel of a site. Themes are part of the larger, updated branding and design capabilities in SharePoint Server 2016.

本文包括佈景主題及其運作方式的概觀。本文不會說明如何建立自訂佈景主題 (稱為「組成外觀」(composed look)),或者如何在佈景主題庫上傳及管理佈景主題。同時也不會討論如何使用主版頁面或階層式樣式表規劃網站整體品牌風格。This article includes an overview of themes and how they work. This article does not describe how to create custom themes, called composed looks, or how to upload and manage themes in a theme gallery. It also does not discuss how to plan for the overall branding of sites by using master pages or cascading style sheets.

關於佈景主題About themes

佈景主題可讓 SharePoint Server 網站的擁有者或具有設計工具權限的使用者對該網站進行輕級的品牌風格呈現,例如變更調色盤、網站版面配置、字型配置及網站背景。若要套用及自訂佈景主題,可直接在使用者介面中進行,完全不需要有階層式樣式表或主版頁面方面的知識。Themes enable lightweight branding of a SharePoint Server site by allowing a site owner or a user who has designer rights to make changes to the color palette, site layout, font scheme, and background of a site. Themes are applied and customized directly in the user interface, and do not require knowledge of cascading style sheets or master pages.

根據預設,佈景主題只會套用至選取它的網站。除非您要使用發佈網站,否則任何子網站都不會繼承它。或者,如果啟用網站的發佈功能,您可以選擇從父網站繼承佈景主題,或指定網站將使用的佈景主題。如果使用發佈網站,而且對自訂的控制想要高於佈景主題可提供的控制,請使用設計管理員。By default, a theme is only applied to the site for which it is selected. It is not inherited by any subsites unless you are working with a publishing site., Or, if the publishing feature was enabled for a site, you can choose to either inherit the theme from the parent site or specify a theme that will be used by the site. When working publishing sites and you want more control over your customizations than themes can provide, use Design Manager.

注意

[!附註] 佈景主題在 SharePoint 2013 中已重新進行過設計,簡化了變更網站版面配置、調色盤、字型配置與背景影像來自訂網站的程序。重新設計後的佈景主題使用者介面有一組新的佈景主題相關檔案格式。在 SharePoint Server 2016 中,佈景主題仍然相同。在 SharePoint 2010 產品 中建立的佈景主題雖然無法用於 SharePoint Server 2016 和 SharePoint 2013 網站,但是仍然可以用於未升級且以 2010 模式執行的網站集合。Themes were redesigned in SharePoint 2013 to simplify the process of customizing sites by changing the site layout, color palette, font scheme, and background image. The themes user interface has been redesigned and there is a set of new file formats related to themes. The themes remain the same in SharePoint Server 2016. Themes created in SharePoint 2010 Products cannot be used on SharePoint Server 2016 and SharePoint 2013 sites. However, they can still be used on site collections that have not been upgraded and are running in 2010 mode.

造就佈景主題體驗的元件Components of the themes experience

下節概略介紹 SharePoint Server 中所用的詞彙,以及造就佈景主題體驗的使用者介面元件。The following section provides an overview of the terminology and user interface components that comprise the themes experience in SharePoint Server.

下列清單說明本文中使用的佈景主題詞彙:The following list describes the themes terminology used in this article:

  • 設計 所謂設計 (或稱組成外觀),是指用來決定網站外觀與風格的調色盤、字型配置、背景影像及主版頁面。在談論網站的整體外觀時,設計和佈景主題兩詞可以互換使用。Design A design, or composed look, is the color palette, font scheme, background image, and master page that determine the look and feel of a site. When used to discuss the overall look of a site, design and theme can be used interchangeably.

  • 影像 網站所使用的背景影像。您可以在任何預先設定的佈景主題中變更此影像。Image The background image used for the site. You can change this in any of the pre-configured themes.

  • 調色盤 所謂調色盤 (或稱色彩配置),是指網站中使用的色彩組合。您可以從數個預先定義的色彩組合中選取。Color palette A color palette, or color scheme, is the combination of colors that are used in a site. You can select from a number of predefined color combinations.

  • 網站版面配置 主版頁面會定義頁面上所有元素的結構。每個預先設定的佈景主題皆有兩個網站版面配置可用。Site layout A master page defines how all the elements are structured on the page. There are two site layouts available for each of the pre-configured themes.

  • 字型配置 定義網站中使用的字型。您可以從可用字型清單中選取。Font scheme Defines the fonts used in a site. You can select from a list of available fonts.

您可以存取的佈景主題的縮圖並將其套用至透過提供網站設定] 中的 [變更外觀] 庫網站。You can access thumbnails of themes and apply them to a site through the Change the look gallery available in site settings.

若要存取佈景主題庫,有下列方式:The theme gallery can be accessed in the following ways:

  • 按一下 [設定] 和 [變更外觀,或Click Settings, and then click Change the look, or

  • 在 [網站設定] 頁面上按一下 [ Web Designer 圖庫] 底下的 [佈景主題、 或On the Site Settings page, under Web Designer Galleries, click Themes, or

  • 在 [首頁] 頁面上,按一下 [您的風格是什麼?並排顯示。On the home page, click the What's your style? tile.

主版頁面圖庫會列出佈景主題使用者介面所使用的主版頁面檔案,及其對應的預覽檔案 (.preview)。預覽檔案的用途是呈現設計庫中的縮圖影像。主版頁面如果沒有對應的預覽檔案,就不能用在設計庫中。The master page gallery lists the master page files, and their corresponding preview files (.preview), that are used by the themes user interface. The preview files are used to render the thumbnail images in the design gallery. If a master page does not have a corresponding preview file, it cannot be used in the design gallery.

若要存取主版頁面庫,在 [網站設定] 頁面的 [ Web Designer 圖庫] 底下按一下 [主版頁面To access the master page gallery, on the Site Settings page, under Web Designer Galleries, click Master pages.

組成外觀清單Composed looks list

組成外觀清單會顯示可提供給設計庫的設計。一項設計會包含設計名稱、主版頁面 URL、調色盤 URL、影像 URL (選用)、字型配置 URL (選用),以及顯示順序編號。The composed looks list shows the designs that are available to the design gallery. A design includes the design name, master page URL, color palette URL, image URL (optional), font scheme URL (optional), and display order number.

若要存取組成外觀清單,請在 [網站設定] 頁面上的 [ Web Designer 圖庫、 按一下 [組成外觀To access the composed looks list, on the Site Settings page, under Web Designer Galleries, click Composed looks.

佈景主題的使用方式Ways to use themes

有三種方式可以在網站上使用佈景主題:There are three ways to use themes on a site:

  • 使用預先安裝的佈景主題。Use a preinstalled theme.

  • 修改預先安裝的佈景主題。Modify a preinstalled theme.

  • 將自訂佈景主題 (組成外觀) 上傳至佈景主題庫。Upload a custom theme (composed look) to the gallery.

使用預先安裝的佈景主題。Use a preinstalled theme

SharePoint Server 隨附預先安裝的佈景主題,包括預設 SharePoint 佈景主題。建立新網站時,會使用預設 SharePoint 佈景主題。SharePoint Server comes with preinstalled themes, including the default SharePoint theme. When a new site is created, it will use the default SharePoint theme.

修改預先安裝的佈景主題。Modify a preinstalled theme

修改預先安裝的佈景主題時,一旦套用佈景主題變更,就會自動建立名為「目前」的新佈景主題。一個網站只能有一個「目前」佈景主題。SharePoint Server 未在使用者介面內提供儲存佈景主題的選項。如果您修改預先安裝的佈景主題,請套用變更 (如此即會建立名為「目前」的新佈景主題),然後修改第二個預先安裝的佈景主題。套用設定時,第二個預先安裝的佈景主題會變成「目前」佈景主題。When a preinstalled theme is modified, a new theme called Current is created automatically after the theme changes have been applied. There can only be one Current theme for a site. SharePoint Server does not provide a way to save themes within the user interface. If you modify a preinstalled theme, apply the changes (thereby creating a new theme called Current), and then modify a second preinstalled theme. The second preinstalled theme becomes the Current theme when the settings are applied.

若要儲存修改的佈景主題,請在組成外觀清單中建立新的清單項目,並使其包含與修改的佈景主題相同的主版頁面、調色盤、字型配置與背景影像 URL (修改的佈景主題在組成外觀清單中會名為「目前」)。To save a modified theme, create a new list item in the composed looks list that contains the same master page, color palette, font scheme, and background image URLs of the modified theme (the modified theme is called Current in the composed looks list).

若要建立自訂佈景主題,您可以建立其他調色盤與字型配置,然後將其上傳至佈景主題庫。當您選擇修改設計庫中的某項設計時,就可以使用新的調色盤與字型配置。同樣地,如果您想要有其他網站版面配置可供選擇,可以將其他主版頁面連同對應的預覽檔案,上傳至主版頁面圖庫。You can create custom themes by creating additional color palettes and font schemes and uploading them to the theme gallery. The new color palettes and font schemes are then available to you when you choose to modify a design in the design gallery. Similarly, if you want to have additional site layouts to choose from, you can upload additional master pages, and corresponding preview files, to the master page gallery.

您可以在組成外觀清單中建立新的清單項目來建立新的設計。建立新的清單項目,並指定新設計的主版頁面、調色盤、字型配置和背景影像。You can create new designs by creating new list items in the composed looks list. Create a new list item and specify the master page, color palette, font scheme, and background image for the new design.

另請參閱See also

其他資源Other Resources

使用組成外觀建立 SharePoint 網站品牌Use composed looks to brand SharePoint sites

在 SharePoint 增益集模型中建立 SharePoint 網站品牌Branding SharePoint sites in the SharePoint add-in model