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

在本文中,我們會顯示範例領導網站的元素,以吸引您,並協助您瞭解如何為自己的組織建立類似的網站。 在這個範例中,領導網站可讓您的組織洞察領導小組的目標和優先順序。 請觀看這段影片,瞭解如何建立,或閱讀下列文章。

使用 [宣告] 來公告重大影響

讓我們開始吧

首先,如果您還沒有建立通訊網站,請參閱本文中的 [建立您的網站] 區段。  如果您需要瞭解如何新增節與網頁元件,請參閱本文中新增節與網頁元件一節。

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

[領導層] 網站範例

領導層網站範例
  1. 展示您的公司品牌 使用標誌與主題將其製作成您的檔案。 了解做法

  2. 讓您的網站更容易掌握 自訂導覽,讓使用者可以輕鬆發現您網站上的重要內容。 了解做法

  3. 將焦點放在優先順序上 功能策劃組織優先順序的內容。 了解做法

  4. 及時分享新聞 共用最新的新聞,例如遠景表述和博客張貼。 了解做法

  5. 連接到重要資源 連結至頁面與網站,涵蓋主要主題。  了解做法

  6. 與影片互動 [新增影片] 可讓人員在最新交談、更新及其他專案上更新。 了解做法

  7. 保持溝通最新 從您的組織共用最近的交談和批註。 了解做法

  8. 使用精美影像吸引使用者 新增更多含文字和連結的影像,讓您的頁面看起來更美觀並吸引使用者。 了解做法

9.讓每個人都保持最新狀態顯示最新事件的行事曆。 了解做法

10.簽署它們:建立撥號給登入、調查或其他重要動作的行動。 了解做法

11.鼓舞利用有益或視覺上的報價來增添影響。 了解做法

建立您的網站

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

[建立網站] 功能表

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

建立通訊網站

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

回到頁首

展示您的公司品牌

您可以快速且輕鬆地自訂 SharePoint 網站的外觀,以反映您的專業風格和品牌。

商標範例

變更 [外觀] 設定位於 SharePoint 網站右上角的 [ SharePoint Online 的 [設定] 按鈕 設定] 底下。

設定齒輪

變更 [外觀] 命令

您可以選取您想要的網站主題,甚至進行自訂。

主題設定

當您按一下[變更外觀] 底下的 [標頭] 時,您可以變更頁首版面配置和標誌。

頁首設定

在 [變更外觀] 底下,您也可以找到 [導覽] ([層疊] 或 [按一下] 功能表)和 [頁尾] 選項的選項。 如需變更網站外觀的詳細資訊,請參閱變更 SharePoint 網站的外觀

回到頁首

讓您的網站更容易掌握

輕鬆編輯左側和上方功能表,將頁面連結至其他 SharePoint 頁面或網際網路。

編輯導覽

選取左側導覽底部的 [編輯],以管理其中的連結,或在頂端的功能表中,管理其中的連結。 將游標暫留在您要新增連結的功能表位置,然後選取 [ +]。 然後新增您想要新增的連結類型、您的網站位址,以及要在 [新增連結] 對話方塊的導覽列中顯示的名稱。 想要重新排序流覽連結嗎? 只要將它們拖曳到您要的位置即可。

如需流覽的詳細資訊,請參閱自訂 SharePoint 網站上的導覽

回到頁首

新增節與網頁元件

[節] 組成您的頁面,而您是放置一或多個網頁元件。 在編輯頁面時,每個章節都會顯示控制項來編輯版面配置、移動或刪除區段。

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

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

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

[編輯節] 功能表

如需使用章節的詳細資訊,請參閱新增或移除頁面上的節和欄

若要將網頁元件新增至章節,請選取章節中的加號符號 SPO 加號 ,可能會出現在區段中的網頁元件之前或之後。 然後選取要使用的網頁元件。 如需所有網頁元件的詳細資訊,請參閱在SharePoint 頁面上使用網頁元件

網頁元件工具箱

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

[網頁元件工具]。

回到頁首

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

讓您的小組瞭解最重要的內容,包括高影響力的英雄影像、公司署名及重要的新聞。 [領導網站] 首頁的初始效果是由大型且引人注目的 [英雄] 網頁元件影像所建立。 這個範例中所用的版面配置為三個磚
 

