ArcBlock 很高兴向您介绍 Theming,这是我们新推出的可视化主题编辑器,可让您随心所欲地使用专业色彩和排版设计。无论您是想匹配您的品牌颜色、提高可读性,还是想创建更吸引人的视觉体验,Theming 都能让您无需任何技术知识即可自定义网站外观。
注意: Theming 功能需要管理员权限。
Theming 是什么?#

Theming 是一个可视化编辑器,重点关注网站外观最重要的部分:颜色和字体。它旨在帮助您建立具有凝聚力的专业配色方案,并选择能增强可读性和定义品牌声音的字体。
该界面由三个直观的功能区域组成:
- 顶栏:保存更改、切换主题和访问其他快速操。
- 左侧面板:这是您自定义颜色、字体和样式的控制中心。
- 右侧面板:您的实时预览,在这里您可以看到每项更改即时生效。
焕然一新:Discuss Kit 论坛#

让我们看看 Theming 的实际效果。我们将采用标准的 Discuss Kit 论坛,并将其颜色和字体从默认外观转变为真正特别的外观--一种反映现代社区的充满活力、引人入胜的设计。
第一步:开始#

通过 后台控制面板 → 网站 → 主题设置 访问主题功能。编辑器将在实时预览面板中加载当前网站。对于 Discuss Kit,您将看到默认的白色背景、黑色文本和标准绿色点缀的论坛。
第二步:色彩转换#

左侧面板的第一个部分是 “颜色”。这里没有混乱的十六进制代码,而是以直观的色块代表网站的不同元素:按钮和链接用主色调,点缀用辅助色,文本和背景用中性色。
让我们为 Discuss Kit 创建一个更吸引人的配色方案。单击主色块,打开功能强大的颜色选择器。您可以从预定义的调色板中进行选择,也可以使用色轮,或输入您特定的品牌颜色。选择颜色时,预览面板会实时更新。您还可以在浅色和深色模式之间切换,以确保您的主题在任何环境下都显得完美。

当你选择颜色时,预览面板会立即更新。你还可以在明暗模式之间切换,查看主题在不同环境下的效果。
第三步:让字体开口说话#

接下来,让我们来完善字体。字体部分提供了成千上万种 Google 字体,并有实时预览,可以准确显示它们在网站上的效果。
对于 Discuss Kit 这样的论坛,你需要的是现代感强、可读性高的字体。为标题选择简洁的无衬线字体以吸引注意力,为正文选择易于阅读的补充字体。预览会立即显示这些选择如何影响整个网站的可读性。
第四步:最终润色#

最后,调整边框半径,让效果更加完美。通过这个简单的滑块,你可以为按钮、卡片和容器赋予略带圆角的现代外观。实时预览可帮助你即时找到尖角和软角之间的完美平衡。
第五步:最终呈现#

对颜色和排版调整满意后,只需点击保存按钮。您的新主题就会立即应用到您的实时网站上。无需等待,无需排队部署,也没有技术障碍。
人人都能用的主题系统#
Theming 的强大之处在于它的简单性。它面向所有人,而不仅仅是设计师和开发人员。以下就是它如此出色的原因:
- 实时预览:每一个变化都是即时可见的。所见即所得。
- 可视化控件:你使用的是直观的视觉元素,而不是复杂的代码或设置。
- 智能默认设置:系统提供智能起点,让你无需从头开始。
- 无需技术背景:你不需要了解 CSS、色彩理论或网页开发,就能创建一个漂亮而专业的网站。
进阶指南#
虽然本示例涵盖了基础知识,但 Theming 为高级用户提供了更多。您可以为不同的季节或活动创建并保存多个主题,还可以使用键盘快捷键等高级功能来加快工作流程。
准备好开始了吗?
- 探索文档: 如需了解详细的技术信息和高级功能,请查看我们全面的 Theming 文档。
- 分享您的反馈: 有建议或问题?访问 ArcBlock 社区,分享您的想法。我们将竭诚为您服务!
- 帮助我们改进: 加入我们的 Bug Bounty 计划,帮助我们发现问题并为每个人改进 Theming。
