ども(*･ω･*)ﾉﾞ 2014年もあとわずかですね。来週はもうクリスマスウイーク～。という事で、ブログに雪を降らせるJavaScript「Snowstorm」を設置してみました。
去年までは、WordPressのプラグイン「Jetpack」に入ってる雪を降らせる機能(一般設定で1/4まで雪を降らせるにチェックを入れる)を使ってたんですけど、今年は、JavaScriptで設置してみました。
設置方法
始めに↓Snowstormのウェブサイトへ飛んで、真ん中あたりにある「download」をポチっとして、ファイルをダウンロードします。
Let It Snow. So, you want JavaScript snow on your web site, eh? Snowstorm is a JavaScript-driven snow effect that can be easily added to web pages. It is free for use, and easy to set up. A single JavaScript file provides the functionality required. No images are used for the snow effect.
ファイルをダウンロードしたら解凍します。使うのは、「snowstorm-min.js」だけ。これをサーバーにアップロードします。
あとは、ブログのテーマ編集で、ヘッダー部分に↓のコードを記載します。
|
1 2 3 4 5 |
<head> <!-- snowstorm.js --> <script type="text/javascript" src="http://○○○/snowstorm-min.js"></script> <!-- /snowstorm.js --> </head> |
これで設置は完了。ブログにアクセスすると雪降ってます。
これ、カスタマイズも出来て、Snowstormウェブサイトの中間あたりに「Customizing Snowstorm」として、雪の数や色、速さなんかも指定できる例が紹介されてます。
あと、解凍したフォルダの中には、クリスマスライトなんていうのも設置できるファイルも入っているので、使ってみてもいいかも。
まとめ
こういうの設置すると、CPUの稼働率が高くなってブログ表示が重くなるので、ちょっと・・と思うんだけど、まぁ季節感あっていいかなとw
クリスマス～お正月くらいまで設置しておこうかなと思います。(^ω^)
JavaScript Snow: DHTML Snowstorm. Making it snow on the internets since 2003.
関連してるかもな記事
- テーマのメンテしたいと思います 1053view
- プラグインについて 1345view
- ぐるぐるっと～ 1044view
- メンテ終了しました∠(･`з´･) 971view
- functions.phpに書いたコード 1340view