【ワードプレスで移動する下線】マーカーアニメーションを簡単に作成する方法

こんにちは、ライムスです(*^^*)

現在進行系でゴリゴリのアドセンサーとして複数のサイトを運営しつつ、アドセンスの稼ぎ方に特化した「アドセンスクエスト」というコミュニティーを運営しています。

自己紹介
主にGoogle AdSenseを主軸としたサイトで独立9年目。2022年12月に、運営サイト合計で月間1000万PV達成。現在10サイト以上運営。トレンド系のサイトは一つもありません。得意分野はアルゴリズムの大変動に強いサイト設計。ぼくの詳しいプロフィールはコチラをご覧ください。

 

今回は、WordPressで移動する下線(マーカーアニメーション)を作成する方法をご紹介します。

ちなみに、マーカーアニメーションというのは以下のようなものです!

マーカーアニメーション
マーカーアニメーション
マーカーアニメーション
マーカーアニメーション
マーカーアニメーション

このように、色や速さも自由自在に変更することができますし、あなた独自の色も簡単に作れてしまいます!

全てのブロガーさんにとっても有益だと思いますので、是非やってみて下さいね(^_^)

移動するマーカーの作成方法

まずは、プラグインを下記のZIPファイルでインストールして有効化して下さい。

release.zip

やり方は、プラグイン➡︎新規追加➡︎プラグインのアップロードですね(*^^*)

 

有効化ができれば、サイドメニューにマーカーアニメーションのアイコンが表示されます。

 

クラシックエディターの場合は、このままではマーカーは表示されませんので、コードをテキストエディターで記述しましょう!

AddQuicktagプラグインで設定しておけば、次回から簡単に移動マーカーがひけますよ(^。^)

テキストエディターでコードを入力する方法

プラグインを有効化したのち、以下のコードをコピペしてテキストエディターで貼り付けていただければ、移動する黄色マーカーをひくことができます。

それ以外の色をひきたい場合の色のコードは、それぞれ人によって異なります。

「マーカーアニメーション」➡︎「設定管理」をクリックしてください。

そうすると、このブログの場合ですとmarker-animationの後ろが9127とでます。

ですので、後はAddQuicktagプラグインで以下のように設定しておきます。

こちらの数字は、ドメインごとによって異なりますので、ご自身の数字を入力しないとマーカーは反映しません。

自分でマーカーの色を作りたい場合

あなた独自の色や速さ、スピードなども簡単に作成することができます。

「設定管理」から「新規追加」をクリックして下さい。

タイトルを入力し、色やマーカーの太さ、塗る時間など様々なオリジナル設定ができます。設定ができれば、「公開」を押してください。

 

そうすると、設定管理の画面に新しく追加されますので、同じようにオリジナル番号でAddQuicktagプラグインで設定しておきます。

 

以上で設定は完了です!

非常に簡単ですので、是非設定してみてくださいね〜♪(´ε` )