javascript - 页面不会在 Wordpress 中加载样式表或 JS 文件

Question

我有一个页面，我想在 worpress 中为该特定页面加载 sytlesheet 和 JS 文件。

我在 tabcontent.css 位于名为 tabcontent-->template 的目录中的 head 部分添加了以下代码，该目录与我的 functions.php 文件位于同一目录，对于 js 文件也是如此。

<link href="<?php echo bloginfo('stylesheet_directory');?>/tab-content/template1/tabcontent.css" rel="stylesheet" type="text/css" />

<script src="<?php echo bloginfo('stylesheet_directory');?>/tab-content/tabcontent.js" type="text/javascript"></script>

我怎样才能正确加载这些文件。

谢谢

Answer 1

这不是在 WordPress 中为特定页面加载 js 和 css 文件的正确方法。您需要使用 is_page() 条件标记并使用 wp_enqueue_script() 和 wp_enqueue_style() 来加载资产。这是一个例子：

<?php
    if( is_page(Page ID, Page Title or Page Slug) ) {
        wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );
        wp_enqueue_style( $handle, $src, $deps, $ver, $media );
    }
?>

此代码应位于主题的 functions.php 文件中。请查看：

• http://codex.wordpress.org/Function_Reference/is_page
• http://codex.wordpress.org/Function_Reference/wp_enqueue_script
• http://codex.wordpress.org/Function_Reference/wp_enqueue_style

在构建 WordPress 主题或插件时遵循最佳实践非常重要。