本文中,我們會顯示通訊網站範例的元素,以激發您的靈感,並説明您瞭解如何為您自己的組織建立類似的網站。 在此範例中,使用視覺上令人驚豔且原生移動的頁面來共用視覺、新聞、資訊和資源,通訊網站會通知並吸引貴組織人員。 此通訊網站設計會使用數個區段,每個區段的版面配置都不同,以優化相關資訊的簡報。

首先,如果您尚未建立通訊網站,請查看本文中的建立網站一節。  如果您需要瞭解如何編輯和發佈您網站上的頁面,請查看編輯、使用節和網頁元件,以及本文 中的發佈一節。

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

通訊網站範例

在 SharePoint Online 中SharePoint網站
  1. 大型功能表和編輯控制項

    快速引導訪客瞭解他們尋找的資訊。 這個區域也提供系統管理員編輯工具的存取權。 了解做法

  2. 功能新聞和資訊

    提供來自組織四處的新聞,並提供實用資訊。 了解做法

  3. 個人化內容

    摘要個人化內容,為訪客建立價值。 提供混合的建議內容和工作相關連結,讓網站與工作保持關聯。 了解做法

  4. 連線社群

    建議可提升員工滿意度和聯繫的社群。 了解做法

  5. 摘要組織活動

    通知訪客可能會影響其工作或提升員工士氣的近期活動。 了解做法

建立您的網站

若要建立類似此處所示的網站,您將建立通訊 網站。 若要這麼做,請從SharePoint 起始頁面 (按一下 [建立網站>,或者如果您要將這個網站與中樞網站建立關聯,請流覽至中樞網站,然後按一下 [建立網站,讓通訊網站自動與該中樞網站關聯) 。

建立網站命令

接下來,選擇 通訊網站然後選擇主題版面 配置。 填寫您的網站名稱、描述及其他資訊,然後按一下 [完成。 接著,您將取得與本文範例相同的版面配置類型的範本。

建立SharePoint通訊網站

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

回到頁首

編輯功能表和網站組織

通訊網站使用功能表和網頁元件來組織和呈現資訊。 您可以快速輕鬆地自訂網站 SharePoint 流覽,讓訪客更容易找到所需的資訊。

在 SharePoint Online 中新式通訊網站的 MegaMenu 導SharePoint範例

按一下 頂端 功能表上的編輯,會在左側開啟簡單的三層大綱清單。 大綱層級相當於功能表部分:主功能表、標題專案或功能表項目。 按一下專案名稱右邊的 ... 控制項以設定專案的連結和大綱層級。

在標題下方的右側,按一下 [ 編輯 以開始編輯您的頁面。 編輯時,您的草稿可以儲存供日後使用,也可以捨棄。 當您的頁面更新準備就緒時,按一下 [ 發佈 以向整個組織顯示更新。

頁面頂端列上的發佈按鈕

回到頁首

管理節和網頁元件

按一下頁面右 上方的編輯 ,即可開始編輯。

頁面頂端欄上的編輯按鈕

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

頁面頂端列

節之前或之後的 +符號會使用數種版面配置之一新增節。

節版面配置

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

控制項以新增節。

按一下節 SPO 加號 的加號符號 ,該符號可能會出現在節的網頁元件之前或之後,以查看許多可用的網頁元件類型。 有關所有網頁元件的資訊,請參閱在網頁SharePoint元件

網頁元件工具箱

網頁元件可以在節內編輯、移動或刪除。 編輯 網頁零件圖示 會開啟每個網頁零件類型所特有的詳細控制項。

網頁零件工具。

當您的頁面更新準備就緒時,請按一下 [ 發佈 >,讓整個組織看到更新。

頁面頂端列上的發佈按鈕

提示: 若要管理您網站上的所有頁面,請按一下 頂端功能表上的 [頁面。

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

回到頁首

使用新聞網頁元件新增重要消息

新聞網頁部分提供控制項,以選擇新聞來源和版面配置,以及組織和篩選內容,以選取符合網站目標的全組織新聞。

挑選版面配置及整理內容

版面配置下,有五個選項可調整新聞專案的顯示方式。 通訊網站設計使用頂端的 中樞新聞 版面配置,中間附近的 頂端故事 版面配置。 選擇新聞來源和版面配置之後,請整理新聞,以配合網站優先順序。 由於網站上只有三則新聞報導會發佈,因此這些報導會以一張大型影像和兩張較小的影像並排呈現。

在此範例中,網頁部分位於單欄區段。

在 SharePoint Online 中範例新式通訊網站中的新聞網頁SharePoint部分

有關使用新聞網頁部分的更多詳細資料,請參閱使用新訊網頁SharePoint部分

回到頁首

使用強調的內容網頁部分展示重要資訊

使用強調的內容網頁部分的彈性功能,顯示許多類型的內容,例如工作、影片或檔。 篩選可精確選取精選的內容,包括動態顯示目前訪客最近處理過的內容。

此通訊網站在兩個視圖中並排使用相同的網頁部分,並使用不同的設定來顯示其功能。

在 SharePoint Online 中為新式通訊網站所強調的內容網頁SharePoint輸入

有關使用強調的內容網頁部分的更多詳細資料,請參閱 使用強調的內容網頁部分

回到頁首

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

在標題區段使用格式化的文字來改善文字,並新增描述以改善訪客的體驗。 在此範例中,文字網頁部分使用標準 文字 樣式。 按一下 格式工具列 右端上的 ...控制項,即可在網頁部分右側提供其他選項。

適用于 Online 中新式通訊網站的範例文字網頁SharePoint輸入

有關使用文字網頁元件的詳細資訊,請參閱使用文字網頁元件將文字和表格 新增到頁面

回到頁首

使用影像網頁元件新增圖形

影像網頁部分會將固定影像放在頁面上。 使用影像網頁元件來設定通訊網站與影像的色調、新增連結以引導檢視器至相關內容,以及使用輔助字幕和替代文字強化影像。

在 SharePoint Online 中新式通訊網站的影像網頁SharePoint輸入

有關使用影像網頁零件的詳細資訊,請參閱 使用影像網頁部分

回到頁首

使用事件網頁元件新增活動日曆

事件網頁部分可讓您輕鬆在通訊頁面上顯示即將到來的活動。 便於使用的控制項會集中清單並調整外觀,而檢視器可以輕鬆地按一下活動,將其新加入其日曆。

在此通訊網站範例中,此網頁部分使用精簡版面配置。

Online 中新式通訊網站的範例事件網頁SharePoint輸入

有關使用事件網頁部分的更多詳細資料,請參閱 使用事件網頁部分

回到頁首

想要更多資訊嗎?

在書籍外觀中,以更多範例SharePoint靈感

Need more help?

Want more options?

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

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