- 綺麗なマーカーアニメーションが簡単に作れるようになります。
![](https://life-money-create.com/wp-content/uploads/2024/01/G32T8tI7GbnLemm1705168806_1705168821.png)
アドセンスクエスト
![アドセンスクエスト](https://life-money-create.com/wp-content/uploads/2023/08/110dd220ecf5152b91690705ff30f724.png)
おすすめPOINT!
- 基礎〜応用まで徹底的に学べる!
- ゲーム感覚で楽しく学べる!
- アドセンス〜ASPまで総合的に学べる!
表の世界Googleアドセンス
裏の世界ASPアフィリエイト
天空の世界AI活用法
宝島お宝キーワード配信
この記事では、WordPressで移動する下線(マーカーアニメーション)を作成する方法をご紹介します。
ちなみに、マーカーアニメーションというのは以下のようなものです!
マーカーアニメーション
マーカーアニメーション
マーカーアニメーション
マーカーアニメーション
マーカーアニメーション
このように、色や速さも自由自在に変更することができますし、あなた独自の色も簡単に作れてしまいます!
![](https://life-money-create.com/wp-content/uploads/2024/01/HeQzV1qUgJj3CYG1705163894_1705164016.png)
移動するマーカーの作成方法
まずは、プラグインを下記のZIPファイルでインストールして有効化して下さい。
やり方は、プラグイン➡︎新規追加➡︎プラグインのアップロードですね(*^^*)
![](https://life-money-create.com/wp-content/uploads/2019/11/19820ffe0862aed29dc6f58aff27d2d3.png)
有効化ができれば、サイドメニューにマーカーアニメーションのアイコンが表示されます。
![](https://life-money-create.com/wp-content/uploads/2019/11/f0c71280bedfb0f5897693e4d6f5e559.png)
クラシックエディターの場合は、このままではマーカーは表示されませんので、コードをテキストエディターで記述しましょう!
AddQuicktagプラグインで設定しておけば、次回から簡単に移動マーカーがひけますよ(^。^)
テキストエディターでコードを入力する方法
プラグインを有効化したのち、以下のコードをコピペしてテキストエディターで貼り付けていただければ、移動する黄色マーカーをひくことができます。
<span class="marker-animation">WordPressでマーカーアニメーション(黄色)</span>
それ以外の色をひきたい場合の色のコードは、それぞれ人によって異なります。
「マーカーアニメーション」➡︎「設定管理」をクリックしてください。
![](https://life-money-create.com/wp-content/uploads/2019/11/9fd004c54c20cce119be3b6263441d95.png)
そうすると、このブログの場合ですとmarker-animationの後ろが9127とでます。
![](https://life-money-create.com/wp-content/uploads/2019/11/690e3c9dba96ba2032c7a0175c0ae7a5.png)
ですので、後はAddQuicktagプラグインで以下のように設定しておきます。
![](https://life-money-create.com/wp-content/uploads/2019/11/3cdf84621618ba615c824cbdc4e513fe.png)
自分でマーカーの色を作りたい場合
あなた独自の色や速さ、スピードなども簡単に作成することができます。
「設定管理」から「新規追加」をクリックして下さい。
![](https://life-money-create.com/wp-content/uploads/2019/11/528de6e682aea6d1447da79fa5c1e6bd.png)
タイトルを入力し、色やマーカーの太さ、塗る時間など様々なオリジナル設定ができます。設定ができれば、「公開」を押してください。
![](https://life-money-create.com/wp-content/uploads/2019/11/ecbb43ba0566beefbfbfe7c85ac5e831.png)
そうすると、設定管理の画面に新しく追加されますので、同じようにオリジナル番号でAddQuicktagプラグインで設定しておきます。
![](https://life-money-create.com/wp-content/uploads/2019/11/948c257c49f8de44fc82ae527a1b3654.png)
以上で設定は完了です!
非常に簡単ですので、是非設定してみてくださいね〜♪(´ε` )