自定义 CSS

目录

在此指南中

1. 自定义 CSS
2. CSS 帮助
3. 常见问题解答

自定义 CSS

自定义 CSS 是定制器的一部分，也是 WordPress.com 高级版、商务版和电子商务版套餐的一项功能。您可以访问博客控制面板，使用我的站点 → 设计 → 定制 → CSS 中的 CSS 编辑器为您的 WordPress.com 博客添加自定义 CSS。

注意：对于使用 WordPress.com 商务版和电子商务版套餐且安装了相关插件的站点，您可以访问博客控制面板，在我的站点 → 设计 → 定制 → 其他 CSS 中找到“自定义 CSS”部分。

CSS 意为级联样式表，是一种标记语言，可以控制网页上 HTML 元素的显示样式。使用 CSS 修改网站设计可以尽情挥洒创意，备受欢迎的 CSS Zen Garden 项目就是一个很好的例子：只需 CSS 就可以改变一个 HTML 文件的外观。

要想充分利用这一功能，需要了解 CSS 和 HTML 的相关工作原理，或至少有意学习相关知识。有关详情，请参阅本页面下方的 CSS 帮助部分。

如果您想定制众多 WordPress.com 主题中的一个，且不想自己学习 CSS，我们建议雇佣设计师来进行您想要的更改。

---

CSS 帮助

需要 CSS 帮助？我们可以通过实时聊天或电子邮件提供有限的 CSS 支持。欢迎与我们联系，如果我们可以满足您的 CSS 请求，会通知您。否则，我们会帮您指明解决问题的方向！

要了解如何在 WordPress.com 上使用 CSS，请参阅编辑 CSS。如果您刚接触 CSS，请先查看 CSS 教程，例如 HTML Dog 的 CSS 新手教程。

如果您刚刚开始，需要花一点时间来学习，但是 CSS 这项技能很有价值，在很多场合都会用到。网络上有很多很棒的资源，可以帮助您着手学习更多关于 HTML 和 CSS 的知识。

以下是一些实用建议：

• 利用浏览器的开发人员工具查看站点的 CSS 代码。如果是 Firefox，请使用 Firefox 开发人员工具。如果是 Internet Explorer，请安装开发人员工具栏。如果是 Google Chrome，请使用 Chrome 开发者工具。
• 使用 CSS 验证器。

推荐的 CSS 教程

• HTML Dog CSS 新手教程
• 网页设计组 CSS 指南
• WestCiv 全面的 CSS 指南
• Sitepoint CSS 文章

推荐的 CSS 书籍

• 《Eric Meyer 谈 CSS（卷 1）》(Eric Meyer on CSS)
• 《Eric Meyer 谈 CSS（卷 2）》(More Eric Meyer on CSS)
• 《网页标准解决方案》(Web Standards Solutions)
• 《网页设计标准》(Designing with Web Standards)

常见问题解答

自定义 CSS 可用于编辑 HTML 吗？

不可以。使用自定义 CSS，您只能为主题添加或替换 CSS，而无法更改 HTML 标记或 PHP 代码。您可以在自定义 CSS 设置中关闭主题的 CSS，将任意 WordPress.com 主题变成空白画布。

自定义 CSS 可用于上传主题吗？

不可以。仅 WordPress.com 商务版和电子商务版套餐支持上传自定义主题。点击此处了解详情。

我可以删除文本链接（如“Blog at WordPress.com”）、主题、字体或工具栏链接吗？

所有 WordPress.com 用户都需要维护管理员栏（登录时显示在 WordPress.com 站点顶部的暗栏）。使用 WordPress.com 商务版和电子商务版套餐的客户可以联系支持人员，请求他们帮助删除管理栏（如果需要）。

如果站点上已使用 WordPress.com 商务版或电子商务版套餐，则可以隐藏注脚文本。如果您没有使用上述两种套餐，请不要使用 CSS 隐藏或更改注脚文本。

