Style.css 的 WP Enqueue 样式 - PHP

这篇文章将介绍 WordPress 中的 enqueuing 脚本和样式表的方式。通过enqueueing，我们可以轻松地把脚本和样式表添加到我们的 WordPress 主题中，并且可以提高网站的性能和安全性。

什么是enqueueing？

enqueueing 是将脚本和样式表添加到 WordPress 主题中的首选方式。enqueueing 提供了一种标准的方法来管理每个脚本和样式表，并且避免了重复加载相同的资源。

如果您使用 WordPress 主题开发，那么您肯定会通过写代码来添加 JavaScript 和 CSS 文件。然而，WordPress 提供了一种更好的方式，就是使用enqueueing。enqueueing 是将样式表和脚本添加到 WordPress 中的推荐方式，因为它帮助管理和优化您的网站。

如何enqueue样式表？

下面是一些 enqueueing 样式表的最佳实践：

1. 我们首先需要定义与主题相关的常量。在这个例子中，我们将添加一个常量 THEME_CSS，它将引用主题的 css 目录。

   define( 'THEME_CSS', get_stylesheet_directory_uri() . '/css/' );
   

2. 连接到主题的functions.php文件并使用wp_enqueue_style()函数为我们的样式表添加依赖关系。下面是一个例子，它将添加我们的样式表，依赖于bootstrap.min.css：

   function a_function_name_wp_enqueue_styles() {
       wp_enqueue_style( 'bootstrap', THEME_CSS . 'bootstrap.min.css' );
       wp_enqueue_style( 'main-styles', THEME_CSS . 'main.css', array('bootstrap') );
   }
   
   add_action( 'wp_enqueue_scripts', 'a_function_name_wp_enqueue_styles' );
   

可以看到，我们首先调用了bootstrap.min.css，并将其用作样式表main-styles的依赖关系。

总结

通过在 functions.php 中使用 enqueueing，我们可以更好地管理我们的样式表和脚本，并且可以避免多次加载相同的资源。让我们熟悉 enqueueing 并在我们的 WordPress 开发中使用它！