變更 SharePoint 網站的外觀

變更 SharePoint 網站的外觀

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

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

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

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

您可以選擇其中一個預設 SharePoint 主題, 並視需要自訂它、選擇含您公司核准商標的公司主題, 或使用其中一個傳統體驗設計。 若要建立及上傳公司主題, 請參閱SharePoint 網站主題

附註: 

  • 在已加入宣告目標發行計畫的組織中, 會逐漸推出一些功能。 這表示您可能還無法看到此功能,或看起來可能與說明文章中描述的不一樣。

  • 如需更多自訂網站的方法, 請參閱自訂您的 SharePoint 網站

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

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

  2. 選取您想要的外觀。 您會在已套用所選主題的情況下, 預覽您的網站外觀。 按一下 [儲存] 將它套用至您的網站, 或者如果您不想看到所要顯示的內容, 而想要還原回您在開頭的內容, 請改為按一下 [取消]。

    附註: 

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

    • 如果您要在子網站上更新主題, 或您的系統管理員已將網站設為傳統型體驗, 請依照 [傳統體驗設計] 區段中的指示進行。

    變更 SharePoint 網站的佈景主題

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

    選擇您想要的主要色彩和輔色, 然後按一下 [儲存] 以將它套用至您的網站。 根據您選擇自訂的預設 SharePoint 主題, 主要色彩和輔色的清單會有所不同。

    附註: 您目前無法使用此設定來變更網站的背景色彩。 SharePoint 管理員可以根據SharePoint 主題中的說明, 來變更公司核准的主題。

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

    自訂 SharePoint 網站的主題色彩

自訂您的網站標題

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

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

    SharePoint 網站標題版面配置

  2. 選取 [標準] 標題版面配置或 [壓縮] 選項, 將所有標題內容移至單一線條。

  3. 按一下 [變更] 以新增網站標誌。

  4. 選取頁首背景, 即可變更網站標題的背景色彩。

  5. 按一下 [套用] 以儲存您的變更。

變更您的導覽樣式

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

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

  2. 選取下列其中一個選項:

    Megamenu

    SharePoint 的 [百萬位元] 功能表

    級聯

    SharePoint 級聯功能表範例

    附註: 

    • Megamenu 樣式只適用于與 Microsoft Teams 或通訊網站相關聯 SharePoint 中心網站。

    • 若要變更您的流覽連結, 請參閱自訂 SharePoint 網站上的導覽

    • 使用 megamenu 樣式時新增至第三層級的連結, 只會顯示為單一垂直清單。

  3. 按一下 [套用] 以儲存您的變更。

新增網站頁尾

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

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

    SharePoint 網站首頁

  2. 將頁尾切換開關切換到 [開啟], 將頁尾新增至您的網站。

  3. 按一下[上傳], 將您的標誌影像新增至頁尾。 圖像會自動調整大小。

  4. 若要新增頁尾的名稱, 請將開關切換到 [開啟], 然後輸入名稱。

  5. 按一下 [儲存] 儲存變更。

  6. 在您將頁尾新增至您的網站之後, 您可以在頁尾新增連結或標籤。 按一下右側頁尾中的 [編輯]。 如需新增或編輯連結和標籤的詳細資訊, 請參閱自訂 SharePoint 網站上的導覽。 您可以新增一個最多八個連結或標籤的層級。

    附註: [網站頁尾] 功能僅適用于通訊網站網站頁面。 它們不適用於您網站上的清單頁面、文件庫頁面或其他頁面。

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

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

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

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

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

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

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

    SharePoint 變更外觀背景圖像選取

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

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

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

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

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

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

    附註: 如果您不滿意您所看到的內容, 而且想要回復回您在開頭的內容, 請按一下 [從頭開始] 或按一下您的網站標誌, 即可結束變更 [外觀] 並返回網站的首頁。

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

    保留變更或未知

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

您可以選擇其中一個預設 SharePoint 主題, 並視需要自訂它、選擇含您公司核准商標的公司主題, 或使用其中一個傳統體驗設計。 若要建立及上傳公司主題, 請參閱SharePoint 網站主題

附註: 

  • 在已加入宣告目標發行計畫的組織中, 會逐漸推出一些功能。 這表示您可能還無法看到此功能,或看起來可能與說明文章中描述的不一樣。

  • 如需更多自訂網站的方法, 請參閱自訂您的 SharePoint 網站

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

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

  2. 選取您想要的外觀。 您會在已套用所選主題的情況下, 預覽您的網站外觀。 按一下 [儲存] 將它套用至您的網站, 或者如果您不想看到所要顯示的內容, 而想要還原回您在開頭的內容, 請改為按一下 [取消]。

    附註: 

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

    • 如果您要在子網站上更新主題, 或您的系統管理員已將網站設為傳統型體驗, 請依照 [傳統體驗設計] 區段中的指示進行。

    變更 SharePoint 網站的佈景主題

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

    選擇您想要的主要色彩和輔色, 然後按一下 [儲存] 以將它套用至您的網站。 您也可以選取是否將灰色 (中性)、Light () 或深色 () 版本的主要色彩套用至您的網站標題, 或者您可以保留預設的白色標題背景。 根據您選擇自訂的預設 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. 按一下 [確定] 儲存變更。

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

附註:  本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。 讓這些內容對您有所幫助是我們的目的。 告訴我們這項資訊是否有幫助? 這裡是供您參考的英文文章

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×