引導式逐步解說 - 建立貴組織的通訊網站

在本文中,我們會說明通訊網站的元素以激發您的靈感,並協助您了解如何為您自己的組織建立類似的網站。 在此範例中,此網站已優化以傳達您的策略,並引導員工如何在他們的工作中展現您的品牌。

首先,如果您尚未建立通訊網站,請查看本文中的建立您的網站小節。

建立網站並了解如何編輯頁面之後,您可以使用下列步驟來新增顯示的元素。

範例通訊網站

首頁影像 自訂指示
通訊網站登陸頁面的影像 1. 輕鬆探索內容, 使用瀏覽快速引導訪客。了解做法

2. 設定任務 文字網頁部分會醒目提示工作。了解做法

3. 功能內容 使用主圖網頁組件強調構想。了解做法

4. 顯示主題新聞 顯示最新消息。了解做法

5. 提供重要連結 使用快速連結顯示相關資源。了解做法

6. 召喚行動 結合 Web 組件以增加影響。 了解做法

建立您的網站

若要製作類似此處顯示的網站,您將會建立一個 通訊網站。若要開始,請從 SharePoint 起始頁面點擊 [建立網站] (或者,如果您要建立此網站與中樞網站的關聯,請瀏覽至中樞網站,並在該處點擊 [建立網站],使得通訊網站自動與該中樞網站建立關聯)。

[建立網站] 工具圖示的影像

接著,選擇 [通訊網站],然後選擇 [主題] 版面配置。 填寫您的網站名稱、描述及其他資訊,然後點擊 [完成]

[通訊網站] 面板的影像

如需詳細資料,請參閱 在 SharePoint Online 中建立通訊網站

回到頁首

建立清楚且實用的瀏覽

變更管理階段:

讓您的網站可輕鬆瀏覽,讓使用者可以找到他們正在尋找的內容,或協助使用者探索更多內容。

頁面導覽的影像

按一下功能表右上方的 [編輯],將游標移到功能表中您想要新增連結的位置,然後選取 +。 然後,在 [新增連結] 對話方塊中新增連結的類型、您的連結和要在導覽列中顯示的名稱。 想要重新排序您的瀏覽連結? 只要將它們拖曳到您想要的位置。 深入了解如何 在 SharePoint 網站上自訂版面配置

連結新增的影像

大型功能表

當通訊網站與一個 中樞網站時建立關聯時,網站擁有者可以快速輕鬆地自訂 SharePoint 網站的組織和版面配置。 在中樞網站中建立大型功能表 中的大型功能表注意事項。

大型功能表的影像

按一下頂端功能表上的 編輯,會開啟左側的三層大綱清單。 範例網站僅使用其大型功能表上的三個可能層級之二:主功能表和子功能表。

  • 點擊項目名稱右邊的 ... 控制項,以設定項目的連結和大綱階層。

回到頁首

管理區段和網頁組件

按一下頁面右上方的 編輯 並開始編輯。

[編輯] 選項的影像

編輯時,您可以在左側標頭下方儲存草稿供稍後使用或捨棄。

區段工具列的影像

區段之前或之後的 + 符號會使用數個版面配置之一來新增區段。

區段版面配置選項的影像

區段會組成您的頁面,而您會放置一或多個網頁組件。 編輯頁面時,每個區段都會顯示可編輯版面配置、移動或刪除區段的控制項。 如需使用區段的詳細資訊,請參閱新增或移除頁面上的區段和欄

新增區段圖示的影像

按一下區段中的加號 工作場所變換網站設計模型的影像,其可能會出現在區段中的網頁組件之前或之後,以查看多種可用的網頁組件類型。有關所有網頁組件的資訊,請參閱使用 SharePoint 頁面上的網頁組件

[新增網頁組件] 選項的影像

您可以在區段內編輯、移動或刪除網頁組件。 [編輯網頁組件 ] 圖示會開啟每個網頁組件類型專屬的詳細控制項。

