ブログランキングに登録中です。クリックしていただけると励みになります♪
スポンサーリンク

WPブロックエディタGutenbergで蛍光マーカーを使う《Marker-Animation》が素晴らしい♪

wordpressのcocoonでクラシックエディタからブロックエディタGutenbergに移行して蛍光マーカーの表示設定をするブログPCお道具箱
スポンサーリンク
スポンサーリンク

前回の記事がこちらです。

なんだかんだで、ブロックエディタでも
大丈夫そうだけど・・・
というところまでたどり着きました。

これからなんとかしたいという課題として
残ったのがこの2点でした。

①オレンジの蛍光ペンを使いたい
②TinyMCE AdvancedなしでWPの自動整形機能をオフにしたい

今回は、①オレンジの蛍光ペンを使いたい
について、解消を目指したいと思います。

AddQuicktagが使えない

Cocoonにもともと入っているのは、
この3色6種類のマーカーです。

wordpressのcocoonでクラシックエディタからブロックエディタに移行して蛍光マーカーの表示設定をする

わたしが使いたいオレンジは、こちら↓でも書いた
《AddQuicktag》を用いています。

しかしブロックエディタでは、
《AddQuicktag》が使えないようなのです。

代わりになるものを・・・と探したところ、
《Marker-Animation》というプラグインが
なんだかよさそうです。

動くマーカーは求めていないので、
こんなに高性能じゃなくてもいいのですが・・・。
他には、《Add RichText Toolber Button》も
似た感じのプラグインみたいです。

ただ、こちらはfunctions.phpの
編集が必要とのことで、
ちょっとハードルが高いかな?と思いました。

ということで・・・
今回は《Marker-Animation》を入れてみます。

Marker-Animationを使ってみる

「プラグインを新規追加」から検索しても
表示されませんでした。
そんなわけで検索してみると・・・

アップロードするタイプ
プラグインであるとのこと。

プラグインを入れて、設定してみます。
今回はアニメーション機能は求めていないので、
こんな設定にしています。

wordpressのcocoonでクラシックエディタからブロックエディタに移行して蛍光マーカーの表示設定をする

これでこんな感じで・・・

wordpressのcocoonでクラシックエディタからブロックエディタに移行して蛍光マーカーの表示設定をする

あれ、2つ出てる?

どうやら「デフォルトで1つ設定できる」
「そこに1つ追加している」ということで、
2つ出ているようです。

わたしは今のところは
オレンジのマーカーだけを使う予定なので、
「デフォルトで1つ設定できる」の色を
求める色に設定してみました。

wordpressのcocoonでクラシックエディタからブロックエディタに移行して蛍光マーカーの表示設定をする

すると・・・

wordpressのcocoonでクラシックエディタからブロックエディタに移行して蛍光マーカーの表示設定をする

はい、こんな感じで1つだけ
マーカーマークが出るようになりました。

これを押すだけで、オレンジのマーカーを
好きな場所に引くことが出来ます♪

そういえば、吹き出しも
こんな感じで・・・
編集画面で色を変えられるように
なったみたいです。
これもブロックエディタ

ならではの便利なところ♪

おわりに

調べれば調べるほど、
ブロックエディタって便利だなぁ
思うようになってきました。

1軒目(ここ)が81記事、
2軒目が46記事ということで、
これから全記事書き換えるとなると、
結構・・・大変だな・・・。

2軒目を作る前にここまで
辿り着いておきたかったです(^ x ^;)

次なる解消点は、改行についてです!



ブログランキングに登録しました。
1日1クリックしていただけると順位が上がります☆彡




ブログPCお道具箱
スポンサーリンク
この記事をシェアする
うさぎ先生をフォローする
スポンサーリンク
うさぎ先生のひきだし。

コメント

タイトルとURLをコピーしました