當我們進入salesforce系統或者切換app后，默認第一個看到的就是home頁面。home頁面簡單的來說可以包括左側(narrow component)和右側(wide component)兩部分。
左側包含Recent View,Custom Link,Create New等快捷入口等組件，右側包括tasks,item to approval,calendar,dashboard snapshot等等。
有時，不同簡檔的用戶需要看到不同的Home頁面中的組件或者顯示不同的custom link等操作，這時我們就需要針對不同的簡檔配置不同的home page layout。配置步驟如下：
一. Home Page Layout配置
1.Set Up處搜索home page找到Home Page Layouts進入;
2.輸入custom home page layout 名稱，勾選需要顯示在左側和中間部分需要顯示的組件；
3.調整順序並點擊save & assign；
4.將創建的page layout 分配給profile 為System Administrator保存；
5.效果展示：
通過第一個圖和效果展示的圖可以看到通過自定義配置，將左側的Create New組件拿掉了。
通過上面的配置，我們看到針對profile自定義home page layout 很簡單，無非就是勾選需要的component，調整順序后分配一個或者多個簡檔即可。
那么component是怎么出現的呢？
component包含兩部分，一部分是標准的component,包括Create New,Item to approve等等,另外一部分就是自定義 home page component.使用自定義home page component可以讓你的home首頁變得更加豐富，更加符合擴充的業務要求。
二.Home Page Component
1.點擊Set Up，搜索Home Page Component后點擊Home Page Component:從圖中可以看到，上面標准的component包括常見的component,其中Messages & Alerts 和Custom Links可以自定義，其他均只能引用，無法修改，下面有新建自定義的Components的按鈕可以新建；
2.點擊New按鈕新建Custom Components,可以分成四類創建：
- Links：選擇一個或者一組custom link作為一個component展示，類似標准組件custom links效果，此種類型僅可以放在左側（Narrow Component）；
- Image/Logo：一張圖片展示在sidebar處，此處更多的是使用公司的logo；
- HTML Area：富文本編輯器展示HTML區域，此類型可以放在左側(Narrow Component)，也可以放在右側(Wide Component)；
- Visualforce Area:展示一個VF Page，此類型可以放在左側(Narrow Component),也可以放在右側(Wide Component)。
Links類型為可以創建一個自定義鏈接展示在component中，后面會詳細描述Links類型的展示，下面針對Image/Logo,HTML Area 以及Visualforce Area 類型簡單描述。
2.1 Image/Logo:此類型通常用於展示公司Logo，其他情況下根據業務情況自己抉擇。顯示的圖片需要先上傳Document上並且要求圖片必須小於100K。
- 選擇Type類型為Image，Name賦值以后點擊Next；
- 點擊Insert an Image選擇圖片存在的Document，選擇后點擊Save。
- 點擊需要添加的Home Page Layout，將需要的componnet選中，並調整Component顯示順序后Save；
- Home首頁效果展示。
2.2 Html Area : 此處可以使用富文本編輯器簡單的展示你需要展示的HTML區塊，此模塊不支持HTML標簽，區域可以根據你創建時的選擇放在左側以及右側。
- 選擇Type為HTML Area 輸入名稱后選擇Next；
- 使用富文本編輯器按照要求創建需要的富文本內容以及格式后點擊Save；
- 更改Home Page Layout，選擇Test Html Area后更改顯示順序點擊Save.下圖為顯示效果。
2.3 Visualforce Area : HTML Area展示的效果畢竟沒法寫樣式有很多限制，展示Visualforce Page可以更加豐富頁面效果，比如首頁展示公司產品進行輪播等等。
- 新建Type 為Visualforce Area的Component,並賦值Name；
- 選擇需要展示的Visualforce Page 設置顯示的高度等設置信息點擊Save,然后修改Home Page Layout，將此Component勾選；
- 展示效果：
三. Custom Link
第二步中有一項是創建類型為Custom Links，選擇此類型后將一個或者一組Custom Link放在一起作為一個Component展示，Custom Link入口以及實現展示如下：
1.Set Up搜索Custom Link后在home下有一項為Custom Links,選中后即可新建或者更改Custom Link;
2.Custom Link源包括三部分組成：URL,On Click JavaScript以及Visualforce Page。重寫過標准的action或者新建過action的小伙伴應該對下面的頁面很熟悉，Custom Link同樣也支持Merge Field；
- URL:此種方式直接在輸入框寫一下目標的URL即可，當然這里面是可以引用merge field以及function來簡單的實現一些動態情況的處理；
- On Click JavaScript：如果此鏈接是有復雜的邏輯進行確認最終的URL，可以使用On Click JavaScript,此種方式除了可以引用merge field以外，引入ajax toolkit js后還可以使用soql語句進行fetch操作來更加強大的支持你的業務要求。下面的例子為當前登錄用戶為lightning用戶，則顯示標准lightning頁面，否則顯示自定義列表頁面；
- Visualforce Page：指定點擊此鏈接跳轉到某個Visualforce Page頁面
3.修改Home Page Component,將需要顯示的Custom Links 選中后，將此component顯示在Home Page Layout上即可.
總結：此篇主要描述如何自定義Home主頁的UI，以及Home Page Layout,Home Page Component,Custom Links使用，主要內容都是基於配置的，開發量基本沒有。篇中有描述錯誤地方歡迎指出，有問題的歡迎留言。