在 wordpress 主題中插入 javascript 背景

Question

我想在我的 wordpress 網站上放一個 javascript 文件作為我的背景。 這是一個持續運行的動畫背景（它是矩陣雨）。 我不知道我應該從哪里開始插入代碼，我一直在網上尋找，但沒有關於在 wordpress 主題上插入動畫背景的教程。

請問你能幫幫我嗎？ 我想很多人都和我一樣。

謝謝：）

Answer 1

我以這個矩陣雨庫為例https://sigstart.github.io/matrix-rain/ 。

首先，您必須將文件https://raw.githubusercontent.com/sigstart/matrix-rain/master/matrix.js作為matrix-rain.js在主題的js文件夾中。

然后你必須包含 JavaScript 文件。

在functions.php中。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>