變更 SharePoint 網站的外觀
Applies ToSharePoint Server Subscription Edition SharePoint Server 2019 SharePoint Server 2016 SharePoint in Microsoft 365 Office for business Office 365 Small Business Microsoft 365 admin Office 365 operated by 21Vianet - Small Business Admin Office 365 operated by 21Vianet SharePoint in Microsoft 365 Small Business SharePoint operated by 21Vianet

您可以快速且輕鬆地自定義 SharePoint 網站的外觀,以反映您的專業風格和品牌。 您可以使用的選項取決於您使用的 SharePoint 版本。

附註: 若要變更外觀,您需要網站上的網站擁有者或設計許可權。

變更外觀 設定位於 SharePoint 網站右上角的 [ 設定 ] 底下 SPO 移轉工具的設定 。 針對小組網站,您可以變更主題和頁首。 在通訊網站上,您也可以變更導覽的版面配置,並將頁尾新增至您的網站。

使用主題變更 SharePoint 網站的色彩

您可以選擇其中一個預設 SharePoint 主題,並視需要加以自定義、為公司選擇具有核准品牌的公司主題,或使用其中一種傳統體驗設計。 若要建立及上傳公司主題,請參閱 SharePoint 網站主題

附註: 

  1. 在您的網站上,按兩下 [ 設定 SPO 移轉工具的設定 ],然後按兩下 [ 變更 >主題] 的外觀

    附註: 如果您在 [設定] 功能表上沒有看到 [變更外觀],表示您可能沒有管理此選項的許可權。 如需詳細資訊,請參閱了解 SharePoint 的權限等級或詢問您的系統管理員。

  2. 選取您要的外觀。 您會看到已套用所選主題的網站外觀預覽。 按兩下 [ 儲存 ],將其套用至您的網站,或者,如果您不喜歡您看到的內容,並想要還原回您在開頭所看到的內容 ,請按 兩下 [取消]。

    附註: 

    • 您的系統管理員可能已將網站主題設定為只顯示公司核准的主題清單。 若是如此,您將不會看到任何預設 SharePoint 主題。

    • 如果您要更新子網站上的主題,或是您的系統管理員已將網站設定為傳統體驗,請依照傳統 體驗設計一節 中的指示進行。

    變更 SharePoint 網站的佈景主題

  3. 若要自定義其中一個預設 SharePoint 主題的色彩,請選取主題,然後按兩下 [ 自定義]

  4. 選擇您要的主要色彩和輔色, 然後按兩下 [儲存] 將它套用到您的網站。 主要色彩和輔色清單會根據您選擇自定義的預設 SharePoint 主題而有所不同。

    附註: 目前您無法使用此設定變更網站的背景色彩。 SharePoint 系統管理員可以變更公司核准的主題,如 SharePoint 主題中所述。

    為您的 SharePoint 網站選取新的主題

    自訂 SharePoint 網站的主題色彩

編輯頁尾標籤和連結

在網站新增頁尾之後,您可以在頁尾新增連結或標籤。 選取功能表標籤和連結左側頁尾的 [編輯 ]。

延伸頁尾的編輯選項

如需新增或編輯連結和標籤的詳細數據,請參閱 自定義 SharePoint 網站上的導覽。 您可以新增最多八個連結或標籤的一個層級。

使用傳統體驗主題變更色彩、背景或字型

如果您的系統管理員已將網站設定為傳統體驗,或是您要變更子網站的主題,請依照下列步驟變更 SharePoint 網站的色彩、背景和字型:

  1. 在您的網站上,按兩下 [ 設定 Office 365 設定按鈕 ],然後按兩下 [ 變更外觀]

  2. 按兩下 [檢視傳統設定] 或 [ 傳統] 變更外觀選項。 如果您已在傳統體驗中,請略過此步驟。

    可用來自訂社群網站的設計範例

  3. 從選項中選擇一種外觀。 如果不喜歡色彩或影像,別擔心,您可以在下一個步驟中變更。

  4. 若要新增或變更背景影像,請選擇 [變更 ] 以上傳您自己的影像,或將影像從計算機拖曳到 [ 變更 ] 命令上方的縮圖圖像。

    SharePoint 變更外觀背景圖像選取範圍

  5. 若要變更色彩配置,請按一下 [色彩] 旁的箭號並選擇另一個色彩配置。

    編輯外觀的色彩、字型和版面配置

  6. 若要變更版面配置,請按一下 [網站版面配置] 旁的箭號並選取另一個版面配置,以控制瀏覽連結、搜尋方塊及其他項目的位置。

  7. 若要變更字型,請按一下 [字型] 旁的箭號並選取另一個字型。

    附註: 您可以變更字型樣式,但無法變更大小。

  8. 當您準備好查看將變更套用至網站內容時的完整大小預覽時,請按兩下 [ 試用]。 這時候,其他網站使用者還看不到這些變更。

    附註: 如果您不喜歡看到的內容,並想要還原回開頭的內容,請按兩下 [ 開始 ] 或按下您的網站標誌以結束 [ 變更外觀 ] 並返回網站首頁。

  9. 如果您喜歡預覽的結果,請按一下 [是,保留]。 如果不喜歡,則按一下 [否,還想變更],然後再試其他選項。

    保留變更或忽略

