Cargo 平台不仅提供可视化的界面供用户修改网站元素,同时也为希望进行更精细调整和直接操作代码的用户提供了多种途径。
CSS 编辑器
所有 Cargo 站点都内置了 CSS 编辑器。您可以在其中修改网站上的所有元素,并可添加自定义的选择器和类。要访问 CSS 编辑器,点击“站点设置”底部显示的“</>”图标。进行修改时,您将看到网站实时更新的效果。
HTML
尽管无法直接访问 Cargo 站点的底层 HTML 代码,但您可以通过添加自定义脚本来引入新功能。点击“站点设置”底部的“</>”图标,然后点击“HTML”选项卡。修改后,点击顶部的“更新”按钮以应用并预览您的更改。
代码视图
每个页面都设有“代码视图”菜单,其中包含了用于渲染页面内容的 HTML 代码。在此,您可以对 HTML 代码进行具体的修改,也可以添加或移除代码和内容。在此进行的修改不会实时更新;点击“更新”按钮以查看变化,或点击其他地方以应用。如果页面尚未添加任何内容,“代码视图”将是空的。
页面专属 CSS
如果您希望添加仅应用于特定页面的 CSS 样式,请在代码视图菜单(顶部菜单栏)中点击“CSS”选项卡。您为该特定页面添加的任何选择器都需要以页面 ID 作为前缀,其格式类似这样: [id="A1247988350"]。页面 ID可以在编辑该页面时,在浏览器的地址栏中找到。例如,要针对单个页面的 bodycopy 选择器应用样式,您可以创建如下所示的选择器:
[id="A1247988350"] bodycopy {
font-weight: 600;
}
CSS 片段
界面中的许多功能下方都有一个“CSS”链接,您可以点击该链接快速修改其默认行为。这些“CSS 片段”仅包含与相应功能相关的代码;要访问完整的 CSS 代码,请进入 CSS 编辑器。这篇文章回答了您的问题吗?