分享方式:


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

在本文中,我們會說明範例捐贈網站的元素以激發您的靈感,並幫助您了解如何為您自己的組織建立類似的網站。 在此範例中,捐贈網站提供提供了一個範例,說明設計縝密與具有傳訊功能的頁面如何激發組織的靈感。 此範例頁面也會部署為人力資源中樞網站的一部分。

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

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

捐贈網站範例

首頁影像 自訂指示
捐贈網站登陸頁面的影像 1. 讓您的網站可輕鬆瀏覽 自訂瀏覽,讓人員可以輕鬆探索網站上的重要內容。 了解做法

2. 使用影像和資訊激發靈感使用吸引人且令人啟發的影像,連結至頁首的內容。 了解做法

3. 發表聲明 使用多種格式選擇,建立專業、一致的文字。 了解做法

行動呼籲 讓人員能輕鬆立即採取行動。 了解做法

4. 傳播新聞 分享可強化您的訊息的想法和故事。 了解做法

5. 在行事曆上標註活動 新增活動行事曆,讓人員隨時掌握相關活動。 了解做法

建立您的網站

若要建立如下所示的網站,您將建立通訊網站。 若要這樣做,請從 SharePoint 起始頁面選取 [建立網站] (或者,如果您要建立此網站與現有中樞網站的關聯,請瀏覽至中樞網站,並在該處選取 [建立網站],讓通訊網站會自動與該中樞網站建立關聯)。

[建立網站] 選項的影像

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

[通訊網站] 面板的影像

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

回到頂端

讓您的網站可輕鬆瀏覽

您可以快速且輕鬆地自訂 SharePoint 網站的組織和瀏覽方式,讓訪客輕鬆瀏覽網站並找到所需的資訊。

SharePoint 瀏覽工具列的影像

  • 新增與編輯主功能表輕鬆編輯頂端功能表,將頁面連結至其他 SharePoint 頁面或網際網路。

  • 大型功能表當在中樞網站內部署網站時,您可以建立強大的大型功能表

如需使用瀏覽的詳細資訊,請參閱自訂 SharePoint​​ 網站上的瀏覽

回到頂端

以影像和資訊激發靈感

使用高影響力的主圖影像、公司品牌和重要新聞,讓您的小組知道最重要的內容。 捐贈網站首頁的初始影響是由主圖網頁組件的大型且引人注目的影像所建立。 此範例中使用的版面配置為 [四個磚]

主圖版面配置

編輯網頁組件會呈現版面配置選項。 如上所示的 [磚] 選項會呈現介於一到五個磚的版面配置。 [圖層] 選項會將每個影像設定為圖層,其標題旁會有影像。 最多可以有五個圖層,因此您可以使用網頁組件來填滿整個頁面。

在此範例中,主圖網頁組件位於全寬度區段中。

使用左側的 [移動專案移動專案] 圖示 [移動網頁元件] 按鈕,重新排列 Hero 網頁元件內的磚。

主圖網頁組件的影像

自訂每個磚

選取磚時,您會在磚的底部看到工具列,您可以在其中選取 [編輯詳細資料],您可以在該處變更使用的連結和影像。 利用較大型的磚,您也可以設定召喚行動文字和連結。 在相同工具列上,您可以設定游標暫留動畫的焦點,以及放大和縮小影像。

主圖網頁組件自訂面板的影像

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

回到頂端

使用文字網頁組件發表聲明

統一、具有專業外觀的排版是此網站的一個功能,文字網頁組件提供了一些工具來優化在此頁面上多個位置使用的文字影響力。 在此範例中,文字網頁組件會使用標準文字樣式。 選取 [格式] 工具列右側尾端的省略號 (…) 可提供其他選項。

在以上所示的捐贈網站範例中,網頁組件位於單欄區段中。

文字網頁組件的影像

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

回到頂端

行動呼籲

在此範例中,捐贈網站有一個區段使用了三欄版面配置,且內含影像和連結。

行動呼籲配置的影像

在這裡,影像網頁組件會與文字網頁組件配對,以建立行動呼籲。

行動呼籲 2 配置的影像

如需使用影像網頁組件的詳細資料,請參閱使用影像網頁組件

使用區段

若要建立區段,請按一下頁面右上方的 [編輯] 來開始編輯。

[編輯] 選項的影像

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

區段版面配置面板的影像

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

新增區段圖示的影像

使用網頁組件

選取區段中 Plus 符號的加號影像 ,其可能會出現在區段中的網頁元件之前或之後,以查看可用的許多類型的網頁元件。 如需所有網頁組件的詳細資訊,請參閱在 SharePoint 頁面上使用網頁組件

[新增網頁組件] 圖示的影像

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

[編輯網頁組件] 工作列的影像

當您的頁面更新準備就緒時,選取 [發佈],讓觀眾看到更新。

[發佈] 選項的影像

提示

若要管理網站上的所有頁面,請按一下頂端功能表上的 [頁面]。 如需使用頁面的詳細資訊,請參閱「在 SharePoint 網站上建立及使用新式頁面」。

回到頂端

使用新聞網頁組件傳播新聞

新聞網頁組件提供控制項,可讓您選擇 [新聞來源][版面配置],以及 [整理][篩選] 內容。 在 [版面配置] 下,有五個選項可以調整新聞項目的呈現方式。 在此範例中,新聞報導的來源為網站,並使用 [今日焦點] 版面配置。 因為網站上只會發佈三則新聞報導,所以報導會與一個大型影像和兩個較小的影像並排呈現。

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

新聞網頁組件的影像

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

回到頂端

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

活動網頁組件可讓您輕鬆地在捐贈頁面上顯示即將到來的活動。 您可以使用此網頁元件來引起檢視者對捐贈相關活動的關注 (從規劃階段到實際活動),而檢視者可以輕鬆地選取活動,並將其新增到他們的行事曆中。

在此捐贈網站範例中,此網頁組件使用 [影片膠捲] 版面配置。

活動網頁組件的影像

如需使用活動網頁組件的詳細資料,請參閱使用活動網頁組件

回到頂端

想要更多資訊?

獲得更多範例的啟發,並獲得使用 SharePoint 範例展示新增範例捐贈網站的能力。