どうも、中村です。 ふと、「もっと面白いブログにしたい」という感覚が湧いてきまして、navigationに音をつけました。そのログです。自分の備忘録がメインなので端折っている点などがあるかもしれません。 jQueryHTML5を使って音のなるボタンを追加する 追加したファイル / 編集したファイル ・header.php ・audioファイル(音声ファイルです。mp3とoggを用意しました) ・teema_func.js (動きを付けるjsは別ファイル化したかったため追加 header.phpに直書きでもいけます) 素材を頂いたサイト様:無料効果音で遊ぼう! 用意した音声ファイルをメディアに上げる WordPress上のメディアにアップロードしてください。(勝手に画像しか保存できないと思っていたのですが、案外何でも保存できるんですね。) Jsファイルの作成と記述 Jsファイルの記述です。
![【HTML5/jQuery】マウスオンで音がなるボタンを追加する方法 | k n note](https://cdn-ak-scissors.b.st-hatena.com/image/square/c703e30007109bbd050037437baf69194f1346f3/height=288;version=1;width=512/https%3A%2F%2Fnkmrkisk.com%2Fwp-content%2Fuploads%2F2015%2F11%2F20151102_neko.jpg)