給兒子寫完長貼2小時打造基本功能齊全的Wordpress博客平台後，發現首頁不太美觀，因為是采用的博客模式，打開首頁就是這麼長的一個技術貼，對技術貼沒有興趣的朋友就不方便了。

好吧，那我還是用Divi生成一個方便瀏覽的首頁吧。

Divi是ElegantThemes公司出品的商業模板係統，是的，不能光是用“模板”兩字來形容它的強大了，應該用“模板係統”來表述更準確一些，運用內置的Divi Builder工具，就跟用word編輯文字一樣，添加模塊修修改改就可以生成漂亮首頁了。

首先需要到ElegantThemes網站購買會員，現在的價格是89塊美金一年，249終身，幾年前我好像是用89買的終身會員，這價格通脹的也厲害哈。

買了會員，下載Divi的安裝包到硬盤上，到終端運行命令

將Divi.zip上傳到你主機的模板目錄下。然後ssh登陸到主機，用unzip解壓Divi，如果沒有unzip命令，需要先安裝

然後登陸到wordpress管理界麵，選擇Appearance-Themes激活Divi.就可以用到強大的Divi了。

首先設置一下Divi的選項，點擊Divi-Theme Options



可以分欄一項項選擇，然後存盤，沒有什麼複雜的，略過不提。

現在開始編輯主頁：

點擊Pages-Add New生成一個新頁麵，命名為home，先設計主頁樣式，我是打算先做一個全屏的圖片（設計界稱之為Hero image，英雄圖片，不知這名從何而來，反正是現在流行的設計），然後下邊就是博客文章縮略，再加一個邊欄。所以設計如下

我就放了個Fullwidth Slider在上麵，在手機裏找了兩張圖片，一張是在隨手拍都是大片的新西蘭科羅曼德Coromandel海邊，一張是前不久到美國黃石公園途經的一個小湖。

注意：用自拍風景照片沒有版權的問題，如果需要主題圖片請務必去stock photo上購買使用權。

點開設置窗口，增加了兩段文字。

一段是很多年前看《遙遠的救世主》看到丁元英的那首自嘲：

本是後山人，偶做前堂客。

醉舞經閣半卷書，坐井說天闊。

大誌戲功名，海鬥量福禍。

論到囊中羞澀時，怒指乾坤錯。

自己依葫蘆畫瓢寫了幾句：

本是疏散人,偶做名利客。

坐看庭前雲卷舒,定心觀天闊。

大誌為逍遙,勿論對與錯。

待到乾坤遍曆時,笑對丘山臥。

第二段是有一日看封神榜裏紂王見雲中子那段：

紂王曰：“那道者從何處來？”

道人答曰：“貧道從雲水而至。”

王曰：“何為雲水？”

道人曰：“心似白雲常自在，意如流水任東西。”

紂王乃聰明智慧天子，便問曰：“雲散水枯，汝歸何處？”

道人曰：“去散皓月當空，水枯明珠出現。”

紂王聞言，轉怒為喜，曰：“方才道者見朕稽首而不拜，大有慢君之心；今所答之言，甚是有理；乃通知通慧之大賢也。”

看了之後，覺得深得靜坐要旨。略為修改，盡留古句，若想要更貼切的另辟新詞，才亦不足，故此如下而已：

心似白雲常自在，意如流水任西東。

雲散皓月當頭照，水枯明珠現前空。

 

Hero image設置完，這下開始加一個blog的模塊。posts設置為12.選中所有目錄下的帖子，意即顯示最近的12個帖子



為了縮略顯示，還需要點design，有fullwidth和grid兩種選項，選擇grid

存盤退出，sidebar那個模塊隻要拖拽過去，就自動將前麵的邊欄顯示，十分方便。

這下首頁就全部完成了。是不是非常簡潔 ：-）

哦，還有最後一步，這個隻是一個頁麵，還需要設置wordpress指定此頁麵為首頁。

點擊Divi-Theme Customizer，選擇homepage setting，選擇靜態頁麵，就是剛才編輯的那個名字即可



訪問首頁測試一下，是不是比前一個simplepress模板做的網站美多了？ :-)

相关文章:

• 2018/09/02   八步教程 - 從零基礎到2小時建立Google PageSpeed Insights100分、安全度A級的博客站點平台
• 2018/08/30   加入翻譯插件、盤點博客的經濟帳
• 2018/08/28   三生萬物-由手機自適應修改引發的問題及解決方案
• 2018/08/28   提高用戶體驗度-增加相關文章鏈接-設立速回按鈕
• 2018/08/28   優化網站Pagespeed Insights分數提到到90以上