運用商業模板Divi打造漂亮博客

2018-09-03 约 1514 字 预计阅读 4 分钟

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

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

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

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

買了會員,下載Divi的安裝包到硬盤上,到終端運行命令
scp /path/Divi.zip superuser@yourwebsite.com:/home/superuser

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

sudo apt-get install unzip

unzip Divi.zip -d /var/www/jesselau.com/wp-content/themes/

然後登陸到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模板做的網站美多了? :-)

author

Jesse Lau

網名遁去的一,簡稱遁一。2012年定居新西蘭至今,自由職業者。手搓的GPTs
本文采用知識共享署名 4.0 國際許可協議進行許可。簡而言之,可隨意轉發轉載,轉載請注明出處。


留点评论吧: