Question

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

我在tabcontent.css位于名为tabcontent - ＆gt;模板的目录的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文件中。请查看：

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

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

1 个答案: