如何向网站添加自定义 CSS

← 返回

创建一个带有“自定义 CSS”模块且仅管理员可访问的服务栏目——其页面上有 CSS 编辑器，样式将应用到网站的所有页面。

  1. 在“网站结构”部分点击 “添加主菜单项”，命名该部分，例如“我的 CSS”。
  2. 在字段 “模块” 通过 “选择” 找到卡片 “自定义 CSS” （代码 custom_css).
  3. “访问级别” — “仅管理员”。保存。
  4. 打开此部分。首次打开时会显示“网站 CSS 文件已创建。它会在网站所有页面上最后加载。”。
  5. 在编辑器中编写规则。Tab — 缩进，Shift+Tab — 取消缩进。
  6. 点击 “保存” 或 Ctrl+S。刷新页面后即可看到更改。

该文件在每个页面上最后加载，因此在选择器优先级相同时会覆盖引擎样式。但区块样式窗口（齿轮图标）中的设置会直接写入区块——只有 !important.

该文件存储在网站文件中，并会包含在备份和模板中。

如果未能成功

  • 样式隐藏或破坏了页面。 点击 “不使用我的 CSS” 在编辑器中——它将在没有您的样式的情况下打开。在网站的任何页面上，在地址后添加 ?nocustomcss=1 也能达到同样效果（仅对管理员有效）。
  • “文件已更改”。 文件已在另一个标签页或被另一位管理员修改。您可以用自己的文本覆盖，或取消、复制文本并刷新页面。
  • “CSS 文件过大”。 上限为 512 KB。请删除多余内容；图片请使用链接插入，而不是在 CSS 中嵌入代码。
文章有帮助吗？

另请参阅

如何设置徽标和网站图标两张图片都在“徽标”信息器的设置中上传——通过“徽标”和“网站图标”字段。如何设置块样式：边框、背景、内边距、阴影将鼠标悬停在块上并点击齿轮——会打开样式窗口，包含“边框”、“块”、“文本”、“链接”、“动画”、“定位”选项卡。如何向所有页面添加计数器或第三方小部件在通用设置的“关于网站”选项卡中，“小部件 HTML 代码”字段——代码会插入到网站的每个页面。菜单中的信息器是什么这些是与菜单项并列显示的小部件：徽标、购物车、搜索、语言切换器、聊天等。

在帮助部分，您将找到常见问题的解答和关于使用 Site Look 网站构建器的实用指南。在这里您可以了解如何管理分区、添加对象和配置网站。这些材料对新手和有经验的用户都有帮助。如果您没有找到答案，请联系支持。