WordPressで降雪効果を作成する方法

公開: 2019-07-29

おそらく、あなたはすでに降雪効果のあるウェブサイトにアクセスしたことがあります。 美しくて面白いかもしれませんね。 冬でも、WordPressサイトの画面に白い雪片を飛ばしたい場合があります。 それはあなたの冬やクリスマスのイベントにとって素晴らしいことであり、長く困難な2020年の後にあなたの訪問者を元気づけるでしょう。しかし、あなたはまだそれを手に入れる方法を知りませんか? 今、最も簡単な方法であなたのワードプレスのウェブサイトに降雪効果を作成する方法を紹介しましょう。

目次を隠す
  1. 1.雪の効果を作成するためのWordPressプラグイン
  2. 2.ステップ1:「WPSuperSnow」プラグインをインストールします
  3. 3.ステップ2:プラグインがWebサイトで有効になるようにします
  4. 4.降雪の影響をカスタマイズする方法
    1. 4.1。 WPスノーコンテナ
    2. 4.2。 z-すべての雪片のインデックス
    3. 4.3。 雪片の画像(行区切り)
    4. 4.4。 処理する雪片の合計
    5. 4.5。 スノーフレークの最大サイズ(ピクセル単位)
    6. 4.6。 スノーフレーク透明効果を使用しますか?
    7. 4.7。 予測/条件
  5. 5.最終的な考え

WordPressのウェブサイトで美しい雪の雨を作りましょう。これは非常に興味深いものです。

あなたのウェブサイトに美しい雪の雨を作りましょう、これはとても面白いでしょう!

WordPressWebサイトに降雪効果を作成する方法はたくさんあります。 一部のプラグインをコーディングまたは使用できます。 しかし、この投稿では、プラグインを使用します。プラグインははるかに単純であり、コーディングの知識がなくても誰でもプラグインを実行できるからです。

雪の効果を作成するためのWordPressプラグイン

WordPressには、次のような雪の効果を作成するためのプラグインがたくさんあります。

  • WPスノーエフェクト
  • 天気効果–クリスマス効果、雪効果
  • 吹雪
  • WPスーパースノー

この手順は、「WP Super Snow」プラグインを使用して行いました。これは、非常に軽く、使いやすく、さまざまな美しい効果を提供できるためです。

ステップ1:「WPSuperSnow」プラグインをインストールする

まず、ここから「WP Super Snow」プラグイン(無料)をダウンロードし、[ダッシュボード] > [プラグイン] > [新規追加]に移動して[プラグインのアップロード]を選択し、アップロードしてインストールする必要があります。

WP SuperSnowプラグインをインストールする

次に、「WP Super Snow」zipファイルをドラッグアンドドロップしてアップロードするか(ここで行ったように)、[ファイルの選択]をクリックします。 次に、[今すぐインストール]クリックします

WPスーパースノープラグインをアップロード

少し待ってから、[アクティブ化]をクリックしてこのプラグインを完全にインストールしてアクティブ化し、降雪効果を作成します。

WPスーパースノープラグインを有効にする

WordPressプラグインを3つの方法でインストールしてアクティブ化する方法について詳しくは、こちらをご覧ください。

ステップ2:プラグインをWebサイトで有効にする

さて、スーパー雪という名前の新しいメニューは、管理ダッシュボードの管理者メニューの下部に表示されます。

それを押すと、下の画像のような画面が表示されます。

SuperSnowという名前の新しいメニューが表示されます-WordPressで降雪効果を作成します

この時点では、プラグインはまだ「いいえ、無効」ステータスになっています。これは、プラグインが無効になっていて、サイトにまだ影響を与えていないことを意味します。 [はい、WPスーパースノーを有効にします!]をクリックします。 プラグインをサイトで有効にするためのボタン。 次に、[すべての変更を保存]をクリックして設定を保存します。

結果を確認するためにホームページに行きましょう。

私のWordPressウェブサイトに雪が降っています

