如何在wix网站中添加自定义css
How to add custom css in wix website
我是 wix 的新手，正在编辑网站，想在页面中添加 css。但未找到 css 的任何选项。
有人知道如何在 Wix 网站中添加自定义 css 代码吗？
谢谢
你不能。这不是 Wix 提供的功能。
您可以通过创建包含在 <style> 和 </style>.
之间的自定义 css 代码块，将内联样式嵌入每个页面来实现此目的
- 转到您网站的控制面板。
- 点击左侧的管理网站。
- 单击跟踪与分析。
- 点击+ 新工具**和select**自定义。
- 设置您的自定义代码：
- 输入您的自定义代码。
- Select 相关域。 注意：仅当您有多个域时才会出现此选项。
- 为您的自定义代码输入一个名称。
- 将代码添加到页面：Select 要将代码添加到哪些页面：
- **所有页面：**单击下拉菜单以 select 一个选项：
- 加载一次代码.
- 在每个新页面加载代码。
- **选择特定页面：**开始输入相关页面的名称，然后单击相关页面旁边的复选框。
- Place Code in: Select 将代码片段放置在您网站的代码中：
- Head - 正如@Daniel Gurtner 所指出的，避免这种情况，因为它会在任何固有样式之前插入它，这使得它在这里几乎没用。
- 正文 - 开始
- Body - end 注意：我建议在此处添加您的样式块以避免对您的加载产生延迟影响
- 单击应用。
- 单击编辑器左侧的添加。
- 单击更多 → 嵌入。
- 将 HTML iframe 拖到站点。
- 单击您的 iframe，然后单击 编辑代码。
然后输入：
<style>
/* CSS Code */
</style>
按照以下步骤在 Wix 中添加 CSS。
- 转到您网站的控制面板。
- 点击左侧的管理网站。
- 点击跟踪和分析。
- 单击 + 新工具 **和 select **下拉列表中的自定义。
- 设置您的自定义代码：
- 输入您的自定义代码。
- Select 相关域。注意：此选项仅在您有多个域时才会出现。
- 为您的自定义代码输入一个名称。
- 将代码添加到页面：Select 要将代码添加到哪些页面：
如果您在 Wix Web Development 方面需要更多帮助，请访问 wix。com/forum。
Wix 不断更新此内容，但我目前已找到投票最多的评论中描述的地点。我没有足够的“声誉”来向线程添加评论，因此这是一个答案。
转到设置并滚动到高级（最后一部分），您可以看到自定义代码。其余步骤相同
之前答案中的步骤对我不起作用。好像界面变了。
以下步骤适用于新的 UI：
- 转到您网站的控制面板
- 点击左侧边栏中的设置
- 向下滚动到“高级”部分
- 点击“自定义代码”
您也可以通过在 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>
嵌入代码中的所有回车符 returns 将在输出中显示为 \n，使代码无法运行。
我刚在 2021 年 9 月 6 日 试过。是的，可以添加 CSS & JS 自定义代码。
写自定义HTML代码的地方
对于CSS代码添加，
<style type:"text/css"> CSS CODE HERE </style>
对于 JS Javascript 代码添加，
<script> JS CODE HERE </script>
自 2022 年起，您可以从 Wix 控制面板的 设置 > 高级 > 自定义代码.
单击添加自定义代码 按钮。在 此处粘贴代码片段： 文本区域中输入您的 CSS。确保将其包裹在 <style type="text/css"></style> 标签内。将代码类型设置为“基本”，因为它不需要用户同意即可加载。
注意：您将无法从页面编辑器或预览模式中看到您的 CSS。您必须发布它并从前端查看它。
Wix Add Custom Code screenshot
我是 wix 的新手，正在编辑网站，想在页面中添加 css。但未找到 css 的任何选项。 有人知道如何在 Wix 网站中添加自定义 css 代码吗？
谢谢
你不能。这不是 Wix 提供的功能。
您可以通过创建包含在 <style> 和 </style>.
- 转到您网站的控制面板。
- 点击左侧的管理网站。
- 单击跟踪与分析。
- 点击+ 新工具**和select**自定义。
- 设置您的自定义代码：
- 输入您的自定义代码。
- Select 相关域。 注意：仅当您有多个域时才会出现此选项。
- 为您的自定义代码输入一个名称。
- 将代码添加到页面：Select 要将代码添加到哪些页面：
- **所有页面：**单击下拉菜单以 select 一个选项：
- 加载一次代码.
- 在每个新页面加载代码。
- **选择特定页面：**开始输入相关页面的名称，然后单击相关页面旁边的复选框。
- **所有页面：**单击下拉菜单以 select 一个选项：
- Place Code in: Select 将代码片段放置在您网站的代码中：
- Head - 正如@Daniel Gurtner 所指出的，避免这种情况，因为它会在任何固有样式之前插入它，这使得它在这里几乎没用。
- 正文 - 开始
- Body - end 注意：我建议在此处添加您的样式块以避免对您的加载产生延迟影响
- 单击应用。
- 单击编辑器左侧的添加。
- 单击更多 → 嵌入。
- 将 HTML iframe 拖到站点。
- 单击您的 iframe，然后单击 编辑代码。
然后输入：
<style> /* CSS Code */ </style>
按照以下步骤在 Wix 中添加 CSS。
- 转到您网站的控制面板。
- 点击左侧的管理网站。
- 点击跟踪和分析。
- 单击 + 新工具 **和 select **下拉列表中的自定义。
- 设置您的自定义代码：
- 输入您的自定义代码。
- Select 相关域。注意：此选项仅在您有多个域时才会出现。
- 为您的自定义代码输入一个名称。
- 将代码添加到页面：Select 要将代码添加到哪些页面：
如果您在 Wix Web Development 方面需要更多帮助，请访问 wix。com/forum。
Wix 不断更新此内容，但我目前已找到投票最多的评论中描述的地点。我没有足够的“声誉”来向线程添加评论，因此这是一个答案。
转到设置并滚动到高级（最后一部分），您可以看到自定义代码。其余步骤相同
之前答案中的步骤对我不起作用。好像界面变了。
以下步骤适用于新的 UI：
- 转到您网站的控制面板
- 点击左侧边栏中的设置
- 向下滚动到“高级”部分
- 点击“自定义代码”
您也可以通过在 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>
嵌入代码中的所有回车符 returns 将在输出中显示为 \n，使代码无法运行。
我刚在 2021 年 9 月 6 日 试过。是的，可以添加 CSS & JS 自定义代码。
写自定义HTML代码的地方
对于CSS代码添加，
<style type:"text/css"> CSS CODE HERE </style>
对于 JS Javascript 代码添加，
<script> JS CODE HERE </script>
自 2022 年起，您可以从 Wix 控制面板的 设置 > 高级 > 自定义代码.
单击添加自定义代码 按钮。在 此处粘贴代码片段： 文本区域中输入您的 CSS。确保将其包裹在 <style type="text/css"></style> 标签内。将代码类型设置为“基本”，因为它不需要用户同意即可加载。
注意：您将无法从页面编辑器或预览模式中看到您的 CSS。您必须发布它并从前端查看它。
Wix Add Custom Code screenshot