wordpress - 为什么使用 wp_enqueue_style 比 WordPress 中的链接标签更好？

Question

我是 WordPress 开发的新手。我读到最好在 functions.php 文件中使用 wp_enqueue_style 和 do_action 而不是像不使用 WordPress 时那样直接链接 CSS 文件.

为什么这是最佳做法？它有什么优势？

Answer 1

如果您已激活子主题，则使用 get_template_directory_uri() 函数。

如果您已激活父主题，则使用 get_stylesheet_directory_uri() 函数。

---

get_template_directory_uri将始终引用 Assets 的父主题文件夹。

get_stylesheet_directory_uri将引用 Assets 的“当前”主题文件夹(可以是父项或子项，具体取决于调用位置)。

Child theme example:

wp_enqueue_style( 'my_child_styles', get_stylesheet_directory_uri().'/style.css' );

Parent theme Example

wp_enqueue_style( 'my_parent_styles', get_template_directory_uri().'/style.css' );

---

方法一

// load css into the website's front-end
function mytheme_enqueue_style() {
    wp_enqueue_style( 'mytheme-style', get_stylesheet_directory_uri().'/style.css' ); 
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_style' );

方法二

// Add this code in your functions.php
function add_stylesheet_to_head() {
      echo "<link href='".get_stylesheet_directory_uri()."/style.css' rel='stylesheet' type='text/css'>";
}

add_action( 'wp_head', 'add_stylesheet_to_head' );