如何更改您交易平台网站的外观与风格

了解如何更改 Yclas 网站的主题颜色、添加小工具,个性化定制您的交易平台外观。

更改外观和设置选项


在我们的第三篇“操作指南”中,我们将来看看 Yclas 提供的其他一些设置选项。在前两篇文章中,我们已经讨论了如何创建我们的第一个分类信息网站,以及如何更改网站主题、创建分类,以及发布我们的第一条信息。现在是时候进入下一步,并添加一些新的设置选项了。


步骤一 — 更改主题颜色


上一次,我们将主题从 Ocean 主题更改为 Responsive 主题。该主题的标准颜色是红色,但我们打算把它改成绿色。


要做到这一点,进入“外观”,然后点击“主题选项”。在这里,我们可以在“更改主题的配色方案和样式”选择器中,把颜色改成绿色。我们在这里选择绿色,然后点击页面底部蓝色的“更新”按钮保存我们的更改。



如何更改您交易平台网站的外观与风格



现在,我们的网站看起来就会是这样:


如何更改您交易平台网站的外观与风格


步骤二 — 添加小工具


要给我们的网站添加更多功能,我们还可以添加所谓的“小工具”(widgets)。它们是一些非常小的应用程序,可以轻松安装在网站的特定部位,例如侧边栏、页头或页脚。

让我们进入“外观”,然后点击“小工具”。在这里,我们可以看到所有可用小工具的概览。


如何更改您交易平台网站的外观与风格



要安装一个小工具,我们只需点击想要的小工具旁边蓝色的“创建”按钮。我们先来安装“分类”小工具。点击“分类”小工具的创建按钮后,我们会看到这个窗口。在这里,我们可以选择想要把小工具放在哪个位置。我们选择把分类显示在侧边栏。我们点击蓝色的“保存更改”按钮,小工具就安装完成了。



如何更改您交易平台网站的外观与风格


我们对“联系”小工具也进行同样的操作。



如何更改您交易平台网站的外观与风格


安装好这两个小工具后,我们会看到它们都已经安装在侧边栏上。这在屏幕右侧就可以看到。



如何更改您交易平台网站的外观与风格


接下来,当您访问我们的网站并点击其中一条信息时,就会看到分类和联系小工具显示在侧边栏右侧。


通过分类小工具,我们可以看到当前所在的分类。在我们的例子中,这个分类是“整车自行车”。此外,我们还可以通过这个小工具浏览其他可用的分类。


此外,这里还有一个联系表单。通过这个表单,我们可以联系发布信息的人。填写主题、留言内容,并输入正确的验证码后,系统就会给发布信息的人发送一封电子邮件。就是这么简单!

2026 年个性化定制您的交易平台:Nova 主题选项和小工具区域

以上步骤是针对较早版本的主题和管理后台编写的。Ocean 主题已不再提供,如今每个新建的 Yclas 网站都默认使用Nova主题。过去称为“外观”的菜单,现在改名为设计,其中包含五个条目:主题、主题选项、小工具、菜单和自定义 CSS。基本思路没有变化,只是一些设置的位置发生了调整。

颜色:使用单一的主色调,而非预设配色方案

像 Responsive Listings 这样的旧主题(仍然提供红色、粉色和绿色皮肤)让您从固定的颜色列表中选择。Nova 的做法不同。在设计 › 主题选项 › 颜色下,您可以为按钮、链接和高亮内容选择一个主色调。正如Yclas 功能页面所说,这一个颜色就能重新设计整个网站的风格。留空则保留 Nova 默认的绿色。第二个字段用于设置悬停颜色,如果留空,Nova 会自动将您的主色调加深作为悬停颜色。

Nova 会在主色调按钮上显示白色文字,因此请选择一个足够深的颜色。W3C 的WCAG 2.2 对比度指南(SC 1.4.3)要求普通文字的对比度至少达到4.5:1,大号文字(定义为至少 18 磅,或 14 磅粗体)至少达到3:1。浅黄色、浅绿色和浅粉色通常无法与白色文字形成足够的对比度。保存之前,请先用对比度检测工具检查您选择的颜色。

Nova 中的其他外观设置

您想要更改的内容您可以在“设计 › 主题选项”中设置的内容
Logo上传一张 PNG 图片,推荐尺寸为 250 × 40 像素。如果没有 Logo,可以在网站名称旁边显示一个 Font Awesome 图标。
首页大图(Hero)背景图片(推荐尺寸 1920 × 640 像素)、标题以及标题下方的文字
“工作原理”展示区显示或隐藏该区域,并编辑面向卖家和买家各三个步骤的内容
字体Nova 自带的 Plus Jakarta Sans 字体,或访问者的系统字体
布局侧边栏位置(或不显示侧边栏)、面包屑导航、信息列表页面的无限滚动,以及从右到左的文字方向

对于“主题选项”未涵盖的内容,可以使用设计 › 自定义 CSS。

Nova 中的小工具

本指南中介绍的“分类”和“联系”小工具依然存在,此外还有文本(HTML)、图片、页面、分享、关注、搜索、地区和精选信息等小工具。Nova 有三个小工具区域:侧边栏、页脚和发布信息(用户发布信息的页面)。它没有页头区域。将小工具拖到未启用区域即可隐藏它们,同时保留其设置。

在添加侧边栏小工具之前,有一点需要了解:当侧边栏为空时,Nova 会在分类页面上显示自带的筛选器(关键词、分类、地区、价格和自定义字段)。一旦您在侧边栏添加了任何小工具,这些筛选器就不会再显示在分类页面上。搜索结果页面仍会显示它们。如果您只是想添加一个额外的信息框,比如联系或文本小工具,建议同时在侧边栏添加一个搜索小工具,这样访客仍然可以进行筛选。您也可以在“主题选项”中完全关闭 Nova 的筛选器。


如何更改您交易平台网站的外观与风格


正如您所看到的,更改网站外观并添加额外功能其实非常简单,而且不需要任何技术知识。下一次,我们将继续探稢 Yclas 提供的其他功能!



快速创建您自己的交易市场 您自己的域名、分类和自定义字段,几分钟即可就绪。免费试用 15 天。
开始免费试用