wordpress

ブログに雪を降らせるWordPressプラグインを2つ使い比べてみた!

ブログに雪を降らせるWordPressプラグインを2つ使い比べてみた!

ブログに雪を降らせる方法

今回はお使い中のWebページに雪を降らすエフェクト(効果)を設定する方法をご紹介します。

WordPressをお使いの方は簡単に設定できるのでお試しください。

私の暮らしている地域は年に数日しか雪が降らないのですが、この季節になると雪を見たくて使いたくなるプラグインがブログで活躍します。

今回使い勝手の良かった2つの雪を降らす事の出来るプラグインを使ってみました。

Snowy

まずはWordPressのプラグイン検索でSnowyを検索してください。

プラグインを追加 ‹ アクセストリガー — WordPress

検索結果に表示されましたら、インストールして有効化しましょう。

設定はこれだけです。

プラグインを追加 ‹ アクセストリガー — WordPress

投稿時点で更新が1年前と古いようですが、基本的に設定なし、インストールだけで効果があるプラグインなので特に問題はありませんでした。

少しわかりにくいのですが、次のように表示されます。

アクセストリガー WordPressでつくる役立つ情報発信サイト

実際にはちゃんと雪が降っているモーション(動き)がありますよ。

冬季などで当サイトが有効化している際にはページ上でも確認できると思います。

 WP Super Snow

Snowyはシンプルな使い心地でそのエフェクト自体もシンプルなものですが、もうすこし色々アレンジできるのが WP Super Snowです。

こちらのプラグインも導入のしかたは同じです。

WordPressのプラグインの新規検索にてWP Super Snowを検索してください。

プラグインを追加 ‹ アクセストリガー — WordPress

WP Super Snowが見つかりましたら、あとはインストールして有効化します。

プラグインを追加 ‹ アクセストリガー — WordPress

こちらのプラグインには設定画面があります。

プラグイン ‹ アクセストリガー — WordPress

「プラグイン」➡「WP Super Snow」を選択してください。

基本的に次の設定でプラグインのエフェクトを作動させるかそうでないかを変更できます。

Super Snow ‹ アクセストリガー — WordPress

次の「Yes,enable WP Super Snow!」をチェック。

Super Snow ‹ アクセストリガー — WordPress

最後に下の方にあります「Save All Changes」を選択してください。

Super Snow ‹ アクセストリガー — WordPress

デフォルトの設定でこんな感じです。

アクセストリガー WordPressでつくる役立つ情報発信サイト

この「Virtual Snow Blower」という項目にてある程度設定の変更ができるようです。

Super Snow ‹ アクセストリガー — WordPress

変更してもわかりそうな項目は次のあたりです。

これらの項目を変更してみます。

Super Snow ‹ アクセストリガー — WordPress

Total Snowflakes to Processは雪の数を調節できるようです。

ディフォルト50

Max Snowflake Size (in Pixels)は雪のサイズを調節できます。

ディフォルト50

Max Snowflake Duration (in Seconds)

は雪のエフェクトの遅れを調節します。数値が多いほどページを開いてからの表示を遅らせることが可能です。

サプライズ的要素が楽しめますね!

ディフォルト25

全ての設定が完了したら、プレビューで確認可能です。雪のサイズを大きくしてみました!!


最後に「Save All Changes」を選択したら保存されエフェクトが反映されます。

実際に表示させてみるとなかなかいい感じですよ!

雪を降らせるといったちょっとしたエフェクト効果ですが、冬のこの時期にブログに訪れた方に冬らしさを感じていただく事の出来るプラグインSnowyとWP Super Snowの2つをご紹介したしました。

どちらもその導入が手軽であり、WP Super Snowはもっとアレンジしたいといった方にお勧めのプラグインです!

※スマホなどでご覧いただいている方はPC表示画面設定に切り替えてみてくださいね!

LEAVE A REPLY

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)