質問編集履歴

1 タグにjQueryを追加しました

ami15821

ami15821 score 46

2016/06/15 19:45  投稿

particles.jsをwordpressで表示できるようにしたい
###前提・実現したいこと
幾何学的なアニメーションを実装できるparticles.jsをwordpressで表示できるようにしたいです。
###発生している問題・エラーメッセージ
```
htmlのコーデイングの時には通常通り動いていたのですが、wordpressにしたところ認識してくれていないのか、背景に幾何学的なアニメーションが表示されなくなってしまいました。
```
###該当のソースコード
header.php
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>example.com</title>
<?php wp_head(); ?>
</head>
```
footer.php
```
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/particles.min.js"></script>
<script src="js/set.js"></script>
<script>
(function($) {
$(function() {
var $header = $('#top-head01');
// Nav Fixed
$(window).scroll(function() {
if ($(window).scrollTop() > 350) {
$header.addClass('fixed');
} else {
$header.removeClass('fixed');
}
});
// Nav Toggle Button
$('#nav-toggle').click(function(){
$header.toggleClass('open');
});
});
})(jQuery);
</script>
```
よろしくお願いいたします。
  • WordPress

    9408 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • jQuery

    8583 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る