自定义 CSS 和 HTML

添加您自己的样式表、head 区域中的代码、每个页面开头或结尾的 HTML,或页面内的嵌入代码。

如果设计设置不能满足需求,您可以为网站添加自己的 CSS 和 HTML。根据代码的用途,有四个位置可以放置代码。所有套餐均可使用这些位置。

您的代码放在哪里

  • 整个网站的自定义样式表:设置 → 页眉区域,部分自定义附加 CSS 样式表。您的 CSS 规则会应用于每个页面,也会应用于移动版式。
  • head 区域中的代码:设置 → 页眉区域,部分自定义附加 HTML 代码(位于 <head> 和 </head> 之间)。这里适合放置 <style> 和 <link> 标签、额外的 Meta 标签或网页字体。
  • 每个页面开头或结尾的 HTML:设置 → 常规,部分全站,字段每个页面的开头和每个页面的结尾。适用于计数器代码以及类似的必须出现在每个页面上的代码片段。
  • 单个页面内的代码:在内容编辑器中通过添加块 → 特殊 → 嵌入 HTML添加,例如地图、小组件或视频的嵌入代码。工具栏中的 HTML 编辑器还允许您直接编辑页面内容的 HTML。

添加您自己的样式表

  1. 在文本编辑器中编写 CSS 规则,并将文件以 .css 扩展名保存。
  2. 在文件 → 上传文件下上传该文件(请参阅上传文件)。CSS 文件属于代码文件文件夹;自动选择文件夹会将其放到那里。
  3. 打开设置 → 页眉区域,在自定义附加 CSS 样式表下的字段 URL(指向 .css 文件): 中选择该文件。
  4. 点击保存并重新加载您的网站。

如果您只需要几条规则,也可以改为将它们放在 <style>...</style> 标签内,填入HTML 代码字段;该字段属于自定义附加 HTML 代码(位于 <head> 和 </head> 之间)。

在页面上嵌入代码

  1. 在页面 → 管理页面 → 编辑页面内容下打开该页面。
  2. 点击添加块(或现有元素上的在后面添加元素),打开特殊标签页并选择嵌入 HTML。
  3. 粘贴代码并保存页面。

须知

  • 您的更改会立即生效;网站没有单独的测试版本。
  • 自定义 CSS 也会应用于移动版式。请避免固定宽度,并使用 max-width: 100%,以便您的元素能在小屏幕上正常显示(请参阅适配移动设备的网站)。
  • 完整的 HTML 文件(.htm、.html)只能在 Premium 套餐中上传。有关 HTML 基础知识,请参阅什么是 HTML?。

仍需帮助?

我们的客服团队乐于解答您关于 hPage 网站的任何问题。

联系客服