将粒子js安装到wordpress或使用其他方法

时间:2015-11-13 07:43:27

标签: javascript wordpress

如何将particles.js实施或安装到wordpress中?

http://vincentgarreau.com/particles.js/

我尝试过安装particle.js但是没有用,也许我想念一些重要的细节。

我还尝试过"粒子登录页面"插件,然后尝试将其复制到内容页面,但仍然没有运气。

任何建议都会有很大的帮助

感谢。

2 个答案:

答案 0 :(得分:0)

有几种方法可以做到这一点。我将以标准方式描述您应该如何做到这一点。将particles.js上传到您的活动主题文件夹(我将其上传到主题导演中的' js'文件夹。在您的活动主题中打开functions.php并插入以下代码。

function load_my_scripts(){
    wp_enqueue_script('muaw-ajax', get_template_directory_uri().'/js/particles.js');    
}

add_action('wp_enqueue_scripts', 'load_my_scripts');

保存您对functions.php所做的更改,然后它应该包含在您的主题中。

答案 1 :(得分:0)

如果您无法在本地安装CDN,则可以将其放入队列。

如果您具有标准的wordpress体系结构,则将以下内容添加到您的functions.php中。

--drop-rate=1

然后,您需要使用它们在页面上实际触发它的方式,这意味着向您的dom元素之一分配一个ID为“ particle-js”。

function enqueue_particlejs(){
  wp_enqueue_script('particle-js','https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js');
}
add_action('wp_enqueue_scripts', 'enqueue_particlejs');

如果您无权访问javascript文件,则可以直接对其进行内联:

<div id="particle-js"></div>

您需要在wordpress目录中的某个位置创建一个particlejs.json文件,并在上面引用该文件。

他们以一个为例,或者只是从您链接的网站中导出一个。