【動く蛍光ペン】Gutenbergで使える最強アンダーラインプラグイン【無料】

WordPressの新しいブロックエディタ（Gutenberg）で、文章に蛍光ペン風のアンダーラインを引く方法を解説していきます。

新人ブロガー

WordPressで動く蛍光マーカーを使っている人がいるけど、あれってどうやるんだろう？

色も幅もスピードも変えられる最強のプラグインがありますよ！

こんなふうに蛍光ペンが動いていたら、ついつい目で追ってしまいますよね。

色も幅もアニメーション速度も何でも変えられるのに無料のプラグインがあるんですって！

Gutenbergって、文字の装飾周りがちょっと弱くて使いづらいなって思うことありますよね。簡単にアンダーラインがひけたらちょっといい感じ。

今回は一緒にMarkerAnimationプラグインを導入していきましょう！

導入方法

ではさっそくMarkerAnimationプラグインを導入していきましょう！

蛍光マーカー導入手順

無事にインストールが終わったら、マーカーアニメーションの設定をしていきましょう。

WordPress管理画面の左側に「マーカーアニメーション」という項目が追加されています。
その中のダッシュボードがデフォルトの設定となっています。

最もよく使う色を設定しておくと良いでしょう。

マーカーアニメーション内の「設定管理」から新しいマーカーを追加してみましょう。

一緒にこんな感じのマーカーを追加してみませんか？

もちろん違うやつでもOK!!

すべて設定したら、右側の「公開」ボタンを押しましょう。

この文章に黄色マーカーを使ってみましょうか。

文章を選択すると、２つのマーカーアニメーションアイコンが出てきます。

左側：デフォルト（あとから色や太さ、大きさなどを変更可能。）
右側：カスタム（あらかじめ決めておいたもの。変更不可。）

新人ブロガー

メチャクチャ簡単にできました！

NICEでーす！

動くマーカーは多用しすぎるとウザいですが、ワンポイントで使用すれば読者の目をひきつけることができます。

もちろん「動かさない」こともできます。

塗る時間と遅れ時間を「0s」にすれば動かないよ！

ブログのワンポイントにいかがでしょうか？

詳細設定に関しては、製作者様のブログをご覧いただくと良いかと思われます。

製作者様に感謝して動く蛍光マーカーのプラグインを使わせていただきましょう！