引導式逐步解說:為您的組織建立通訊網站

在本文中,我們會向您顯示通訊網站的元素,協助您瞭解如何為自己的組織建立類似的網站。 在這個範例中,網站經過優化,可傳達您的戰略,並指導員工瞭解如何在工作中表達您的品牌。

首先,如果您還沒有建立通訊網站,請參閱本文中的 [建立您的網站] 區段。 

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

SharePoint Online 中的新式品牌網站範例
  1.   輕鬆發現內容 

    使用流覽快速引導訪客。 了解做法

  2. 設定使命

    文字網頁元件會醒目提示使命。 了解做法

  3. 功能內容

    使用 [英雄] 網頁元件強調想法。 了解做法

  4. 顯示 topical 資訊

    顯示最新的新聞。 了解做法

  5. 提供重要連結

    顯示含快速連結的相關資源。 了解做法

  6. 行動要求

    合併網頁元件以增加影響。 了解做法

建立您的網站

若要製作如下所示的網站,您將會建立通訊網站。 若要這樣做,請按一下 [ SharePoint 開始] 頁面上的 [建立網站] (或者,如果您要將此網站與中樞網站建立關聯,請流覽至中樞網站,然後按一下 [建立網站],這樣通訊網站就會自動與該中樞網站產生關聯)。

建立網站命令

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

建立 SharePoint 通訊網站

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

回到頁首

建立清楚且實用的流覽

讓您的網站更容易掌握,讓使用者可以找到所要尋找的內容,或協助使用者探索更多內容。

瀏覽列

按一下上方功能表右側的 [編輯],將游標移到您要新增連結的功能表位置,然後按一下 [ +]。 然後在 [新增連結] 對話方塊的導覽列中,新增連結類型、您的連結,以及要顯示的名稱。 想要重新排序流覽連結嗎? 只要將它們拖曳到您要的位置即可。 進一步瞭解如何自訂 SharePoint 網站上的導覽

新增 URL 連結至 SharePoint 小組網站的左側導覽

[萬圖元] 功能表

當通訊網站與中樞網站相關聯時,網站擁有者可以快速且輕鬆地自訂 SharePoint 網站的組織和流覽。 瞭解在中樞網站中建立 [百萬位元] 功能表中的 [百萬位元] 功能表所需注意的事項。

SharePoint Online 中的新式品牌網站 MegaMenu 導覽範例

按一下上方功能表中的 [編輯],即可在左側開啟三層大綱清單。 這個範例網站只使用其在 [百萬位元] 功能表上三個可能階層中的兩個等級:主要功能表和子功能表。

  • 按一下專案名稱右側的 [ ... ] 控制項,即可設定專案的連結與外框階層。

回到頁首

管理節與網頁元件

按一下頁面右上方的 [編輯] 以開始編輯。

頁面頂端列上的 [編輯] 按鈕

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

頁面頂端的橫條圖

區段前面或後面的+符號將使用幾個版面配置中的其中一個來新增區段。

章節版面配置

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

新增節的控制項。

按一下節中的加號 SPO 加號 ,可能會出現在區段中的網頁元件之前或之後,以查看有許多可用的網頁元件類型。 如需所有網頁元件的詳細資訊,請參閱在SharePoint 頁面上使用網頁元件

網頁元件工具箱

網頁元件可以在區段中進行編輯、移動或刪除。 [編輯網頁元件] 圖示會開啟每個網頁元件類型特有的詳細控制項。

[網頁元件工具]。

當您的頁面更新準備就緒時,請按一下 [發佈],讓組織中有權查看內容的所有人都能看到。

頁面頂端列上的 [發佈] 按鈕

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

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

回到頁首

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

如需使用文字網頁元件的詳細資訊,請參閱使用文字網頁元件將文字和表格新增至您的頁面

加強郵件

這個範例網站使用幾個不同的網頁元件,建立文字和影像的平衡。 在其核心中,網站的設計目的是要鼓舞訪客採用商標指導方針,並提供追蹤所需的工具。

版面配置重要

頁面的第一個區段使用章節版面組態工具與文字網頁元件,透過強制執行使命陳述右側的空白來產生影響。

精緻的印刷

文字網頁元件是以內建網站範本的樣式建立。 文字網頁元件使用 [標準]文字樣式。 按一下 [格式] 工具列右端的 [ ... ] 控制項,即可在網頁元件右側提供其他選項。

在這個範例中,網頁元件位於兩欄區段中。

SharePoint Online 中新式品牌網站的範例文字網頁元件輸入

回到頁首

將重點放在 [英雄] 網頁元件的優先順序上

讓您的小組瞭解最重要的內容,包括高影響力的英雄影像、公司署名及重要的新聞。 網站首頁的初始效果是由大型且引人注目的 [英雄] 網頁元件影像所產生。 此頁面在其 [圖層] 選項中使用 [英雄] 網頁元件。
 

[英雄版面配置]

編輯網頁元件會顯示版面配置選項。 [圖層] 選項(例如上述所示)會將每個圖像設為圖層,並在標題旁邊顯示影像。 最多可有五個圖層,因此您可以使用網頁元件來填滿整個頁面。

在這個範例中,[英雄] 網頁元件使用一個圖層,且位於全形區段中。

SharePoint Online 中的新式品牌網站中的範例英雄網頁元件

自訂每個圖層

[新增標題] 和 [連結呼叫至] 動作的選項可讓每個圖層成為較深訊息的起點。

使用 [圖層] 只使用 [英雄] 網頁元件,就能建立整個視覺首頁。

如需有關使用 [英雄] 網頁元件的詳細資訊,請參閱使用 [英雄] 網頁元件

回到頁首

使用 [新聞網頁元件] 新增重要的新聞

自動收集新聞及及時內容

新聞網頁元件提供的控制項可讓您選擇新聞來源版面配置,並可組織篩選內容,以保留內容 topical。

如需有關使用新聞網頁元件的詳細資訊,請參閱在SharePoint 頁面上使用 [新聞] 網頁元件

利用新聞版面配置來改善影響

變更版面配置會影響新聞摘要。 在 [版面配置] 底下,有五個選項可調整顯示新聞專案的方式。 在這個範例中,新聞報導是使用「中樞新聞」版面配置。 由於網站上只有三個新聞報導,因此這些情景會與三個大小相等的圖像並排顯示。

在這個範例中,網頁元件位於單欄區段中。

SharePoint Online 中的新式品牌網站範例中的新聞網頁元件

回到頁首

使用色彩和圖示與快速連結網頁元件

「快速連結」網頁元件提供數十種專業樣式,可讓您從一些便於使用的選項建立連結。

從六個基本版面配置開始,然後依色彩和對齊方式調整。 或者,您也可以新增圖示或文字描述,以增加功能表效果。 在此網站範例中,此網頁元件使用按鈕版面配置。

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

SharePoint Online 中新式品牌網站的快速連結網頁元件輸入範例

回到頁首

建立行動到動作元素

範例網站使用影像來加強頁面外觀。 它會將影像網頁元件與文字與快速連結網頁元件結合,以建立高可見度的 [動作到動作] 功能表,指導訪客進行重要署名動作。

在如下所示的範例中,網頁元件位於三欄區段的第二欄中。 如需有關使用圖像網頁元件的詳細資訊,請參閱使用影像網頁元件

SharePoint Online 中新式品牌網站的範例圖像網頁元件輸入

回到頁首

想要更多資訊嗎?

在 SharePoint 的 [外觀] 書籍中,取得更多範例。

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

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×