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

アドセンスキング・ライムスです。サイトで独立11年目。運営サイト合計で月間1000万PV達成。2025年3月はサイト合計で月間1200万PV突破。AIでサイトを量産しています。初心者がブログの稼ぎ方を総合的に学べる、リアルお金儲けRPG「アドセンスクエスト」を運営しています。

アドセンスクエスト

おすすめPOINT！

• 基礎〜応用まで徹底的に学べる！
• ゲーム感覚で楽しく学べる！
• アドセンス〜ASPまで総合的に学べる！

表の世界Googleアドセンス

裏の世界ASPアフィリエイト

天空の世界AI活用法

宝島お宝キーワード配信

この記事では、WordPressで移動する下線（マーカーアニメーション）を作成する方法をご紹介します。

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

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

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

すごい、マーカーが動いて楽しいです♫私のブログでも実践してみます！

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

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

release.zip

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以上で設定は完了です！

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

ABOUT US

ライムスアドセンスクエスト創設者

「YouTube」を活用した「資産型サイト」合計で月間1000万PV達成。3つの資産型サイトから大手出版社より3冊商業出版。「ブログ」アドセンスと「YouTube」アドセンスの両方を徹底的に学べる、Googleアドセンスマスター講座『アドセンスクエスト』の制作者。Yahoo!ニュース&テレビにて運営サイト複数掲載。2024年9月、個人でできるSEO対策の最高峰 Googleナレッジパネルの認証、申請完了済（本名の方で）

---

【取得済みGoogle認定資格】等

• Google アナリティクス個人認定資格（GAIQ）
• Googleアナリティクス認定資格（GA4）
• Google 広告の測定認定資格
• Google アナリティクス初級
• Google アナリティクス上級

無料プレゼント詳細はこちら

ライムスからのプレゼント♪

当サイトを発見したあなたには、ライムスから、ブログ収益に直接結びつく特別なプレゼントをご用意しました。

このプレゼントが、あなたのブログ人生を変える大きなきっかけになるかもしれません。

ガハハ！このプレゼントからはとてつもないエネルギーを感じるぞ！真の勇者を目指すための登竜門じゃ！

プレゼントはこちらから

Googleアドセンスマスター講座

「ブログアドセンス」と「YouTubeアドセンス」の”両方“を、ゲーム感覚で楽しく学ぶことができる、Googleアドセンスマスター講座です。初心者から上級者まで対応しています。あなたも、楽しみながらアドセンスクエストで稼いでみませんか？