在本文中,我們會向您顯示範例中心網站的元素,協助您瞭解如何為自己的組織建立類似的網站。 中心網站可讓訪客快速找到資訊和資源。 這個範例中心網站提供新聞、主要資源連結、事件及連絡人。 這個人力資源中心網站的範例也會建議自訂員工休假時間要求的應用程式

首先,如果您還沒有建立通訊網站,請參閱本文中的 [ 建立您的網站 ] 區段。  如果您需要瞭解如何在您的網站上編輯及發佈頁面,請查看節 編輯、使用節與網頁元件,以及 在本文中發佈。

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

範例中心網站

SharePoint Online 中的新式中心網站範例
  1. 百萬位元功能表和編輯控制項

    快速引導訪客給他們所搜尋的資訊。 此區域也提供對編輯工具的系統管理員存取權。 了解做法

  2. 共用新聞

    收集與網站焦點區域相關的重要新聞。 了解做法

  3. 功能重要的內容

    輕鬆共用財務簡報、圖表和報表。 了解做法

  4. 隨時掌握最新活動

    提供有關近期事件資訊的快速存取。 了解做法

  5. 建立視覺效果

    使用橫幅影像新增視覺效果。 了解做法

  6. 引導訪客至工具

    新增自訂工具,以簡化處理常式,例如要求下班時間。  了解做法

  7. 提供清晰的路徑

    引導使用者使用圖示和文字摘要的正確資訊和工具。 了解做法

  8. 提供專家的功能

    引導訪客給能協助他們有效解決問題的專家。  了解做法

建立您的網站

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

建立網站命令

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

建立 SharePoint 通訊網站

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

回到頁首

管理 [百萬位元] 功能表

中心網站經過優化,可有效地組織及呈現其他位置的連結。

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

按一下上方功能表中的 [ 編輯 ],就會在左邊開啟一個簡單的三層大綱清單。 [外框] 層級相當於功能表元件: [主要] 功能表、[標題專案] 或 [功能表項目]。

  • 按一下專案名稱右側的 [ ... ] 控制項,即可設定 [專案] 連結和 [大綱] 層級。

在標題下方的右側,按一下 [ 編輯 ] 以開始編輯您的頁面。 編輯時,您的草稿可能會儲存為 [日後] 或 [捨棄]。 當您的頁面更新準備就緒時,請按一下 [ 發佈 ],將它們顯示在整個組織中。

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

回到頁首

管理節與網頁元件

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

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

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

頁面頂端的橫條圖

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

章節版面配置

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

新增節的控制項。

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

網頁元件工具箱

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

[網頁元件工具]。

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

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

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

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

回到頁首

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

新聞網頁元件提供的控制項可讓您選擇 新聞來源版面配置,以及 整理篩選 內容。 中樞網站會將資訊和資源整合在一起,讓訪客可以找到他們所需的專案,並在高效完成工作中繼續進行。 此網站使用 中樞新聞 版面配置,這是五個選項中的一個。 選取版面配置之後,請探索 [ 組織 工具],以精簡顯示新聞的方式。

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

SharePoint Online 中 [新式中心] 網站範例中的新聞網頁元件

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

回到頁首

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

使用影像來產生影響

在這個中樞上,有文字參考訪客的影像,是重要的連結、資訊和工具。 此網站也會使用影像來建議實現員工休假要求工具。

可變控制項

影像可以來自網站、雲端或上傳的位置。 [文字] 選項可加強溝通與協助工具。

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

如需有關使用圖像網頁元件的詳細資訊,請參閱 使用影像網頁元件

回到頁首

使用檔案檢視器網頁元件以互動方式共用檔案

檔案檢視器網頁元件可將許多格式的重要檔案張貼到頁面上。 檢視器可讓訪客選擇使用幾種方法來查看檔案並與之互動。 訪客可能:

  • 下載完整複本

  • 列印至 PDF

  • 在瀏覽器中以全螢幕模式查看檔案

SharePoint Online 中的 [新式中心] 網站範例中的檔案檢視器網頁元件

如需使用檔案檢視器網頁元件的詳細資訊,請參閱 使用檔案檢視器網頁元件

回到頁首

使用事件網頁元件新增事件行事曆

向訪客告知重要事件。 事件網頁元件可以摘要整個組織或來自特定清單或行事曆的事件,而查看者可以輕鬆地按一下事件,將其新增至其行事曆。

在此中心網站範例中,此網頁元件使用精簡的版面配置。

SharePoint Online 中的新式中心網站的範例事件網頁元件輸入

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

回到頁首

使用 [人員] 網頁元件的功能人員

當訪客需要找到干係人或專業技能時,請透過在網站上建立內容來輕鬆進行。 人員磚可能很簡單,或提供額外的詳細資料,然後按一下一次就能從其設定檔中調高重要的詳細資料。

SharePoint Online 中 [新式中心] 網站範例中的人員網頁元件

如需使用人員網頁元件的詳細資訊,請參閱 使用人員網頁元件在頁面上顯示人員設定檔

回到頁首

想要更多資訊嗎?

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

Need more help?

擴展您的技能

探索訓練 >

優先取得新功能

加入 MICROSOFT 測試人員 >

Was this information helpful?

How satisfied are you with the translation quality?
What affected your experience?

Thank you for your feedback!

×