关于蒙需和友情链接页面的视觉改版

这几年,我欣赏过许多博客主精心设计的页面,它们美观精致,无可挑剔;但同时,也有许多博客主偏爱极简主义,那种清爽的留白同样让人如沐春风。

我始终是个坚定的简洁主义者,哪怕面对再复杂的事物,也总希望能用最简单的方式去表达。正因如此,对于“关于蒙需”与“友情链接”这两个独立页面,过去整整五年里,我一直只依赖 WordPress 后台最基础的编辑工具,用纯粹的文字进行排版。

直到最近一周,我才断断续续地对它们进行了一场视觉改版。坦白说,这些改动在那些功能丰富、表现力极强的博客面前,或许显得毫无亮点,甚至有些“守旧不化”,但这却是我在审美与实用之间,为自己找到的最佳平衡点。

先说“关于蒙需”页面。改版前,它由“蒙需由来”、“技能资格”、“服务领域”和“联系蒙需”四个部分组成,清一色的“标题+文字”结构,像极了枯燥的 Word 文档。现在,我将它重构为“昵称典故”、“数说影响”、“职业资格”、“专业领域”和“联系蒙需”五个板块。

在这个过程中,我也曾尝试过设计现代的大圆角卡片布局,甚至借助 AI 生成了多个漂亮的版面。但内心深处,我始终对那种繁复的样式有些排斥。我对这个页面的核心诉求依然是:重点突出且足够简洁。最终,我放弃了所有自定义的 HTML 与 CSS,仅仅依靠古腾堡(Gutenberg)编辑器自带的区块组件,就拼凑出了现在的效果。这种克制而纯粹的表达,正是我最喜欢的状态。

促使这次改版的另一个契机,是常有朋友好奇“蒙需”是否是我的真名,或是希望能添加微信。因此,我在这次改版中明确标注了“蒙需”只是我的昵称,并在“联系蒙需”板块公开了微信号。曾有朋友建议我直接写明真名,但其实,通过网站上公开的文章与历史痕迹,有心人完全可以搜索到我是谁。我的过往坦荡干净,不贪名图利,仅仅是单纯地喜欢这个网名罢了。

再聊聊“友情链接”页面。过去,这里完全是纯净的锚文本链接,简洁到了近乎简陋的地步。通常其他博客的友链会包含标题、描述、网址和头像四项信息,而我这里只有标题和网址。虽然这种极简方式在不同显示器下适配极佳,加载速度更是无可挑剔,但久而久之,连我自己都觉得有些过于单薄了。

如今,我将它改版为了每行三张卡片的样式,并加入了鼠标悬停效果:网站描述不再常驻,而是作为悬停时的提示弹出。其实,我也测试过卡片式两行显示(一行标题、一行描述),在 PC 端和移动端虽无排版问题,可一旦卡片数量增多,移动端下拉的长度就会变得令人难以忍受,体验极差。改为“单行标题+悬停描述”后,移动端的体验立竿见影地得到了改善。

不过,这次改版也留有一个小小的遗憾:友情链接页面最终使用了单独的 HTML 与 CSS 代码。我个人其实很排斥这种做法,因为我偏爱纯原生的主题,极力避免引入过多的自定义代码,甚至对主题本身的改动也总是保持在最小限度。但无奈的是,我实在想不出如何利用古腾堡编辑器的默认功能,构建出一个同时包含标题、描述和网址,且方便后期增删改查的简洁友链样式。

所以,如果恰好有朋友知道如何用默认的古腾堡编辑器实现上述需求,还望不吝赐教。

发表回复

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