在 wordpress 主题中插入 javascript 背景

Posted 2023-03-05

【中文标题】在 wordpress 主题中插入 javascript 背景

【英文标题】：Insert a javascript background in wordpress theme

【发布时间】：2021-07-04 17:50:18

【问题描述】：

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

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

谢谢:)

【问题讨论】：

javascript 文件的动画背景如何？这个文件是什么？这是“file.js”吗？或任何 .mp4 或 .mov 文件

您好！它是一个 javascript 文件 (.js)

【参考方案1】：

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

首先您必须将文件https://raw.githubusercontent.com/sigstart/matrix-rain/master/matrix.js 保存为matrix-rain.js 在主题的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>

【讨论】：

您好@the_previ 首先感谢您的回答！我一直在努力处理你对我说的所有信息。你能帮我留言吗？如果你能帮助我，也许我可以付钱给你。谢谢！