使用主題變更 SharePoint 網站的色彩

您可以選擇其中一個預設 SharePoint 主題,並視需要加以自定義、為公司選擇具有核准品牌的公司主題,或使用其中一種傳統體驗設計。 若要建立及上傳公司主題,請參閱 SharePoint 網站主題

附註: 

  1. 在您的網站上,按兩下 [ 設定 SPO 移轉工具的設定 ],然後按兩下 [ 變更 >主題] 的外觀

    附註: 如果您在 [設定] 功能表上沒有看到 [變更外觀],表示您可能沒有管理此選項的許可權。 如需詳細資訊,請參閱了解 SharePoint 的權限等級或詢問您的系統管理員。

  2. 選取您要的外觀。 您會看到已套用所選主題的網站外觀預覽。 按兩下 [ 儲存 ],將其套用至您的網站,或者,如果您不喜歡您看到的內容,並想要還原回您在開頭所看到的內容 ,請按 兩下 [取消]。

    附註: 

    • 您的系統管理員可能已將網站主題設定為只顯示公司核准的主題清單。 若是如此,您將不會看到任何預設 SharePoint 主題。

    • 如果您要更新子網站上的主題,或是您的系統管理員已將網站設定為傳統體驗,請依照傳統 體驗設計一節 中的指示進行。

    變更 SharePoint 網站的佈景主題

  3. 若要自定義其中一個預設 SharePoint 主題的色彩,請選取主題,然後按兩下 [ 自定義]

    選擇您要的主要色彩和輔色, 然後按兩下 [儲存] 將它套用到您的網站。 您也可以選取是否將灰色 (中性) 、淺色 () 或深色 () 版主色彩套用至網站頁首,或者您可以保留預設的白色頁首背景。 主要色彩和輔色清單會根據您選擇自定義的預設 SharePoint 主題而有所不同。

    附註: 目前您無法使用此設定變更網站的背景色彩。 SharePoint 系統管理員可以變更公司核准的主題,如 SharePoint 主題中所述。

    為您的 SharePoint 網站選取新的主題

    自訂 SharePoint 網站的主題色彩

使用傳統體驗主題變更色彩、背景或字型

如果您的系統管理員已將網站設定為傳統體驗,或是您要變更子網站的主題,請依照下列步驟變更 SharePoint 網站的色彩、背景和字型:

  1. 在您的網站上,按兩下 [ 設定 Office 365 設定按鈕 ],然後按兩下 [ 變更外觀]

  2. 按兩下 [檢視傳統設定] 或 [ 傳統] 變更外觀選項。 如果您已在傳統體驗中,請略過此步驟。

    可用來自訂社群網站的設計範例

  3. 從選項中選擇一種外觀。 如果不喜歡色彩或影像,別擔心,您可以在下一個步驟中變更。

  4. 若要新增或變更背景影像,請按兩下 [ 變更 ] 上傳您自己的影像,或將影像從計算機拖曳到 [ 變更 ] 命令上方的縮圖圖像。

    SharePoint 變更外觀背景圖像選取範圍

  5. 若要變更色彩配置,請按一下 [色彩] 旁的箭號並選擇另一個色彩配置。

    編輯外觀的色彩、字型和版面配置

  6. 若要變更版面配置,請按一下 [網站版面配置] 旁的箭號並選取另一個版面配置,以控制瀏覽連結、搜尋方塊及其他項目的位置。

  7. 若要變更字型,請按一下 [字型] 旁的箭號並選取另一個字型。

    附註: 您可以變更字型樣式,但無法變更大小。

  8. 當您準備好查看將變更套用至網站內容時的完整大小預覽時,請按兩下 [ 試用]。 這時候,其他網站使用者還看不到這些變更。

    附註: 如果您不喜歡看到的內容,並想要還原回開頭的內容,請按兩下 [ 開始 ] 或按下您的網站標誌以結束 [ 變更外觀 ] 並返回網站首頁。

  9. 如果您喜歡預覽的結果,請按一下 [是,保留]。 如果不喜歡,則按一下 [否,還想變更],然後再試其他選項。

    保留變更或忽略