[英雄版面配置]

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

在這個範例中,[英雄] 網頁元件位於全形區段中。

使用左側的 [移動專案] [移動網頁元件] 按鈕 按鈕,重新排列 [英雄] 網頁元件中的磚。

編輯英雄

自訂每個磚

當您按一下磚時,您會在磚底部看到一個工具列,您可以在其中按一下 [編輯詳細資料],您可以在此變更所使用的連結和影像。 您也可以使用較大的磚,設定 [動作文字] 和 [連結] 的呼叫。 在同一個工具列上,您可以為暫留動畫設定焦點,以及放大和縮小影像。

編輯英雄磚

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

回到頁首

使用新聞網頁元件及時分享新聞

新聞網頁元件提供的控制項可讓您選擇新聞來源版面配置,以及整理篩選內容。 在 [版面配置] 底下,有五個選項可調整 [立即調整新聞專案]。 在這個範例中,新聞報導會將網站作為來源,並將其放在最前面的故事版面配置中。 因為網站上只有兩個新聞報導發佈,所以這些故事會與大型影像並排顯示。

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

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

回到頁首

使用 [快速連結] 網頁元件連線到重要資源

有了 [快速連結] 網頁元件,您就能輕鬆建立專業的網頁版功能表,以列出其他頁面或網站的連結。 在這個範例中,網頁元件使用精簡式版面配置,但其他版面配置(例如按鈕和電影膠片)是可用的。

在這個 [領導層網站] 範例中,此網頁元件位於兩欄區段的第二欄中。 

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

回到頁首

使其視覺效果:使用串流網頁元件新增影片

使用Microsoft Stream service,您可以在頁面上新增串流影片,以增強視覺效果及更高的使用者參與。 

在這個 [領導層網站] 範例中,此網頁元件位於兩欄區段的第一欄。 

如需有關使用資料流程網頁元件的詳細資訊,請參閱使用資料流程網頁元件

回到頁首

使用 Yammer 網頁元件保持最新溝通

使用 Yammer,您可以進行全組織的交談。 現在,您可以在頁面上使用 Yammer交談網頁元件來直接取得這些交談。 在這個範例中,從名為 [領導層] 的 Yammer 群組中,會從交談中提取交談。

在這個 [領導層網站] 範例中,此網頁元件位於兩欄區段的第一欄。 

如需有關使用 Yammer 網頁元件的詳細資訊,請參閱在SharePoint Online 中使用 yammer 網頁元件

回到頁首

使用具有第二個英雄網頁元件的精美影像吸引使用者

[英雄] 網頁元件不一定要在頁面頂端。 在這個範例中,頁面下方的第二個英雄網頁元件會使用圖層版面配置和兩個數據列來顯示較大的影像。

深入瞭解 [英雄] 網頁元件

使用事件網頁元件讓每個人都保持在最新狀態

事件網頁元件可讓您輕鬆地在頁面上顯示即將到來的活動。 在這個範例中,會醒目提示領導活動。

在這個 [領導層網站] 範例中,網頁元件位於兩欄區段的第二欄中。

若要深入瞭解,請參閱使用事件網頁元件中的事件網頁元件。

使用 [呼叫動作] 網頁元件進行簽署

[行動至動作] 網頁元件可讓您使用使用者的動作撥號來建立按鈕。 在這個範例中,它是用來鼓勵員工註冊演講者會議。

在這個 [領導層網站] 範例中,網頁元件位於兩欄區段的第二欄中。

如需如何使用此網頁元件的詳細資訊,請參閱使用動作網頁元件

使用文字網頁元件吸引報價

加強郵件
領導引言使用文字網頁元件。 這個網頁元件可讓您建立格式設定文字的固定區段,包括樣式和表格等基本文字格式設定。 在這個範例中,文字網頁元件使用 [重要引述] 樣式。 按一下 [格式] 工具列右端的 [ ... ] 控制項,即可在網頁元件右側提供其他選項。

在上面顯示的 [領導層網站] 範例中,網頁元件位於單欄區段中。

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

回到頁首

想要更多資訊嗎?

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

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

讓您充分利用時間的訂閱

需要更多協助?

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×