Javascript Wordpress缩略图网格展开预览

我在这里找到了这个很棒的教程：

---

但我不知道如何让它在Wordpress中工作！我是Javascript的初学者/中级，但我真的不知道如何将其插入Wordpress。Wordpress Codex提到将脚本直接放到帖子中，因为它不会在站点范围内使用。有没有人能成功地让它工作？你能告诉我怎么做吗？

这里有一种方法。通过在functions.php文件中创建一个短代码，可以包含所需的js资源。请注意，对于此实现，您必须按照此行中的定义在本地包含资源：

element.src='/wp content/themes/custom_name_space/js/$src'

或者你可以使用某种插件，让你可以在帖子中添加自定义的js


/**您需要在源文件中包含此调用*/
$（函数（）{
Grid.init（）；
});
这里有一种方法可以做到这一点。通过在functions.php文件中创建一个短代码，可以包含所需的js资源。请注意，对于此实现，您必须按照此行中的定义在本地包含资源：
element.src='/wp content/themes/custom_name_space/js/$src'

或者你可以使用某种插件，让你可以在帖子中添加自定义的js


/**您需要在源文件中包含此调用*/
$（函数（）{
Grid.init（）；
});
感谢您的回复！但是我觉得我做错了什么……我得到了死亡的白屏，然后我注释掉了我插入functions.php文件的代码，现在网站又上线了。我有几个简短的后续问题：
要放在grid.js文件中的调用代码是否也需要放在modernizer.custom.js文件中<代码>$（函数（）{custom.modernizer.init（）；}）
id和src属性让我有点困惑。我为id选择的名称重要吗？对于src，我认为它与element.src相同？
确保开始和结束php标记位于文件的适当位置。不，该代码只需要放在grid.js的末尾。id属性是任意的，但它应该是唯一的，并有助于调试，以便您可以轻松找到脚本标记。src属性只是文件名，因为我已经指向了主题中的一个路径，然后文件名被连接起来。感谢您的回复！但是我觉得我做错了什么……我得到了死亡的白屏，然后我注释掉了我插入functions.php文件的代码，现在网站又上线了。我有几个简短的后续问题：
要放在grid.js文件中的调用代码是否也需要放在modernizer.custom.js文件中<代码>$（函数（）{custom.modernizer.init（）；}）
id和src属性让我有点困惑。我为id选择的名称重要吗？对于src，我认为它与element.src相同？
确保开始和结束php标记位于文件的适当位置。不，该代码只需要放在grid.js的末尾。id属性是任意的，但它应该是唯一的，并有助于调试，以便您可以轻松找到脚本标记。src属性只是文件名，因为我已经指向了主题中的一个路径，然后文件名被连接起来。感谢您的回复！但是我觉得我做错了什么……我得到了死亡的白屏，然后我注释掉了我插入functions.php文件的代码，现在网站又上线了。我有几个简短的后续问题：
要放在grid.js文件中的调用代码是否也需要放在modernizer.custom.js文件中<代码>$（函数（）{custom.modernizer.init（）；}）
id和src属性让我有点困惑。我为id选择的名称重要吗？对于src，我认为它与element.src相同？
确保开始和结束php标记位于文件的适当位置。不，该代码只需要放在grid.js的末尾。id属性是任意的，但它应该是唯一的，并有助于调试，以便您可以轻松找到脚本标记。src属性只是文件名，因为我已经指向了主题中的一个路径，然后文件名被连接起来。