我是 wix 的新手，正在编辑网站，想在页面中添加 css。但没有找到css的任何选项。有人知道如何在 wix 网站中添加自定义 CSS 代码吗？
谢谢
问问题
56665 次
10 回答
36
您可以通过将内联样式嵌入到每个页面来实现这一点，方法是创建一段包含在<style>和之间的自定义 CSS 代码</style>。
- 转到您网站的仪表板。
- 点击 左侧的管理网站。
- 单击 跟踪和分析。
- 单击 + New Tool ** 并 从下拉列表中选择 **Custom 。
- 设置您的自定义代码：
- 输入您的自定义代码。
- 选择相关域。注意： 此选项仅在您有多个域时才会出现。
- 输入自定义代码的名称。
- 将代码添加到页面： 选择要将代码添加到哪些页面：
- **所有页面：**单击下拉列表以选择一个选项：
- 加载代码一次。
- 在每个新页面上加载代码。
- **选择特定页面：**开始输入相关页面的名称，然后单击相关页面旁边的复选框。
- **所有页面：**单击下拉列表以选择一个选项：
- 将代码放置在： 选择代码片段在您网站代码中的放置位置：
- Head - 正如@Daniel Gurtner 所指出的，避免这种情况，因为它会在任何固有样式之前插入它，这使得它在这里几乎没用。
- 身体 - 开始
- Body - end 注意： 我建议在此处添加您的样式块以避免对您的加载产生延迟影响
- 单击 应用。
于 2018-07-07T00:58:24.213 回答
2
Wix 不断更新此内容，但我发现目前投票最多的评论中描述的位置在哪里。我没有足够的“声誉”来向线程添加评论，因此这是一个答案。
转到设置并滚动到高级（最后一部分），您可以看到自定义代码。其余步骤相同。
于 2021-07-03T11:42:16.063 回答
1
自 2022 年起，您可以从 Wix 仪表板的Settings > Advanced > Custom code下添加它。
单击添加自定义代码按钮。在此处粘贴代码片段中输入您的 CSS ： textarea。确保将其包装在<style type="text/css"></style>标签中。将代码类型设置为“基本”，因为它不需要用户同意才能加载。
注意：您将无法从页面编辑器或预览模式查看您的 CSS。您必须发布它并从前端查看它。
于 2022-02-08T02:46:30.180 回答
1
- 在编辑器中单击Add左侧。
- 单击More→ 嵌入。
- 将 HTML iframe 拖到站点。
- 单击您的 iframe，然后单击Edit Code。
然后输入：
<style> /* CSS Code */ </style>
于 2019-07-14T13:52:57.567 回答
1
按照以下步骤在 Wix 中添加 CSS。
- 转到您网站的仪表板。
- 点击左侧的管理网站。
- 单击跟踪和分析。
- 单击 + New Tool ** 并从下拉列表中选择 **Custom。
- 设置您的自定义代码：
- 输入您的自定义代码。
- 选择相关域。注意：此选项仅在您有多个域时才会出现。
- 输入自定义代码的名称。
- 将代码添加到页面：选择要将代码添加到哪些页面：
如果您在Wix Web 开发方面需要更多帮助，请访问 wix.com/forum。
于 2021-04-16T07:39:46.783 回答
0
您还可以通过在 Velo 中设置对象 (#id) 的 .html 属性来实现此目的。
以下示例向您的对象添加一个阴影，其 id 等于 #id：
$w("#id").html = "<p style='filter: drop-shadow(1px 8px 4px #4444dd)'>test</p>"
下面的代码片段显示了纯 HTML 的结果。
<p style='filter: drop-shadow(1px 8px 4px #4444dd)'>test</p>于 2021-07-21T12:03:44.750 回答
0
嵌入代码中的所有回车将在输出中显示为 \n，从而使代码无法正常工作。
于 2021-07-27T18:16:46.637 回答
0
我刚刚在2021 年 9 月 6 日尝试过。是的，可以添加 CSS 和 JS 自定义代码。
在编写自定义 HTML 代码的同一地点
对于 CSS 代码添加，
<style type:"text/css"> CSS CODE HERE </style>
对于 JS Javascript 代码添加，
<script> JS CODE HERE </script>
于 2021-09-05T16:54:10.407 回答
0
先前答案中的步骤对我不起作用。界面好像变了
以下步骤适用于新 UI：
- 转到您网站的仪表板
- 点击左侧边栏中的设置
- 向下滚动到“高级”部分
- 点击“自定义代码”
于 2021-07-18T15:55:41.900 回答