>どーもPITEです。Airを思いっきり落としてしまいました...。マジか...ちょっと傷はついたものの中身は平気みたい。)ゴメンヨまぁそれはそうと、悩みに悩みぬいた末にやっと本日WordPressでjQueryのプラグインを動かせるようになって来ました!そこで数ヶ月も前からずっと使ってみたかったjQueryプラグイン「jrumble」をNumber333に導入しましたのでその紹介と設定方法を書いていきます。スポンサードリンク「jrumble」とは?今回紹介する「jrumble」というプラグイン、言葉で説明するよりも実際に見てもらったほうがわかりやすい、というか見ちゃえば一目瞭然なプラグインでございます。試しに、この下の「笹食ってる場合じゃねぇ!!」の画像にマウスを当ててみてください。この「jrumble」というプラグイン、好きな要素をブルブル動かすことができちゃうプラグインなんです。いやーおもしろいよね!!画像だけじゃなくてdiv要素なんかも動かせちゃいます。マウスオーバーだけじゃなくて色々なアクションに対応させることもできます。こんな感じに定期的にブルブルさせることも可能。使ってて楽しいプラグインです。「jrumble」を導入してみる続いて今度は「jrumble」の使い方を説明していきます。Elementsまずは上記の公式サイトに飛んで「Download」というところからファイルをダウンロードしてきましょう。この公式サイトでは英語ですが「jrumble」の使用例を紹介しているのでちょっと見ておくと良いかと思います。「jrumble」を読み込むダウンロードできたら「jrumble」をサイトに読み込みましょう。ダウンロードした「jquery.jrumble.1.3.js」または「jquery.jrumble.1.3.min.js」を任意の場所(基本はテーマフォルダ直下のjsフォルダ)にアップロードします。アップロードができたら<head>内にそのファイルへのリンクを貼ってプラグインを使えるようにします。この時jQueryの忘れずに読み込んでおいて下さい。?>このように「wp_enqueue_script」を使ってあげると失敗する可能性が低いです。});次は「jrumble」の設定を行なっていきます。「#id名」の所にブルブルさせたい要素のidを入力しましょう。ちなみにidだと一つの要素しか指定できないので同じ設定で複数の要素に適用させたい場合はclassで指定しておくといいです。このスクリプトの説明をすると、xが「横軸方向に揺れる大きさ」でyが「縦軸方向に揺れる大きさ」、rotationは「斜め方向」の揺れだと思って下さい。数値が大きいほど激しく動きます。speedはそのまんま揺れる速さになっています。最初はこのスクリプトだけ記述していたのですが、なぜか動かずかなり悩みました...。Webutubutu!-Olderどうやら現在のバージョンは以前のものと仕様が違うみたいです。});先程のコードに加えてこちらのコードも書き加えてみて下さい。.hoverの部分が「マウスを乗っけたら動き出す」という命令になってます。このコードがないと「jrumble」は動かないんですねー。Elementsこの正規のサイトに英語ですがデモ付きでわかりやすい解説が載っているので参考にすればいろいろと簡単にカスタマイズできると思います。́∀`*)まとめやっとどうにか動くようになってきたjQuery。慣れてきたらWordPressへの導入記事を書こうと思っています。今まで助けてくれた方々に感謝!PITE更新情報はLINE@で!ここまでお読みいだきありがとうございます!更新情報や限定コンテンツはLINE@でお届けしていますので、右のボタンから登録をお願いします!あなたのスマホに記事を直接お届け。WordPressSPONSOREDtotal15share!シェアしてくれるとめっちゃよろこびます。(3)FOLLOW記事の更新情報や日々の出来事はSNSで。フォローしてもらえるとうれしいです。HIDETAKA中目黒在住のブロガー、28歳。つきまして【jQuery】Webページ上の要素をガクガクブルブルさせちゃうおもしろプラグイン「jrumble」を試行錯誤の上、ついに導入!monographはiPhone・Macなどのガジェットを中心に管理人PITE.の気になるモノを幅広く紹介するブログメディアです。月間50〜70万PV。気軽に楽しんで行って下さい。