Community Smart系統的站點首頁編輯採用組件模式。組件模式支持拖拽式編輯，操作簡單，極大地提升了編輯的效率及質量。下文將為你具體介紹。

組件模式是指機構管理員根據需要自定義站點首頁的結構及樣式，並將合適的容器組件和內容組件拖拽或添加至指定位置，以完成頁面搭建及內容填充與修改。

容器組件：用於調整區域內的橫向佈局，如通欄容器橫向中只可容納一個內容組件；二欄則可容納兩個組件，二欄（2:1）、二欄（1:2）則是容器中組件體積分別為2:1和1:2。三欄容器即可容納三個組件的容器。

內容填充組件：用於填充到容器中，為容器所在區域添加內容，包括可自動讀取顯示站點內容的“調用內容”組件和需要手動添加內容的“自定義”組件。

1. 登入社群工作台，點擊右上方配置icon，選擇【社群首頁】；

2. 點擊【新建模板】或【編輯模板】，進入模板編輯頁；

3. 使用“容器組件”、“內容填充組件”完成結構搭建及內容填充；

4. 調整全局設置，點擊【保存】。

5. 點擊左上角【返回】按鈕，回到首页模板列表，点击【应用模板】即可将编辑好的首页模板正式更新到站点。

注：PC端模板和手机端模板需要分別创建，即一個社群首頁需要創建兩個模板。

Community Smart系統提供了“引用”、“专项”和“自定义”三類內容組件。

“引用”組件用於調用站點中發佈的內容進行顯示，包括對文章、活動、會員、電商、目錄、會刊等信息進行調用的六類組件，編輯首頁模板時，根據容器的不同會有不同的組件供選用。

“專項”組件中包含“會長致辭”、“訂閱本會”、“加入我們”三類組件，專用于此三種場景的信息展示。與“引用”組件不同的是，添加“專項”組件後，組件中的圖片和文字需要管理員手動上傳和輸入。

“自定義”組件中包含單圖、多圖列表、段落文字等多種組件，與“專項”組件相同，管理員需在組件中手動添加圖片和文字。