所有 WordPress.com 用户都可以从多个注脚文本选项中进行选择，从简单的 WordPress.com 徽标到“WordPress.com 网站”或“由 WordPress.com 提供支持”等文本选项。详情请参阅本文档。

只要注脚文本仍可读，仍可修改其样式（即颜色和字体大小）。您还可以使用 CSS 向现有注脚添加版权通知等内容。

我可以使用自定义 CSS 对现有的主题进行外观微调吗？

可以。这是最受欢迎的选项，也是最容易实现的。如果您只是添加小段 CSS 代码，对现有主题做出您想要的更改，这些更改将在加载主题的 CSS 后应用，因此将覆盖主题 CSS，而无需管理整个单独的 CSS 集。如此一来，只需在 CSS 编辑器中编写几行代码，即可快速轻松地进行小幅更改。

我可以使用自定义 CSS 对我的博客布局做出重大更改吗？

当然可以使用自定义 CSS 进行重大更改，但更改的难易程度取决于主题和您的 CSS 技能。无需将样式添加到主题的现有 CSS，而是可以完全覆盖它，从头开始，基本将任意 WordPress.com 主题变成空白画布。有些主题比其他主题更灵活，要想找出哪些主题可以更改，最佳方式是开始试验。

我可以使用 @import 和 @font-face 等 CSS 规则吗？

WordPress.com 高级版套餐目前不允许通过 CSS 加载外部文件，但 WordPress.com 商务版和电子商务版套餐支持该操作。

我可以在 CSS 中使用 Web 字体吗？

您可以在我的站点 → 设计 → 定制 → 字体中的字体面板内选择字体对。在使用 CSS 时，只能在前端使用这两种 Web 字体。此外，如果使用 WordPress.com 商务版或电子商务版套餐，还可以使用第三方插件添加其他字体。

是使用我的自定义 CSS 样式代替主题的标准样式，还是另外添加一种？

由您决定，两个选项都可以！您可以选择添加 CSS 来逐渐覆盖主题的现有 CSS（这是最受欢迎的选项），也可以在不加载主题的原始 CSS 的情况下重新开始。如果您添加到主题的现有 CSS，主题的标准样式表会先加载，然后再应用您的自定义 CSS 规则。如果您想对主题进行一些细微调整（例如更改文本的外观或背景颜色），请选择此选项。如果您从头开始，则不会加载主题的标准样式表。如果您想从头开始自己设计，请选择此选项。

可以将我的 CSS 应用到移动主题吗？

可以。您可以选择将自定义 CSS 应用于移动主题：我们适用于移动浏览器的默认主题。要启用此选项，请转至我的站点 → 设计 → 定制 → CSS，然后在“CSS 编辑器”下查找设置。选中“在移动主题中添加此 CSS”旁边的复选框。现在，您的样式将会应用到 Minileven。Minileven 主题有一个“移动主题”正文类，您可以使用它来编写专门针对 Minileven 的样式。下面是一个简单的例子，使用“移动主题”正文类为 Minileven 添加红色背景：

body.mobile-theme {
background-color:#ff0000;
}

我可以上传图像用于我的 CSS 吗？

可以。您可以将图像上传到您的媒体库，然后通过 CSS 样式表中的定向 URL 引用它。下面是一个简单的例子，说明了如何在您的样式表中使用背景图像：

div#content {
background-image:url('https://example.files.wordpress.com/1999/09/example.jpg');
}

我弄错了主题样式，该如何重置主题的样式？

请转至我的站点 → 设计 → 定制 → CSS，从编辑器中删除所有 CSS 代码，然后点击保存。

如果我退订 WordPress.com 高级版、商务版或电子商务版套餐会怎样？

WordPress.com 上的所有升级版套餐都是按年续订。如果您选择取消订阅，您的自定义 CSS 仍会保存，但不再应用于您的站点以供其他人查看。如果您想将样式重新应用到您的站点，可以重新购买升级版套餐，然后，只要您未更改主题，样式便会自动重新应用。如果您已经更改了主题，则可以通过 CSS 面板中编辑器上方的“CSS 修订”链接找到以前的 CSS。

---