p5.js on WordPress

wp_enqueue_script()関数をfunctions.php内で使用する。

メディアライブラリにjsファイルアップロード
(URLをwp_enqueue_script()関数で使用する)

■ functions.phpに下記追加

function my_scripts_method() {
wp_enqueue_script( ”,’jsファイルURL’,’array()’,”,false );
}
add_action( ‘wp_enqueue_scripts’, ‘my_scripts_method’ );

wp_enqueue_scripts参照

■ header.phpに下記追加

<style> body {padding: 0; margin: 0;} </style>
<script src=”http://tomohirofukuda.com/wp-content/uploads/2015/10/sketch.js”></script>
※</head>の前

<div id=”p5Canvas” class=”container”>
※body内の表示したい場所

 

■ 表示する.js(javascript)に下記追加

var canvas = createCanvas(900, 400,WEBGL);
canvas.parent(“p5Canvas”);
※ function setup()内

コメントを残す