<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="https://v1sta.xyz/wp-content/plugins/pretty-rss-feeds/xslt/pretty-feed.xsl" type="text/xsl" media="screen" ?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/">

<channel>
	<title>2026年3月19日 &#8211; 景の域</title>
	<atom:link href="https://v1sta.xyz/2026/03/19/feed/" rel="self" type="application/rss+xml" />
	<link>https://v1sta.xyz</link>
	<description>远景的幻想空间</description>
	<lastBuildDate>Thu, 19 Mar 2026 13:42:54 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://v1sta.xyz/wp-content/uploads/2026/03/V1sta-Orb-Output512-2-60x60.png</url>
	<title>2026年3月19日 &#8211; 景の域</title>
	<link>https://v1sta.xyz</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WP主题杂谈——Twenty Fourteen 2014主题</title>
		<link>https://v1sta.xyz/think/wp%e4%b8%bb%e9%a2%98%e6%9d%82%e8%b0%88-twenty-fourteen-2014%e4%b8%bb%e9%a2%98/</link>
					<comments>https://v1sta.xyz/think/wp%e4%b8%bb%e9%a2%98%e6%9d%82%e8%b0%88-twenty-fourteen-2014%e4%b8%bb%e9%a2%98/#respond</comments>
		
		<dc:creator><![CDATA[域主 V1STA]]></dc:creator>
		<pubDate>Thu, 19 Mar 2026 13:16:32 +0000</pubDate>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[随想]]></category>
		<guid isPermaLink="false">https://v1sta.xyz/?p=3452</guid>

					<description><![CDATA[景之域本域使用的主题是经过高度魔改的Twenty Fourteen又称2014主题。如各位客官所见，如今的景之 &#8230; <a href="https://v1sta.xyz/think/wp%e4%b8%bb%e9%a2%98%e6%9d%82%e8%b0%88-twenty-fourteen-2014%e4%b8%bb%e9%a2%98/" class="more-link">继续阅读<span class="screen-reader-text">WP主题杂谈——Twenty Fourteen 2014主题</span> <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">景之域本域使用的主题是经过高度魔改的Twenty Fourteen又称2014主题。如各位客官所见，如今的景之域具有「基于钢琴烤漆与水晶质感」的控件、所带来强烈的「Frutiger Aero美学风格」，<br>这样的效果，能够做出来即使是我也觉得不可思议。</p>



<p class="wp-block-paragraph">以下大概是我在发掘WP2014主题的一些研究发现与改装CSS的个人经历。</p>



<span id="more-3452"></span>



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



<p class="wp-block-paragraph">站主甚至需要先改动2014主题的CSS、使其画面居中才算是可用。当然，不改也没什么关系，损失大屏幕用户而已。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-wp-tavern wp-block-embed-wp-tavern"><div class="wp-block-embed__wrapper">
<blockquote class="wp-embedded-content" data-secret="rq8hf2MZws"><a href="https://wptavern.com/wordpress-twenty-fourteen-theme-is-out-in-the-wild">WordPress Twenty Fourteen Theme Is Out in the Wild</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted"  title="&#8220;WordPress Twenty Fourteen Theme Is Out in the Wild&#8221; &#8212; WP Tavern" src="https://wptavern.com/wordpress-twenty-fourteen-theme-is-out-in-the-wild/embed#?secret=WvMoYnYUoF#?secret=rq8hf2MZws" data-secret="rq8hf2MZws" width="474" height="267" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div></figure>



<p class="wp-block-paragraph">2014主题的作者是Takashi irie，从名字可以看得出是一位日裔；而在他的个人博客也可以发现，2014主题原本是名为Further的付费专业杂志主题，于2013年发布。顺带一提，他在Automattic工作（也就是WordPress软件的开发公司），而Espied作品集主题也是他编写的（需要Jetpack插件的作品集功能）</p>



<p class="wp-block-paragraph"><a href="https://www.takashiirie.com/2013/02/18/wordpress-theme-professional-publishers-wpcom.html">https://www.takashiirie.com/2013/02/18/wordpress-theme-professional-publishers-wpcom.html</a></p>



<p class="wp-block-paragraph">所以，2014主题如果刨根揭底，确实是某种意义上的日系主题。</p>



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



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



<p class="wp-block-paragraph"><s>是的，我就是那位改装师。</s></p>



<p class="wp-block-paragraph">不过我想表达的是，它很有日式禅道主义的特色。<br>想起来前些年入手的巴慕达Phone，也是这样的理念。<br>当然，都不算是一个完成品就是。</p>



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



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



<p class="wp-block-paragraph">正因如此，曾经有Steam的老朋友认为我的博客很像早年cnblogs的风格。</p>



<h2 class="wp-block-heading">改装指南</h2>



<p class="wp-block-paragraph">在笔记本电脑上，尤其是MacBook不会填满浏览器页面，所以显示效果蛮好；但只要最大化显示在桌面屏幕上，就一言难尽了。</p>



<p class="wp-block-paragraph">我们知道2014是一个三栏主题，类似布局的我想是Typecho的Handsome主题。</p>



<p class="wp-block-paragraph">DisplayCAL的官方网站论坛也采用的是2014主题（以及bbPress），经过了特制的子主题修改，可惜改装设计师把这个子主题的GitHub存储库删除了；之前也见到过一位独立博客的博主，也是采用的2014主题，也是类似的效果，下文所述。</p>



<p class="wp-block-paragraph">这两位的网站采用的2014主题，都将网页宽度扩充至100%，将内容居中、侧边栏放至屏幕左右两端，甚至加上背景。</p>



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



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



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">随着Frutiger Aero一词和相关美学的流行，<br>本域在2025年和2026年进行了样式更新。</p>



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



<p class="wp-block-paragraph">索尼爱立信的手机主题就有一个以黑色为主色调的暗色主题、三星的功能机也有类似设计。我便是参考了这些。</p>



<p class="wp-block-paragraph">如今CSS能做的效果非常多，不再需要像以往堆积位图素材，也可以实现许多华丽的特效。</p>



<p class="wp-block-paragraph">我也参考了一些早期的个人主页网站，这也包括东方Project作者ZUN先生原本的旧网站。我记得还有一些独立作曲者的网站，与ZUN的旧网站风格很类似。</p>



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



<p class="wp-block-paragraph">总之，现在能看到的是一个Win8时代的杂志主题被魔改成形似「Vista时代的空间地带」</p>



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



<p class="wp-block-paragraph">也许我会考虑用AI大模型？先不说我很排斥滥竽充数的这些泡沫，恐怕2014的结构复杂度是AI也无法帮助的工作量。或者如果我会条理工作的话，也许根本不需要AI辅助。</p>



<p class="wp-block-paragraph">好在2014还算是一个基于HTML5+CSS3的现代主题，<br>无论是改动还是实际体验都不会差的太多。</p>

<p><a href="https://v1sta.xyz/think/wp%e4%b8%bb%e9%a2%98%e6%9d%82%e8%b0%88-twenty-fourteen-2014%e4%b8%bb%e9%a2%98/" rel="nofollow">来源</a></p>]]></content:encoded>
					
					<wfw:commentRss>https://v1sta.xyz/think/wp%e4%b8%bb%e9%a2%98%e6%9d%82%e8%b0%88-twenty-fourteen-2014%e4%b8%bb%e9%a2%98/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<enclosure url="https://v1sta.xyz/wp-content/uploads/2026/03/V1sta-Orb-Output512-2.png" length="199214" type="image/png"/><media:content url="https://v1sta.xyz/wp-content/uploads/2026/03/V1sta-Orb-Output512-2.png" width="512" height="512" medium="image" type="image/png"/>	</item>
		<item>
		<title>景の印 ~ 远景的墨色印记</title>
		<link>https://v1sta.xyz/life/ink-v1sta/</link>
					<comments>https://v1sta.xyz/life/ink-v1sta/#comments</comments>
		
		<dc:creator><![CDATA[域主 V1STA]]></dc:creator>
		<pubDate>Thu, 19 Mar 2026 07:44:11 +0000</pubDate>
				<category><![CDATA[日常]]></category>
		<category><![CDATA[艺术创作]]></category>
		<category><![CDATA[IndieWeb]]></category>
		<guid isPermaLink="false">https://v1sta.xyz/?p=3444</guid>

					<description><![CDATA[域主即将要揭晓介绍的是，景の域的后院空间——景の印 域名是以ink为前缀，衍生出谐音的「印记」——印象的记录。 &#8230; <a href="https://v1sta.xyz/life/ink-v1sta/" class="more-link">继续阅读<span class="screen-reader-text">景の印 ~ 远景的墨色印记</span> <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">域主即将要揭晓介绍的是，景の域的后院空间——景の印</p>



<p class="wp-block-paragraph">域名是以ink为前缀，衍生出谐音的「印记」——印象的记录。<br><del>虽然我没用过Evernote……</del></p>



<p class="wp-block-paragraph">这属于IndieWeb计划的一部分，使其兼容MicroPub格式的发布器。<br>与其说是随笔的印记，更像是一种网络收藏夹。<br>无论如何，以留存记忆为前提的元素不会改变。<br>也许以后主站的个人向记录，也会一并搬迁至此吧？</p>



<p class="wp-block-paragraph">主题使用的是 Independent Publisher 这一支持Microformats格式的IndieWeb主题、并采用Post Kinds插件兼容MicroPub发布器。</p>



<p class="wp-block-paragraph">背景是OneNote的竹子背景，感觉空空的于是就用了这个。我确实很想弄一个复古风格的个人博客。</p>


<div class="wp-block-image">
<figure class="alignright"><img decoding="async" src="https://ink.v1sta.xyz/wp-content/uploads/2026/03/Bamboo3-150x150.png" alt="" class="wp-image-191"/></figure>
</div>


<p class="wp-block-paragraph">以此自己一并绘制了竹筒样式的站标。<br>这也是受到了竹取物语的启发。我喜欢竹子。</p>



<p class="wp-block-paragraph">久等了！这是88×31的按钮：</p>


<div class="wp-block-image">
<figure class="alignleft size-full"><a href="https://ink.v1sta.xyz"><img data-dominant-color="8ecf88" data-has-transparency="false" style="--dominant-color: #8ecf88;" decoding="async" width="88" height="31" sizes="(max-width: 88px) 100vw, 88px" src="https://v1sta.xyz/wp-content/uploads/2026/03/88x31-ink.v1sta.png" alt="" class="wp-image-3434 not-transparent"/></a></figure>
</div>


<p class="wp-block-paragraph"></p>

<p><a href="https://v1sta.xyz/life/ink-v1sta/" rel="nofollow">来源</a></p>]]></content:encoded>
					
					<wfw:commentRss>https://v1sta.xyz/life/ink-v1sta/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<enclosure url="https://v1sta.xyz/wp-content/uploads/2026/03/Bamboo3.png" length="41172" type="image/png"/><media:content url="https://v1sta.xyz/wp-content/uploads/2026/03/Bamboo3.png" width="256" height="256" medium="image" type="image/png"/>	</item>
	</channel>
</rss>
