蛍光ペン風のマーカーがCSS無しで追尾して動くWordPressプラグイン【マーカーアニメーション】がすごい!

どうも、門眞です。

さて、今回はプラグインの導入だけで蛍光ペン風のマーカーが追尾して動く【マーカーアニメーション】について紹介します。

このプラグインを使えば、難しいCSS設定を行わなくとも、スクロールに合わせて動く蛍光ペン風のマーカーを付けることができます。

同じ機能を持つ有料プラグインもありますが、マーカーアニメーションはなんと無料!

ということで、ご紹介します。

蛍光ペン風のマーカーが追尾して動くプラグインはこういうプラグイン

これは下記の動画を見ていただいたほうが早いので、再生してみてくださいね。

マーカーアニメーションはリターンしても再度動くからスゴイ!

マーカーアニメーションで一番感動したのはページをスクロールして、戻った時にもまた動く!ということ!

どういうことなのかは動画のこの部分を見てみてください👇

>繰り返し表示のプレビュー

しかも、その設定を「あり・なし」でカンタンに選べるというのもいいですよね。

その他にも、

  • マーカー色
  • 幅の調節可能
  • 表示スピード調整可能
  • スタート時間の調整可能
  • 太文字の選択の可否

至れり尽くせりすぎて、泣けてきます。

マーカーアニメーションをインストールする方法は【蛍光ペン】と入力するだけ

マーカーアニメーションのインストール画面

プラグインのインストール方法は簡単です。

ワードプレスのダッシュボード

プラグインの新規追加の画面の検索欄に「蛍光ペン」と入力するだけです。

そうすると「Marker Animation」のプラグインが表示されるのでインストール→有効化しましょう。

マーカーアニメーションの使い方を解説|基本は選択してボタンを押すだけ

マーカーアニメーションのボタン

マーカーアニメーションの使い方はいたって簡単です。

マーカーの文字装飾をしたい部分をドラックして選択し、画像のいずれかのボタンを押すだけです。

デフォルト設定ボタンについて

ワードプレス管理画面の左メニューに「マーカーアニメーション」と表示されている部分のダッシュボード画面で「デフォルト設定」ができます。

自分の好きな色等をここで設定すると、このボタンを押した時にデフォルト設定で指定した内容が表示されます。

詳細設定ボタンについて

個別で都度、色や繰り返し設定などなど詳細設定できるボタンです。

赤・緑・青のボタン

最初から用意されている色のボタンです。

繰り返し機能は設定されてないです。

この色のボタンはワードプレス管理画面左に表示されてる「マーカーアニメーション」→「設定管理」→「新規追加」より追加することが可能です。

自分の好きな色を設定してみましょう。

マーカーアニメーションは全アフィリエイター&ブロガーにおすすめです

このプラグイン、アフィリエイター&ブロガーさんにかなりおすすめのプラグインですね。

使いすぎるとごちゃごちゃしすぎるので、使いすぎ注意ですが適度に使うことによって、読者の目に留まりやすい記事にすることができますね!

さいごに

「マーカーアニメーション」を作成したTechnoteさんにこの場を借りて感謝申し上げます。

最高なプラグインを作っていただき、ありがとうございます!

TechnoteさんHP:https://technote.space/

ツイッター:https://twitter.com/technote15

友だち追加