Php 在wordpress中将自定义css添加到页面模板

嗨 我需要一些帮助，为我的页面模板创建自定义css文件。 有很多关于这个问题的话题，但是我读到的每一条帖子都会让我得到更多的信息和困惑

我为Twenty14主题创建了一个子主题，并添加了一个页面模板。如何将自定义css添加到此模板。我发现 此代码添加到子主题的functions.php中，用我的css选择合适的类。但是我该如何以及在哪里开设这门课呢？我读到我必须将该类添加到header.php中的body标记中，但我不确定。这是正确的方法吗

if (is_page_template( 'mytemplate.php' )){
$classes[] = 'myclass';
}

---

使用

is\u page\u template（）

条件有选择地加载CSS

在下面的函数中，我们将连接到

wp\u enqueue\u脚本

，并检查是否在自定义页面模板上，以确定是否加载其他CSS

如果结果为真，我们将从主题中的

CSS/

文件夹加载一个名为

page template.CSS

的CSS文件。更新路径以加载正确的文件

function wpse_enqueue_page_template_styles() {
    if ( is_page_template( 'mytemplate.php' ) ) {
        wp_enqueue_style( 'page-template', get_stylesheet_directory_uri() . '/css/page-template.css' );
    }
}
add_action( 'wp_enqueue_scripts', 'wpse_enqueue_page_template_styles' );

---

这个解决方案怎么样

<?php 
function mypage_head() {
    echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('stylesheet_directory').'/includes/mypage.css">'."\n"
}
add_action('wp_head', 'mypage_head');
?>
<?php get_header(); ?>

您可以使用

wp_head

hook将自定义内容（Javascript、CSS..）添加到自定义模板中。我认为这种方式更好，因为所有更改都将包含在模板文件中，所以您不必在其他地方进行检查

我从以下位置获得此解决方案：

这个怎么样

 function my_custom_styles() {

    wp_register_style( 'custom-styles', get_template_directory_uri().'/lib/styles/custom-styles.css' ) );

    if ( is_home ) {

    wp_enqueue_style( 'custom-styles' );
    }
 }

 add_action( 'wp_enqueue_scripts', 'my_custom_styles' );

---

我在这里测试了所有三个答案；所有这些都非常有效。有人知道哪一个更快更好吗？

不错。谢谢Nathan的代码片段，这正是我想要的！！但是当我把它包括进来时，css文件没有加载。所以google告诉我，我需要用get_样式表_目录_uri（）替换get_模板_目录_uri（）。现在它工作得很好！你可以问一个单独的问题。