如何在BST WordPress入门主题中集成baguetteBox.js（）
我正在尝试为个人项目修改WordPress主题入门BST。
在其中, 我想要一个带有引导程序元素的自定义页面模板。此页面将以画廊形式显示各种图像。
我还需要导入baguetteBox.js插件, 以便可以使用其灯箱效果。
这些页面已使用html创建, 并且可以正常工作。将创建自定义页面模板, 并且设计与html变体相同。
但是, 在WordPress中导入脚本(通过使用wp enque和wp register)时, 控制台无法定义baguetteBox。所以我想我做错了。
这是安装此Bootstrap插件的官方指南：
我使用的排队代码位于bst-master / function / enqueues.php文件中：
对于baguetteBox.min.js：
wp_register_script('baguetteBox-js', get_template_directory_uri() . '/js/baguetteBox.min.js', false, null, true, array('jquery'));
wp_enqueue_script('baguetteBox-js');
我也尝试了没有array(‘ jquery’ )-没有变化。我也不确定在哪里/如何放置” 异步” 部分(由开发人员推荐)。
对于baguetteBox.min.css：
wp_register_style('baguetteBox-css', get_template_directory_uri() . '/css/baguetteBox.min.css', false, null);
wp_enqueue_style('baguetteBox-css');
问题出在< script> baguetteBox.run(‘ 。tz-gallery’ , {filter：/.angelov。+ \。(gif | jpe？g | png | webp)/ i}); < / script> 我无法弄清楚放置的方式和位置, 因此我只是尝试将其添加到页面模板php文件中以及插入页眉/页脚插件中。
#1所以我想出了自己的解决方案。首先, 经典的(推荐的)为WordPress添加脚本的方法以某种方式失败了。因此, 我决定将脚本放置在head.close头标记之前的header.php文件中, 并且不进行异步处理。我还将脚本移到了子主题的js文件夹中。看起来像这样：
<
script src="http://www.srcmini.com/<
?php echo get_stylesheet_directory_uri();
?>
/js/baguetteBox.min.js">
<
/script>
接下来, 我将以下代码放在最后一个< div> 标记之后的自定义页面模板文件中：
<
script>
baguetteBox.run('.tz-gallery', {filter:/.angelov.+\.(gif|jpe?g|png|webp)/i});
<
/script>
【如何在BST WordPress入门主题中集成baguetteBox.js（）】这一切都像魅力一样。
推荐阅读
- 如何在普通的WordPress网站中集成支付网关（）
- 如何在twenty seventeen主题的子主题中集成选项树最新版本2.6.0主题
- 如何使用伪CSS类选择器隐藏幻灯片1标语内容（）
- 如何将React(Webpack)捆绑路径注入WordPress脚本功能
- 如何通过Chrome DevTool实现边距更改
- 如何将wordpress网站的页眉和页脚包含到自定义php文件中（）
- 如何在该主题的任何地方隐藏特定的类别名称（）
- 如何在WordPress Single Post中隐藏精选图片
- 如何在JSON中获取WordPress自定义帖子数据（）