[編輯網頁組件] 選項的影像

當您的頁面更新準備就緒時,請按一下 發佈,以讓貴組織中具權限檢視此內容的所有人都能看到更新。

[發佈] 選項的影像

提示

若要管理網站上的所有頁面,請按一下頂端功能表上的 [頁面]

如需使用頁面的詳細資訊,請參閱 在 SharePoint 網站上建立及使用新式頁面

回到頁首

使用文字網頁組件新增格式化文字

如需使用文字網頁組件的詳細資料,請參閱 使用文字網頁組件將文字和表格新增到頁面

增強訊息

此範例網站會使用數個不同的網頁組件以建立文字和影像的平衡。 網站的核心是設計用於鼓勵訪客採用品牌指導方針,並提供要逐步遵循的工具。

版面配置很重要

頁面的第一個區段會使用具文字網頁組件的章節版面配置工具,透過在任務聲明的右側強制執行空白字元,以建立影響。

精緻印刷樣式

文字網頁組件以內建網站範本的樣式建立。 文字網頁組件會使用 標準 文字樣式。 點擊 ... 格式化工具列最右端的控制項,即可在網頁組件的右側提供其他選項。

在此範例中,此網頁組件位於兩欄式區段中。 兩欄式區段的影像

回到頂端

使用主圖網頁組件專注於優先要務

使用高影響力的主圖影像、公司品牌和重要新聞,讓您的小組知道最重要的內容。 網站首頁的初始影響是由主圖網頁組件的大型且引人注目的影像所建立。 此頁面使用其 圖層 選項中的主圖網頁組件。

主圖版面配置

編輯網頁組件會呈現版面配置選項。 圖層 選項 (如上述選項) 會將每個影像設定為標題旁影像的圖層。 最多可以有五個圖層,因此您可以使用網頁組件來填滿整個頁面。

在此範例中,主圖網頁組件使用一個圖層,且位於全寬度區段中。

主圖版面配置的影像

自訂每個圖層

新增標題和連結的行動信號的選項,讓每一個圖層成為更深入訊息的起始點。

只需使用 圖層 的主圖網頁組件就可以建立整個視覺首頁。

如需有關使用主圖網頁組件的詳細資料,請參閱使用主圖網頁組件

回到頂端

使用新聞網頁組件新增重要新聞

自動收集新聞和即時內容

新聞網頁組件提供控制項,可讓您選擇 新聞來源版面配置,以及 整理篩選 內容以保留內容主題。

如需使用新聞網頁組件的詳細資訊,請參閱在 SharePoint 頁面上使用新聞網頁組件

精簡​​使用新聞版面配置的影響

變更版面配置將會變更新聞摘要的影響。 在 版面配置 底下,有五個選項可以調整新聞項目的呈現方式。 在此範例中,新聞報導是使用 中樞新聞 版面配置。 因為網站上只會發佈三個新聞報導,所以這些故事會以三個大小相等的影像並排呈現。

在此範例中,網頁組件位於單欄區段中。

單欄區段的影像

回到頁首

快速連結網頁組件針對從幾個容易使用的選項建立連結,提供數十種專業樣式。

以六種基本版面配置開始,然後根據色彩和對齊方式調整。 或者,您可以新增圖示或文字描述以選單影響。 在此網站範例中,此網頁組件使用 [按鈕] 版面配置。

如需有關使用快速連結網頁組件的詳細資料,請參閱 使用快速連結網頁組件

快速連結網頁組件的影像

回到頁首

建立召喚行動元素

範例網站會使用影像以增強頁面外觀。它結合了具文字和快速連結網頁組件的影像網頁組件,以建立高可見度召喚行動功能表,可引導訪客進行重要商標動作。

在下列範例中,網頁組件位於三欄式區段的第二欄位。 如需使用影像網頁組件的詳細資料,請參閱 使用影像網頁組件

影像網頁組件的影像

回到頂端

想要更多資訊?

SharePoint 範例展示 中的更多範例獲得靈感。