特に、これらの設定の後、デフォルトの画像とサイズでWebサイト全体に雪が降ります。 設定をカスタマイズして、雪をより美しい効果で降らせたり、特定のページに降らせたりすることができます。

降雪の効果をカスタマイズする方法

WP Super Snowプラグインには、カスタマイズするための多数のオプションがあります。

管理ダッシュボードのスーパー雪のメニューで、あなただけの第二ステップでカスタマイズした有効/無効のセクションの下に、仮想雪ブラウザセクションまでスクロールします。

[仮想雪ブラウザ]セクションまで下にスクロールして、WordPressで降る雪の効果を設定します

このセクションにはいくつかのサブアイテムがあります。 降雪の影響をカスタマイズできます。 それぞれの名前のすぐ下に独自の命令があります。 これらのガイドラインに従ってアイテムを調整すると、プレビュー画面にサイトでの効果が表示されます。 したがって、ガイドラインを注意深くお読みください。

さらに、これらのアイテムを簡単にカスタマイズできるように、ここにいくつかの追加のメモがあります。

WPスノーコンテナ

このセクションでは、画面の特定の領域に雪を降らせることができます。 たとえば、サイトの上部にのみ雪を降らせたい場合は、このフィールドを「ヘッダー」に設定します。 他の場合、サイトの終わりに落ちますか? 「フッター」として設定します。 デフォルトでは、「ボディ」の場合、画面全体に雪が降ります。

z-すべての雪片のインデックス

このz-Indexオプションは、雪の範囲を調整するために使用されます。 デフォルト値の999999により、雪がほぼページを覆います。 ただし、ここで小さな数値(たとえば、-1000)を設定すると、雪は降りなくなります。

雪片の画像(行区切り)

雪片のデフォルトのグラフィックを変更したり、他のアイコン/シンボルに置き換えたりする場合は、ここに独自の画像をアップロードしてください。 WP Super Snowのこの機能は、1年のさまざまな機会にさまざまなアイコン/記号を付けるのに役立ちます。 たとえば、春の花、ハロウィーンのカボチャ、秋の空飛ぶ葉などです。

処理する雪片の合計

この設定では、画面上で一度に飛ぶ雪片の数を選択できます。 同時に表示される雪片が多いほど、サイトの読み込みが遅くなることに注意してください。

スノーフレークの最大サイズ(ピクセル単位)

雪片が表示されたときに大きく表示されたくない場合は、ここで数を減らしてください。 それ以外の場合は、より大きな数を選択してください。 これは、最大の雪片のピクセルを意味し、他のピクセルはより小さくランダムになります。

スノーフレーク透明効果を使用しますか?

透明効果を使用すると、雪片の性質がより美しくなりますが、Webの読み込みが遅くなり、その逆も同様であることに注意してください。

WordPressの降雪に影響を与えるWPSuperSnowのオプション

予測/条件

このセクションは、条件付きタグを使用してWP SuperSnowプラグインを適用するための条件を設定するために使用されます。

このオプションを使用すると、雪がデスクトップデバイス、土曜日と日曜日、および凍結製品ページにのみ適用されるように設定できます。

このセクションでは、これらのタグを使用するためのコーディングについて少し知っておく必要があります。 かなり複雑なので、ここでは表現しません。 あなたがそれを探求したいなら、これを読んでください。

最後に、すべての構成が完了したら、下部にある[すべての変更保存]ボタンをクリックすることを忘れないでください。

WordPressで降雪の条件を設定する

最終的な考え

だから、これらはあなたのサイトに雪を降らせるための非常に簡単なステップです。 確かにこの記事を読んだ後は、WordPress Webサイトの降雪効果を作成する方法だけでなく、それをカスタマイズして他の素晴らしい効果を作成する方法も知っていますよね?

ここの誰かが他の方法でWordPressウェブサイトに降雪効果を与える方法を知っているなら、下にコメントを残してください。

読んでくれてありがとう! メリークリスマス2020!