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

我有一个页面，我想要为worpress中的特定页面加载一个sytlesheet和一个JS文件。页面不在Wordpress中加载样式表或JS文件

我在tabContent.css位于名为tabcontent - >模板的目录的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>

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

感谢

来源

2013-10-28 user2798091

我有点困惑。因此，如果您的主题文件夹是xyz，则位于“xyz/tabcontent.css”，“xyz/tab-content/tabcontent.css”，“xyz/tab-content/template1/tabcontent.css”中的'tabcontent.css'或“xyz/tab-content/template/tabcontent.css”？ –

@TomaszNguyen抱歉应该更清楚。它是xyz/tab-content/template1/tabcontent.css其中xyz是我的主题文件夹 – user2798091

看来您使用的代码很好。你可以看看http://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri。 –

这不加载JS和CSS文件在WordPress特定页面的正确方法。您需要使用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主题或插件时，遵循最佳实践非常重要。

来源

2013-10-28 13:46:53

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

回答

相关问题