使用主題變更 SharePoint 網站的色彩、背景或字型

  1. 在您的網站上,按兩下 [ 設定 Office 365 設定按鈕],然後按兩下 [ 變更外觀]

    已醒目提示 [變更外觀] 的 [設定] 功能表

    您也可以按兩下 [ 設定 Office 365 設定按鈕],按兩下 [ 網站設定] ,然後在 [ 外觀及風格 ] 標題底下,按兩下 [變更外觀]

    [網站設定外觀與風格] 區段,其中醒目提示 [變更外觀]

    附註: 

    • 如果 [開始使用您的網站] 磚出現在您的首頁上,您可以按一下 [您的風格是什麼?] 磚。

    • [開始使用] 磚的 [您的風格是什麼] 按鈕

    • 如果您沒有在 [設定] 功能表或 [網站設定] 頁面上看到 [變更外觀],表示您可能沒有管理此選項的許可權。 如需詳細資訊,請參閱了解 SharePoint 的權限等級或詢問您的系統管理員。

  2. 從選項中選擇另一個外觀。 如果不喜歡色彩或影像,別擔心,您可以在下一個步驟中變更。

    可用來自訂社群網站的設計範例

  3. 現在,您可以好好發揮創意:

    • 若要新增或變更背景影像,請按一下 [變更],然後上傳自己的影像,或是將影像從您的電腦拖曳到 [變更] 命令上方的縮圖影像。

      附註: 如果無法使用拖放功能,請安裝最新版的瀏覽器軟體或至少安裝 Microsoft Office 2013。

    • 若要變更色彩配置,請按一下 [色彩] 旁的箭號並選擇另一個色彩配置。

    • 若要變更版面配置,請按一下 [網站版面配置] 旁的箭號並選取另一個版面配置,以控制瀏覽連結、搜尋方塊及其他項目的位置。

    • 若要變更字型,請按一下 [字型] 旁的箭號並選取另一個字型。

    自定義選取的主題

    附註: 

    • 您可以在預覽區立即看到外觀變化。 若要還原回開頭的內容,請按兩下 [ 重新開始]。 您也可以按下您的網站標誌來結束 [變更外觀 ],然後返回網站的首頁。

    • 由於 SharePoint 安裝可能有不同的版本,或可以使用多種方法自訂,因此您的網站設計師提供的結束方式可能不同。 如果您沒有看到標誌,請詢問您的系統管理員。

  4. 若要查看套用至網站內容時變更外觀的完整預覽,請按兩下 [ 試用]。 這時候,其他網站使用者還看不到這些變更。 如果您不滿意目前看到的結果,按一下 [重新開始]。

  5. 如果您喜歡預覽的結果,請按一下 [是,保留]。 如果不喜歡,則按一下 [否,還想變更],然後再試其他選項。

附註: 完成之後或您改變主意,請按一下畫面左上角其中一個軌跡瀏覽連結,以返回您原來的位置。

標題常常是網站訪客造訪網站時的第一眼,因此建議您選擇描述小組或項目的標題。 加入標誌可以讓人快速知道他們沒有來錯網站。

  1. 在 SharePoint 網站上,按兩下 [ 設定 Office 365 設定按鈕 ,然後按兩下 [ 網站設定]

  2. 在 [網站設定] 頁面的 [外觀與風格] 下方,按一下 [標題、說明及標誌]。

    已選取標題、描述、標誌的網站設定

    附註: 如果您沒有看到 標題、描述和標誌,表示您可能沒有管理該選項的許可權。 您必須具備網站的擁有者或設計許可權。 組織也可以定義整個網站集合的設計,並已移除您管理這些選項的許可權。 如需詳細資訊,請參閱了解 SharePoint 的權限等級

  3. 在 [標題] 欄位輸入新的標題。新的標題會顯示在網站的每個頁面上。

    標題、描述和標誌設定頁面

  4. 在 [描述] 欄位輸入新的描述。 描述不會顯示在網站上,但是會顯示在搜尋結果頁面上。

  5. 變更標誌:

    • 若要從電腦上傳標誌,請依序按一下 [從電腦] 和 [瀏覽],然後找出影像,再按一下 [開啟]。

    • 若要從 SharePoint 新增您的標誌,請按兩下 [ 從 SharePoint],流覽至儲存影像的文檔庫,選取影像,然後按下 [ 插入]。 (這是假設您已將標誌上傳至小組網站的假設。)

  6. 按一下 [確定] 儲存變更。

如果您不喜歡標誌顯示在網站上的樣子,只要修改標誌,再重複上述步驟,覆寫原來的標誌即可。

Need more help?

Want more options?

探索訂閱權益、瀏覽訓練課程、瞭解如何保護您的裝置等等。

社群可協助您詢問並回答問題、提供意見反應,以及聆聽來自具有豐富知識的專家意見。