「免费的喘息」网站改版,「OutLine」布景上线

作者: 时间:2020-05-22 分类:常识要闻 评论:11 条 浏览:109

这几天大家又发现香肠开始懒惰不新增文章,但其实香肠是在为网站改版做準备。这次放了六天的假期,有一半以上的时间都是在写布景,总共改了三个网站,一个喘息、一个香肠自己使用的公版,一个蓝蓝路网站改HTML5,第一次觉得自己这幺有效率的在四天内做了这幺多事情,结果文章一篇也没写到,实在是有点愧疚。既然香肠写了新布景,就顺便拿来当文章发表介绍一下啰!

这次的新布景「OutLine」,是针对免费的喘息论坛转型成WordPress所设计的版型,基本上并不适合一般部落格来套用,因为很多东西都属于客製化的,所以,扣除掉这些客製化的东西,其实「OutLine」真的是outline。虽说看起来很普通,但是越普通的布景越是难以调整,很多小细节要注意,就算加入个小图片也要调整超多次,让网站达到最佳效果。



如果您有关注过这篇文章「论坛,是否逐渐被社群网站吞噬?」,应该不难看出香肠有打算将免费的喘息做一番的改版,因为免费的喘息讨论区既然已经失去它的效益,那幺转型是必然的,选对转型的方向是一个重要的决策,而喘息本身专注于WordPress与主机讨论,故网站转型则朝着这个方向着手改版。
在改版的过程中,蓝蓝路提供了很大的协助,除了网站版型美工之外,也提供了关于改版方向的一些想法,于是我们俩就花了两天的时间将这个网站的版型做完,整个热血到从早上11点不间段的到隔日凌晨四点,大家都睡了我们还在拼命,目的就是让WordPress有一个完整的资源中心,让大家可以更快速的对WordPress上手。

关于免费的喘息改版相关说明,您亦可参考 「免费的喘息」转型成WordPress资源中心 此篇文章。

OutLine 布景

为什幺要叫做「OutLine」?其实是直接从Online这词直接反推变成OutLine,意思就是香肠退伍版。之前提到香肠破百,而现在写这篇文章已经剩下62天了,距离退伍日子不远了,所以才叫做OutLine版。本来这词是想要用到香肠炒鱿鱼改新版,不过我自己对网站现在这个布景很满意,阅读上也很舒服所以并不打算改版,名称就优先留给喘息使用啰!

这个布景是香肠和蓝蓝路花了2~3天改出来的版,谢谢他的美工强力支援….这次我们把图片拼成一大张,节省伺服器请求。

在此要说明一下,Outline真正的翻译是「大纲」。如前面提到,扣除了网站内一些客製化的图示后,其实这版本真的很精简,单纯就CSS画出来的HTML5网站。

「免费的喘息」网站改版,「OutLine」布景上线

网站首页十分精简,连版权宣告都没有,只有网站logo以及选单。这个页面是透过WordPress的自订文章首页与自订模板合併製作,搭配JQuery滑动选单特效以及WordPress自订选单。

「免费的喘息」网站改版,「OutLine」布景上线

至于文章内页,不提供留言功能,因为网站的目的主在提供WordPress资讯与技术教学,可以把这个网站当成WordPress的知识库。右手边提供社群推荐功能,自用他用两相宜。在标题前方标示了文章分类,有助于使用者须查询同分类文章可以直接点击查阅。

「免费的喘息」网站改版,「OutLine」布景上线

网站的侧边栏,全部使用图片,有一种Windows Phone 7的感觉,但点下去并不会转换页面,有些连结点下去开新视窗,有些连结点击则跳出特效框框,请看下一张图片。

「免费的喘息」网站改版,「OutLine」布景上线

就是这个,透过JQuery达到的效果。网站内的联络我们、搜寻、订阅文章均採用这种模式。

「免费的喘息」网站改版,「OutLine」布景上线

这个是分类页面的效果,因为目前文章有限,只能展示简陋的画面。超过一定篇数会有分页按钮,分页按钮就和香肠炒鱿鱼一样啰!毕竟是同一个模组嘛!

「免费的喘息」网站改版,「OutLine」布景上线

与分类页面有所区别,搜寻结果页面会标上分类,同时您可以直接点分类查阅文章,也可以点标题查阅文章。

「免费的喘息」网站改版,「OutLine」布景上线

这是联络我们页面,表单採用Google表单,只是做了客製化的CSS,提交表单后有不一样的画面,在此就先做个保留啰!对了,网站的404错误页面,也有不一样的感觉,大家可以自行去发掘啰!这边我们就不卡图破梗了。

写到这边,又是到了收假的时间点,大家下次见啰!

免费的喘息: http://sofree.tw

相关推荐