灵感源自StyleStar的景の域网站海报设计
景の域 网站海报设计
标签归档：WordPress
XP风格系统属性页面
制作了XP风格的系统属性页面。
啊，就是字面意义上的Windows XP，
也就是「我的电脑」的系统属性页面。
没有做成Vista和Win7布局的原因是，
主题并没有提供真正意义上全宽的页面模板……
所以退而其次，我制作了XP风格的属性页面。
不过要注意的是它并不是动态更新的。
WordPress V1sta是什么版本啊？
难道是WordPress 7.0吗？
整蛊一下，会心一笑~
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);
}
景の域主题 Frutiger 化CSS更新
自上次想要修改Aero风格的CSS按钮样式，一发不可收拾，索性直接把其余部分也都实现了Aero Web 2.0 Gloss化（即为通常描述为Frutiger Aero的美学其中一种表达效果）：
原本在页面上方、又被称为主导航栏的部分中，WordPress 2014主题原本格格不入的扁平菜单也拉皮成Vista/Mobile 6.x风格的镜面玻璃样式。
这次主要修改的地方有：
- 主导航栏：Hover 聚光灯菜单、WMC风格子菜单，子菜单选项悬浮有动效
- 黑侧边栏：次要导航 Web Gloss风格渐变、悬停发光效果
- 黑侧边栏：日历小工具水晶按钮、悬停发光效果
- 特色内容回归，链接按钮发光
- 搜索键增加了悬浮与点击效果，圆角改回直角
- a链接全部实现悬停发光效果，
绝对不是偷懒
WP搭配CSS实现Aero按钮效果
最近更新了关于页面，不过增加按钮的时候，对现在2014改色的默认扁平按钮不是很满意，效果上也有可读性差的BUG。
索性我直接用CSS（层叠样式表）手搓了一个Aero风格的按钮样式，参考了StackOverflow的回答。
支持高分屏显示，效果如下：
随记 20260125
又是熬夜折腾WordPress的亿天……
今天新上线了一个博客门户网站：网沏 Net7.Blog
不过目前其实暂无刊登的打算，所以只是一个空壳作用的停放站。点击这个88×31按钮即可访问。
在折腾WordPress主题的时候发现年度公版主题都更新成古腾堡区块样式了，后面在WordPress.com以及WordPress.org站才发现WP的母公司Automattic居然发了这么多WP主题；
而尤其在2024年区块主题完善期间，Automattic还逐步推出了各类区块主题，高产似Tumblr，这其中有一个特别有意思的是Minecraft风格的Bedrock（基岩）主题，看起来像是游戏服务器站对应博客会用的样子。
区块主题我一开始是拒绝的，感觉很不直观，而且以前的PHP模板也不能直接使用，也是不太符合WordPress本来作为博客软件的用途；
但是实际上手后发现其实也没有那么难用，
我换句话说就是，采用了区块技术的主题其实就是内置了一个轻量化的Elementor页面构建器，而且比市面上的构建器不仅免费还更简洁，
如果擅长页面排版并且有相应工作经验的话会很容易上手。
这非常适合用来做作品集！可以把它当成一个排版软件来使用。
继续阅读随记 20260125