免费WordPress版型:林旺、马兰,支援RWD设计,一次

2020-05-22
    385浏览

随着行动装置的普及化,网站不得不需要跟进让不同萤幕解析度的装置皆可浏览。这次针对部落格版型的设计,推出也是一样支援多重解析度的装置布景:林旺、马兰。别怀疑,这次是一口气两个,正当版型做到一半的时候,WordPress官方推出了3.9的版本。正巧,每次推出一个布景主题,官方都刚好向上升级一个大版本,如果官方升级太频繁,那我应该会做WordPress免费版型做到手软XD。

这次两个版型分别叫做「林旺」和「马兰」,相信大家一定不陌生这两只大象。至于介绍我想就免了,有兴趣直接上维基百科上看应该会更为详细。版型两个,但其实是差在配色部分,一个是黑色系,另一个则是纯白色系,看大家喜欢哪一款呢?白色系应该较为好搭配文字颜色,黑色系则不是每一个网站都适合,但感觉网站比较有质感的感觉,最重要的还是要搭对图片。

此次跟大家分享的免费版型阿肠网页设计工作室第五个与第六个免费版型。或许跟香肠一样有一个疑问,既然颜色不相同,但是架构是一样的,为何不推出可以后台更换版型颜色就好?不是比较方便吗?事实上有考量过这个设计方式,但原因在于:较为消耗效能、版型档案较肥、细部设定要太多判断,总归来说开发上较为麻烦,同时也对网站效能不一定好。

我们换个方式解释,当一个好用的防毒软体,你可能仅需电脑病毒防护,但是他却包了防火墙(这玩意不能防火)、邮件防护、网页浏览器页面检测、系统清理、系统监控等等,用不到的东西都包进去,会造成电脑系统的效能浪费,如果程式写不好,可能会造成电脑常常当机。回到网站上来说也是如此,为什幺国外的付费版型功能很强?但是放在网站上很像一堆功能用不到,而且网站会卡卡的,原因就是在于此。

版型名称:Lin Wang 林旺免费下载:按这里  (黑色系)展示网址:http://linwang.achang.tw/使用规範:按这里 (限个人部落格、如遇用于商业网站请来信洽谈。)版型名称:Ma Lan 马兰免费下载:按这里  (白色系)展示网址:http://malan.achang.tw/
使用规範:按这里 (限个人部落格、如遇用于商业网站请来信洽谈。)

林旺版 Lin Wang :黑色系

这款是林旺版的黑色系,背景图片可以自己换,支援多层选单(两层),侧边栏宽度较宽,可以放入300宽度的广告(因为最小会缩到300)。左侧的部分则是自动撷取一定的文字数量显示,没有提供缩图显示,相对的网站显示上会更为快速,支援响应式网页设计。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

马兰 Ma Lan:白色系

与林旺相对,白色系的马兰会让你有一种舒服的感觉,不过网站颜色比较轻,背景图也要调整好才会显得好看。如同林旺黑色系版型,背景可以换,左侧一样不显示图片,并且支援多层选单(两层)的设计,当然网站支援RWD 响应式网页设计。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

首页文章清单区块

标题与一小段落的描述,简单的日期与分类的标示。林旺的黑色版示意图。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

马兰的白色系版本示意图。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

内文内容区块

上面的选单是固定的,随时可以透过选单点选切换,不用当要点选选单的时候,还要滚到网站最上方去。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

白色版型的示意图。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

留言区块

当版面够宽,留言区块会呈现两排的排版,如果宽度不够则会换成直立式的表单排列。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

再让我们看一下免费版型的白色系。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

选单设计

当解析度不够的时候,选单会变成SELECT BOX的型态选择。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

这样行动版的使用者也很好点选。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

平板、手机版

手机、平版或是用浏览器调整画面宽度为窄版,都会自动缩放,也就是所谓的RWD(Responsive Web Design)响应式网页设计。支援不同的浏览器解析度。两个版本均有支援。

免费WordPress版型:林旺、马兰,支援RWD设计,一次免费WordPress版型:林旺、马兰,支援RWD设计,一次

更换网站背景底图

第1步  点选【外观】→【页首】。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

第2步  这边可以上传图片并裁切。画面上指定的尺寸是「2048×1365」,图片裁切可以参考教学。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

内建换LOGO、自订广告栏位

如同之前版本,提供换LOGO、放Google Analytics追蹤码、侧边滚动分享按钮、自订广告栏位程式码(提供内文上方、内文中间与内文下方的广告栏位)。

免费WordPress版型:林旺、马兰,支援RWD设计,一次

免费版型的介绍就到此告一段落,若有任何问题欢迎留言回报,谢谢。

上一篇: 下一篇: