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

Question

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

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

Answer 1

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

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

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

get_stylesheet_directory_uri将引用资产的“当前”主题文件夹（可以是父级或子级，具体取决于调用的位置）。

  

儿童主题示例：

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

  

父主题示例

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

方式-1

// 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' );

方式-2

// 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' );

Answer 2

因为wp-enqueue-style会将队列/样式添加到队列中。

如果提供的源（不会覆盖）和排队，则注册样式。