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

标签 javascript php css wordpress

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

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

我在 tabcontent.css 位于名为 tabcontent-->template 的目录的头部添加了以下代码,该目录与我的 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>

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

谢谢

最佳答案

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

<?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 主题或插件时遵循最佳实践非常重要。

关于javascript - 页面不在 Wordpress 中加载样式表或 JS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19635368/

上一篇:javascript - Wordpress 模板 div 未展开

下一篇:当内容添加到其他元素时,html 元素移动

相关文章:

javascript - 在多个选择框中选中选项

php - 用户登录后,js文件包含php

PHP - 页面刷新时重新加载新记录

php - 如何使用 PHP 从完整路径中获取文件名?

php - 有没有办法用 div id 传递 php 变量?

javascript - 如何使我的网页加载速度更快?

javascript - 在 Angular 中如何让代码在回调函数之后运行?

php - 为什么我的代码没有将详细信息插入数据库?

css - 安装 SimpLESS 时遇到问题

html - 如何将图像放入按钮内?仅使用 html 和 css