景の域主站更新:新图标与横幅

今日,域主为景の域更换了新的站点图标与顶部横幅。

新的站点图标仍然以「神社的鸟居」为标志,参照了 Windows Vista / Frutiger Aero 风格样式的球形开始按钮作为背景,并为适应球形背景将其裁剪;而图标的发光与底部的粒子效果,也具有「步入远景幻想之域」的表达含义。

这次将本来的扁平图标调整为更具光泽的样式之后,就可以与此前的CSS样式更新的网站视觉风格相匹配。
不过原本的景の域文字标识也将继续使用。

于此同时,这次还更换了网站背景、并增加了一些新设计的站点横幅:

这些横幅的设计均以黑色为背景,并采样了Windows 2000与ThinkPad及其内置壁纸等素材,以致敬千禧年代的数字科技文化。当然,只有简单的图III以及追加的图V、图VI是完全自行设计的排版效果。

继续阅读景の域主站更新:新图标与横幅

V1STA 2014主题搜索框CSS记录

修改了一下电脑屏幕打开搜索图标时显示的搜索框的背景,

觉得还是应该添加毛玻璃比较好?

.search-box {
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 1%, rgb(200 200 200) 2%, rgb(18 18 18 / 60%) 5%, rgb(24 24 24) 70%, rgba(25, 25, 25, 1) 70%, rgb(0 0 0) 100%);
    -webkit-backdrop-filter: blur(5px);   
    backdrop-filter: blur(5px);
}

基于WP区块小工具添加h-card MF2微格式信息卡

要让IndieWeb生态的解析器正确识别网站的信息,需要有一个h-card格式的MicroFormats2微格式卡片。

可以使用 IndieWebify.me 提供的工具验证。

但是WordPress本身不支持MF2微格式,适配了MF2微格式的主题也相当有限(而且我真的很喜欢自行修改的2014主题),而在WP的插件库也很少有类似的插件,自行开发子主题或插件的难度非常高、且不易维护。

对于一般人而言,使用古腾堡的区块小工具不失为一种简易的方式。
不过,直接在主题外观的小工具页面编辑区块是很困难的行为,若是使用「旧版小工具」的附加插件改变主题页面,则几乎没有编辑选项。

对于这个情况,古腾堡提供了一种类似软链接方式的「可同步区块模板」,在一处编辑,即可同步到所有位置。

继续阅读基于WP区块小工具添加h-card MF2微格式信息卡

新插件:钢琴

最近在WordPress的区块插件库发现一个特别的插件——钢琴区块 Piano Block,这个小东西没有什么实用功能,只是休闲一乐。令人想起早些年的Windows侧边栏小工具(其实都是Web技术)

感觉很有意思,于是加到了网站上。
可以点击下面的钢琴图像访问它。

当然还有WinAMP的插件,不过我没有使用过WinAMP,就不表了……以后再试。
也许你也观察到了,我还放置了便笺区块……越来越像个人空间的说!

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

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

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

继续阅读WP主题杂谈——Twenty Fourteen 2014主题

远景的幻想空间