WordPress 如何添加自定义 CSS

WordPress 是一个流行的内容管理系统（CMS），它允许用户轻松地创建和管理网站，要在 WordPress 中添加自定义 CSS，您需要先创建一个 CSS 文件，然后将其上传到 WordPress 主题的文件夹中，以下是具体步骤：，1. 登录到您的 WordPress 后台；，2. 转到外观 > 自定义；，3. 点击右侧的“编辑器”选项；，4. 点击“添加新”，创建一个新的 CSS 文件，文件名格式为：custom.css （确保文件扩展名为 .css）；，5. 在 CSS 文件中编写您的自定义样式；，6. 点击右侧的“发布”按钮；，7. 确保已选择正确的主题，并点击“更新现在”。，之后，在浏览器中刷新页面，您应该能看到您的自定义 CSS 已成功应用到网站上。

在WordPress中，大多数页面设计和样式是通过主题来实现的，有时候默认的主题样式并不能满足我们的特定需求，这时候，我们可以通过添加自定义CSS来个性化我们的网站,本文将指导你如何在WordPress中添加自定义CSS。

什么是自定义CSS？

自定义CSS是指除了主题自带的CSS样式之外，你额外添加到网站中的CSS样式，这些样式可以让你改变网站的布局、颜色、字体以及其他元素的外观。

使用WordPress插件添加自定义CSS

WordPress提供了多种插件来帮助用户轻松地添加自定义CSS，最受欢迎的是“Simple Custom CSS”和“Custom CSS and JS”，下面将以“Simple Custom CSS”为例,介绍如何添加自定义CSS。

安装并激活插件

登录到你的WordPress后台（Dashboard）。
点击左侧菜单中的“Plugins”，然后点击“Add New”。
在搜索框中输入“Simple Custom CSS”,然后从搜索结果中选择该插件。
点击“Install Now”按钮进行安装。
安装完成后，点击“Activate”按钮启用插件。

添加自定义CSS

在WordPress后台的“Appearance”选项卡下，找到“Edit with Code Editor”链接。
点击该链接,打开代码编辑器。
在代码编辑器的右上角，你会看到一个名为“Theme Editor”的选项，点击它,这将打开主题文件列表。
在主题文件列表中，找到并打开你想要添加自定义CSS的文件，这个文件位于“/wp-content/themes/your_theme_name/”目录下。
在文件中找到<head>标签,并在其内部添加你的自定义CSS代码。

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1"><?php bloginfo( 'name' ); ?></title>
    <!-- 这里添加自定义CSS -->
    <style>
        body {
            background-color: #f0f0f0;
        }
        h1 {
            color: #333;
        }
        .custom-class {
            font-size: 24px;
            font-weight: bold;
        }
    </style>
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
    <?php wp_body_open(); ?>