从Jfiddle到在Wordpress中实现有困难:(

时间:2016-02-08 作者:Irish Redneck

如果有人能为我指出正确的方向,告诉我如何做到这一点,而不是大喊关注抄本网站lol。如果我不能让它工作,我就不会在这里了哈哈。

我创建了一个简洁的jquery、css和html代码,在图像上实现了灯箱效果。但是,我在添加javascript部分时遇到了问题。我试着按照教程学习如何做,但始终没有成功。因此,我已经将css和html添加到自定义页面的主题中。现在如何添加javascript部分?

谢谢,这是我的小提琴!https://jsfiddle.net/w3yLx8vt/31/

1 个回复
最合适的回答,由SO网友:fischi 整理而成

最佳做法如下:

将Javascript代码放入文件中,yourcustomjs.js, 并将其存储在主题文件夹中。我会推荐yourtheme/js/yourcustomjs.js.

确保在需要时将脚本包装到文档中。就绪功能如下:

jQuery(document).ready(function($) {
    // your code
});
这使您能够确保$ 快捷方式正在工作。

之后,您需要注册脚本并将其排队。通常,你在functions.php, 但我总是建议创建一个文件yourtheme/library/scripts.php, 包括在functions.php. 这允许您在一个地方处理所有Javascript文件,周围没有其他内容。

在您的scripts.php 您必须在WordPress中注册Javascript。

wp_register_script (
    \'yourscripthandle\', //string $handle: a string to identify this script
    get_bloginfo( \'template_url\' ) . \'/js/yourcustomjs.js\', //string $src: Path of your script file
    array (\'jquery\' ), // array $deps = array(): defining which scripts your script is dependend on. In your case, it\'s jQuery.
    \'\', // string|bool $ver = false: The version of your Script
    true //bool $in_footer = false: whether your script should be enqueued in `wp_head()` or `wp_footer()`
);
现在WordPress知道了您的脚本,您需要告诉WordPress输出它,这是通过wp_enqueue_script():

wp_enqueue_script( \'yourscripthandle\' );
给你!如果正确执行了这些步骤,则应将脚本加载到页脚中。

顺便说一句:与注册和排队脚本类似,您应该对wp_register_style()wp_enqueue_style()

相关推荐

将wp_Query替换为wp_User_Query

我在插件中制作了一些订阅者档案和单曲(个人资料页),其中我还包括了一个“用户单曲”模板,通过template_include. 不过,我正在尝试从插件中删除一些模板,以使其使用主题模板。我用了locate_template( \'single.php\' ) 从活动主题中选择单个模板。我没有使用全局wp_query 在本例中显示我的内容,但页面显示了基于查询默认值的循环(十篇帖子)。我想知道的是,我是否可以完全放弃默认查询,用wp_user_query 我可以将查询到的用户ID输入其中。然后我想筛选the