想尝试编辑WordPress CSS，但不知道从哪里开始？使用CSS样式，您可以全局或在某些页面上编辑网站的外观。添加颜色，分隔某些元素，设计布局，并从根本上改变WordPress主题中任何内容的外观。 如果您想更熟悉WordPress的开发环境，或者只是想更好地控制您网站的外观，您需要知道如何在WordPress中添加CSS（以及如何更改已经存在的内容）。 通过编辑您的主题并包含您自己的其他CSS，您将能够优化您网站上的每个视觉元素。今天，我们将仔细研究它。 什么是CSS编辑？ WordPress和CSS 如何使用CSS自定义您的WordPress主题 如何在WordPress中添加自定义CSS 在哪里学习CSS 什么是CSS编辑？ CSS代表Cascading Style Sheets，它是除了HTML之外最流行的网络语言。两者相辅相成，因为CSS用于设置HTML元素的样式。HTML为网站的外观奠定了基础，而CSS用于进一步设置样式。 CSS代码示例（来源：w3schools.com） CSS使您能够使网站具有响应性、添加颜色、更改字体、修改布局以及总体上微调网站的视觉呈现。与HTML和JavaScript一样，CSS是一种前端客户端语言，这意味着它在用户端执行，而不是在后端服务器上执行。 在深入研究WordPress开发时，HTML、CSS、JavaScript和PHP是您需要了解的语言。这就是核心CMS以及它的许多主题和插件的内置内容。 但是，即使您不是网页设计师或开发人员，也可以选择一点CSS，因为您可以使用它来移动网站上的元素或设置样式，或者对主题进行小的美学更改以更好地适应您。 WordPress和CSS 在WordPress中，CSS有点不同。它由主题控制，主题由模板文件、模板标签，当然还有CSS样式表组成。虽然由您的主题生成，但所有这些都可以由您编辑。 模板文件将您网站的各个部分拆分为多个部分（例如header.php或archive.php），并且模板标签用于调用它们以及数据库中的其他内容。这些文件实际上主要由PHP和HTML组成，但如果需要，您可以添加CSS。 您真正需要的是stylesheet或style.css。要更改您网站的外观，您需要了解如何在此文件中添加和编辑代码。 如何使用CSS自定义您的WordPress主题 如果您想自定义主题并使用CSS更改网站的外观，您需要添加自己的代码或编辑已有的代码。有很多方法可以添加CSS，而无需接触任何主题文件，但要更改现有的主题代码，您必须访问您网站的样式表。 当您进行这些更改时，您应该知道一件事：当您的主题更新时，您对style.css、functions.php或其他主题模板文件所做的任何编辑都将被删除。一般来说，您不应该在不使用子主题的情况下在编辑器中直接更改您的网站。 样式表就像您网站的“指令列表”，准确设置其样式以及CSS代码的处理方式。这是您进行大量编辑的地方，但我们还将向您展示如何访问其他主题模板文件，例如header.php和footer.php。 有两种方法可以访问WordPress网站的样式表：通过WordPress仪表盘或通过FTP客户端。我们将分别介绍这两种方法。 自己做这个不方便吗？考虑聘请WordPress开发人员为您处理该步骤。 在仪表盘中编辑WordPress CSS 访问CSS样式表的最简单、最方便的方法就是在WordPress仪表盘中。无需安装FTP程序或代码编辑器。您可以使用内置的语法突出显示和函数文档直接编辑任何文件。 在对核心文件进行任何重大编辑之前，您应该始终备份您的WordPress站点。如果您是CSS新手，很容易意外犯下可能破坏网站外观的错误，并且可能很难弄清楚如何恢复您的更改。 完成备份和子主题后，登录到您的后端。您可以通过转到菜单并单击外观 > 主题编辑器来找到编辑器。 您应该会看到一个弹出窗口，警告您不要直接编辑这些文件。不用担心，只需单击“I understand”即可。在进行任何重大更改之前，使用子主题并备份您的网站只是一个警告。按照这些步骤操作，就可以安全地进行编辑了。 直接编辑WordPress文件 现在你进来了！默认情况下，您应该在样式表上，但如果没有，请查看右侧的菜单以查看您的主题文件。 除了style.css，您还可以访问functions.php、header.php和single.php等模板文件。所有这些都会影响您网站上某些页面的行为方式。 但是在深入研究这些特定文件之前，您应该熟悉PHP。 在WordPress主题中编辑style.css样式表 请记住：您在此处所做的大多数CSS更改都是全局性的。例如，如果您将H1标题更改为某种字体，它将对您网站上的每个页面生效。您需要使用特殊语法来自定义特定页面的样式。 直接编辑主题文件 如果您无法访问主题编辑器或更喜欢通过FTP进行工作怎么办？使用后端编辑器更容易，但某些主题或插件可能会禁用它。如果是这种情况，您需要通过FTP连接到您的网站。 FTP或文件传输协议允许您远程访问和修改网站的文件。您需要做的第一件事是下载FileZilla或任何其他FTP客户端。 接下来，您应该联系您的主机并询问您的FTP凭据（主机、端口和用户名/密码，如果适用）。如果您的主机有仪表盘，您可以通过登录找到它们。 拥有它们后，启动FTP客户端并输入该信息。如果它不起作用，请尝试将“sftp://”放在主机部分的URL之前。 使用FileZilla 进入后，您可以找到style.css文件，方法是单击wp-content文件夹将其打开，然后单击主题文件夹（如TwentyTwenty主题），然后滚动直到看到style.css。 双击打开它（或右键单击并选择View/Edit）并进行修改。记得保存并上传回服务器。 如果您需要编辑home.php、single.php、archive.php等其他模板文件，您可以在style.css所在的文件夹中找到它们。 编辑您的主题文件，无论是通过FTP还是仪表盘，并不总是必要的。事实上，如果你只是添加一些额外的代码，最好避免这样做。 对于少量添加，这是将CSS添加到WordPress网站的最佳方式。 如何在WordPress中添加自定义CSS 如果您不想编辑现有的CSS代码，而只想添加自己的样式，强烈建议使用以下方法之一：WordPress定制器或使用专用插件。 […]
