javascript - 在 wordpress 主题中插入 javascript 背景

标签 javascript php html wordpress web

我想在我的 wordpress 网站上放置一个 javascript 文件作为我的背景。它是一个不断运行的动画背景(它是矩阵雨)。我不知道应该从哪里开始插入代码,我一直在网上寻找,但没有关于在 wordpress 主题上插入动画背景的教程。

你能帮帮我吗?我想很多人都和我一样。

谢谢:)

最佳答案

我以这个matrix-rain库为例https://sigstart.github.io/matrix-rain/ .

首先你必须保存文件 https://raw.githubusercontent.com/sigstart/matrix-rain/master/matrix.js作为主题的js文件夹中的matrix-rain.js

然后您必须包含 JavaScript 文件。

functions.php

// Import moment.js
wp_enqueue_script('moment-min-js', 'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js', array(), '1.0.0', false);
// Import matrix-rain
wp_enqueue_script('matrix-rain', get_template_directory_uri() . '/js/matrix-rain.js', array(), '1.0.0', false);

然后在你想要显示背景的模板中,例如 single-post.php 把这个:

<canvas id="matrix"></canvas>

关于javascript - 在 wordpress 主题中插入 javascript 背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67011100/

相关文章:

javascript - 为什么我从 DefineProperty 方法中得到未定义的值?

javascript - 如何在循环内淡出div、更改背景图像和淡入?

javascript - 在 PHP 中如何使用 $_REQUEST 检索输入数组以输入数据库

javascript - 如何使用 ClassName 将条目添加到 DIV

javascript - 如何将 Html 对象高度设置为与窗口高度相同?

javascript - 停止js ajax函数中的html提交按钮

php - PDO 在一次查询中使用 2 个数据库连接

javascript - 在提交表单之前检查用户名是否可用

javascript - 如何在 HTML 的 head 元素内有条件地呈现 CSS 和 JavaScript

javascript - 当使用 Jquery 隐藏字段时绕过表单验证