如何在 WordPress 中添加样式 .css - CSS

在 WordPress 中添加样式，可以使用内联 CSS 或将 CSS 添加到特定的 .css 文件中。下面将介绍两种方法。

内联 CSS

内联 CSS 是将 CSS 样式直接添加到 HTML 页面的一种方法。在 WordPress 中，可以通过添加 HTML 片段到文章或页面中来添加内联 CSS 样式。

示例代码：

<p style="color: red;">这是一个红色的段落。</p>

在这个示例中，使用了 style 属性来设置段落的颜色样式为红色。您可以根据需要添加更多的样式属性，例如 font-size、background-color 等等。

注意：使用内联 CSS 的缺点是当您需要更改样式时，需要到每个 HTML 页面中进行更改。这会使维护更加困难，尤其是在大型网站中。

.css 文件

将 CSS 样式添加到外部 .css 文件中是一种比较常见的方法。这个方法可以使您更灵活地控制页面样式，并对多个页面进行统一的样式控制

示例代码：

<link rel="stylesheet" href="style.css">

在这个示例中，我们创建了一个名为 style.css 的 CSS 文件，并将其添加到 HTML 页面中。请注意，我们使用了 rel 属性来指示此文件是样式表，href 属性来指示样式表的位置。

在 WordPress 中可编辑的文件中，您可以直接访问 functions.php 文件来添加样式表。

示例代码：

function wp_add_custom_styles() {
    wp_enqueue_style( 'custom-styles', get_stylesheet_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'wp_add_custom_styles' );

在这个示例中，我们使用了 WordPress 提供的 wp_enqueue_style() 函数来添加名为 custom-styles 的样式表。通过这种方法添加样式表，我们可以保证样式表在 WordPress 中的正确性和可维护性。

以上就是在 WordPress 中添加样式 .css 的两种方法。您可以根据需要选择合适的方法来实现您的网站样式需求。