运用商业模板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年定居新西兰至今,自由职业者。
本文采用知识共享署名 4.0 国际许可协议进行许可。简而言之,可随意转发转载,转载请注明出处。


留点评论吧:

本网站使用cookie技术以提高用户体验度。 了解我们的隐私政策 我已了解