如何在Wix网站中添加自定义CSS

Question

我是wix的新用户，正在编辑一个网站，并希望在页面中添加CSS。但找不到CSS的任何选项。有人知道如何在wix网站中添加自定义CSS代码吗？

谢谢

Answer 1

您可以通过在每个页面上嵌入内联样式来实现此目的，方法是在和之间创建一大堆自定义CSS代码。

1. 转到您网站的信息中心。
2. 点击   左侧的管理网站。
3. 点击  跟踪与分析。
4. 点击  +新工具**，然后  从下拉列表中选择**自定义。
5. 设置您的自定义代码：
   1. 输入您的自定义代码。
   2. 选择相关的域。注意：  仅当您具有多个域时，此选项才会出现。
   3. 输入自定义代码的名称。
   4. 将代码添加到页面：  选择要将代码添加到的页面：
      • **所有页面：**单击下拉列表以选择一个选项：
        • 一次加载代码。
        • 在每个新页面上加载代码。
      • **选择特定页面：**开始输入相关页面的名称，然后单击相关页面旁边的复选框。
   5. 放置代码：  选择将代码片段放置在网站代码中的位置：
      • 头 -正如@Daniel Gurtner指出的那样，请避免这种情况，因为它会在任何固有样式之前插入它，这使它在这里几乎毫无用处。
      • 身体-开始
      • 正文-尾注：  我建议在此处添加样式块，以避免对加载产生延迟影响
6. 点击  应用。

Answer 2

Wix 不断更新此内容，但我目前已经找到了投票最多的评论中描述的位置。我没有足够的“声誉”来向线程添加评论，因此这是一个答案。

转到“设置”并滚动到“高级”（最后一部分），您可以看到自定义代码。其余步骤相同。

Answer 3

自 2022 年起，您可以从 Wix 仪表板的“设置” > “高级” > “自定义代码”下添加它。

单击添加自定义代码按钮。在将代码片段粘贴到此处： textarea中输入您的 CSS 。确保将其包裹在<style type="text/css"></style>标签内。将代码类型设置为“基本”，因为它不需要用户同意即可加载。

注意：您将无法从页面编辑器或预览模式中查看 CSS。您必须发布它并从前端查看它。

Wix 添加自定义代码截图