WP主题杂谈——Twenty Fourteen 2014主题

景之域本域使用的主题是经过高度魔改的Twenty Fourteen又称2014主题。如各位客官所见,如今的景之域具有「基于钢琴烤漆与水晶质感」的控件、所带来强烈的「Frutiger Aero美学风格」,
这样的效果,能够做出来即使是我也觉得不可思议。

以下大概是我在发掘WP2014主题的一些研究发现与改装CSS的个人经历。

2014主题是WordPress的年度默认主题之一,实话说,WP的主题一般的完成度高、可以开箱即用;但就完成度来说,这个主题只能说的上是半成品——超过1280px宽度的显示器会偏左显示,对于宽度在1920px以上的现代桌面显示器几乎难以阅读。

站主甚至需要先改动2014主题的CSS、使其画面居中才算是可用。当然,不改也没什么关系,损失大屏幕用户而已。

2014主题的作者是Takashi irie,从名字可以看得出是一位日裔;而在他的个人博客也可以发现,2014主题原本是名为Further的付费专业杂志主题,于2013年发布。顺带一提,他在Automattic工作(也就是WordPress软件的开发公司),而Espied作品集主题也是他编写的(需要Jetpack插件的作品集功能)

https://www.takashiirie.com/2013/02/18/wordpress-theme-professional-publishers-wpcom.html

所以,2014主题如果刨根揭底,确实是某种意义上的日系主题。

虽然它不是那种给人印象老派、常见于日本本土的WEB无料サイトテーマ,但是你会发现有很多日式设计风格的影子。
也许原作者很介意被当作日本主题,就像中国的独立开发者也不喜欢被当作中式开源?但是接触得久了还是能看出文化因素携带的特征。当然,这是我的猜测。

其实有点像变形金刚的混血关系,又有点像一些日本建筑设计师的作品。2014的“日本味”并不多,不是那种刻板印象的Japanese、也不是结构老旧的Japanese。但你说它精致吧,还要另请CSS仙人改装主题。

是的,我就是那位改装师。

不过我想表达的是,它很有日式禅道主义的特色。
想起来前些年入手的巴慕达Phone,也是这样的理念。
当然,都不算是一个完成品就是。

另一方面,2014的主题外貌很容易让人联想起2000年代的门户网站,我不知道默认居左显示究竟是刻意为之还是偷懒,是致敬早期互联网还是从付费主题变为免费主题的妥协方案。

这要归功于WordPress开始倡导的「帖子格式」功能,使得它很像Tumblr一类的轻博客,但社交属性更弱。域主在没加入IndieWeb之前,便使用这个方式发帖了,也是为了与那些自媒体博主作出区分。

正因如此,曾经有Steam的老朋友认为我的博客很像早年cnblogs的风格。

改装指南

在笔记本电脑上,尤其是MacBook不会填满浏览器页面,所以显示效果蛮好;但只要最大化显示在桌面屏幕上,就一言难尽了。

我们知道2014是一个三栏主题,类似布局的我想是Typecho的Handsome主题。

DisplayCAL的官方网站论坛也采用的是2014主题(以及bbPress),经过了特制的子主题修改,可惜改装设计师把这个子主题的GitHub存储库删除了;之前也见到过一位独立博客的博主,也是采用的2014主题,也是类似的效果,下文所述。

这两位的网站采用的2014主题,都将网页宽度扩充至100%,将内容居中、侧边栏放至屏幕左右两端,甚至加上背景。

不过我认为这么做,侧边栏在大屏幕的显示效果不尽如意,而且中心内容栏目的显示密度不够宽,否则会对特色图片也就是封面图造成影响。退而其次,我选择在CSS实现了响应点,达到大约1680px的时候,才会稍微增大中间内容,不会产生太大的影响。这个效果大概在2023年的时候,我就实现了。

说到文章上的特色封面,2014的标题是凸起显示在封面上的,我手动添加了阴影效果。其实这源于我曾经设计的一套网页主题的Concept,这要追溯于本域创立之前。这样,让它看起来像一张信纸。


随着Frutiger Aero一词和相关美学的流行,
本域在2025年和2026年进行了样式更新。

众所周知,2014是一个类似Metro风格的扁平化主题,本域常常被夸赞有拟物化的感觉,但其实也不是特别严谨。我想更多还是参考了移动设备的操作系统(比如Windows Mobile),移动设备的存储空间有限,因此外观设计和资源调用相较于桌面端非常保守,基本上是在配色做文章。当然,扁平化时代也是如此。

索尼爱立信的手机主题就有一个以黑色为主色调的暗色主题、三星的功能机也有类似设计。我便是参考了这些。

如今CSS能做的效果非常多,不再需要像以往堆积位图素材,也可以实现许多华丽的特效。

我也参考了一些早期的个人主页网站,这也包括东方Project作者ZUN先生原本的旧网站。我记得还有一些独立作曲者的网站,与ZUN的旧网站风格很类似。

我一直感觉这样的设计风格在哪里见到过,对于古早网络上的某些元素,我的视觉印象非常深刻但是叫不上名字。就连Frutiger Aero,也是我在2024年才开始采用的说法。我接触这种复古美学在2014年折腾ADW桌面主题就有所见闻了,只是一直当成「山寨的Windows主题」看待。

总之,现在能看到的是一个Win8时代的杂志主题被魔改成形似「Vista时代的空间地带」

如果我有时间的话,我是很想将其制作成子主题的。但是我确实不太会做,而且也不清楚WP以后是否还会支持这种主题。我虽然学过一点点H5和CSS技能,但远达不到能够制作主题的水准。

也许我会考虑用AI大模型?先不说我很排斥滥竽充数的这些泡沫,恐怕2014的结构复杂度是AI也无法帮助的工作量。或者如果我会条理工作的话,也许根本不需要AI辅助。

好在2014还算是一个基于HTML5+CSS3的现代主题,
无论是改动还是实际体验都不会差的太多。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注