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

WPブロックエディタで自動整形を無効に&広く改行するスペーサーを使う方法

wordpressのcocoonでクラシックエディタからブロックエディタGutenbergに移行して改行の表示設定をするCocoonデザイン

ブロックエディタデビューをしました。

そして・・・これからなんとかしたい解消点がこの2点でした。

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

前回①を解消したので、今回は②を解消するべく調べていきます。

スポンサーリンク
スポンサーリンク

TinyMCE AdvancedなしでWPの自動整形機能をオフにしたい

改行だけ調整したい

Cocoonは標準で多機能なので・・・《TinyMCE Advanced》は、いらないかな?っていうのが正直な感想なのです。

改行だけをなんとかしてくれる・・・そんな便利なプラグインはないかしら?と検索したところ、《PS Disable Auto Formatting》なるものがあるようです。

デメリットとしては、テキストエディタとの行き来ができませんということが挙げられていました。

わたしは元々テキストとビジュアルを行き来していないし(そもそもブロックエディタって、テキストエディタと行き来できるんだ・・・)、これまでも表を入れる時だけは《カスタムHTML》のブロックを入れていたので、これで問題なさそうに思えます。

しかし、ここで気づいたことが。

クラシックの時は勝手に変わっていた改行(自動整形)も、ブロックエディタでは明確に<p>と<br>が分かれているからか・・・
今のところ思わぬ形の自動整形には遭遇していないのです。
あれ?入れなくてもいいのかも??

こちらの記事を読むと、gutenbergでは自動整形が影響しないようになったっていう感じに思えました。

「wordpress 改行」とか「wordpress 自動整形」とかって検索すると、gutenbergではない場合の記事(クラシックだったり前のバージョンだったり)が出てくることも多いので、いまいちまだ混乱しているのですが・・・。

なんかまぁ・・・
とりあえず入れなくても・・・
いいかな。と思う。

幅広い改行

どーんと開けたい時に、<br> を重ねる(shift+enterを重ねる)のはあまりよくないとのことで、じゃあどうすれば・・・?と思って調べてみると、こんな記事が見つかりました。

《スペーサー》のブロック・・・?ということで見てみると

↑ここに、
100px分の《スペーサー》が入っています。

wordpressのcocoonでクラシックエディタからブロックエディタGutenbergに移行して改行の表示設定をするスペーサー機能を使う
レイアウト要素の中に入っています
wordpressのcocoonでクラシックエディタからブロックエディタGutenbergに移行して改行の表示設定をするスペーサー機能を使う

意図的に改行を増やしたい(空間を開けたい)時はこれで解決ですね♪

ブロックエディタでは、自動整形のことは気にしなくてもいいようだ

というのが、ひとつの結論と言えそうです。
そして大きく改行したい時には、《スペーサー》のブロックを使う。

これがリライトというもの・・・?

2軒目の方を、少しずつ書き直してみています。

最初は全てコピペでブロックを置き換えていたのですが・・・途中で「ブロックへ変換」を選べばいいと気付きました。
画像も自動的に画像ブロックへと変換されます。

wordpressのcocoonでクラシックエディタからブロックエディタGutenbergに移行して改行の表示設定をするブロック変換機能を使う

《白抜きボックス》や《付箋風ボックス》も、この「ブロックへ変換」で変換可能でした。

wordpressのcocoonでクラシックエディタからブロックエディタGutenbergに移行して改行の表示設定をするブロック変換機能を使う

これ↑をプレビューすると、こう↓なる♪

wordpressのcocoonでクラシックエディタからブロックエディタGutenbergに移行して改行の表示設定をするブロック変換機能を使う

でも吹き出しはダメで・・・

プレビューするとこんな感じ↓で崩れていました。

wordpressのcocoonでクラシックエディタからブロックエディタGutenbergに移行して改行の表示設定をするブロック変換機能を使う

吹き出しは1つずつ置き換えが必要ですね。

wordpressのcocoonでクラシックエディタからブロックエディタGutenbergに移行して改行の表示設定をするブロック変換機能を使う

まぁ、手軽に色も変えられるし・・・。
吹き出しは、ブロックエディタで格段に使いやすくなったなぁと思います。

凝りすぎて、読みづらく
ならないようにしないと・・・

おわりに

記事の修正をしながら、全部タグ打ちで書いた方が楽なんじゃ・・・と何度か頭をよぎりましたが、見栄え(派手さというよりは読みやすさ)と維持のしやすさを考えると、やっぱりエディタに頼らざるを得ないなと思いました。

《読み手を意識しないブログ》ならば、紙の日記帳でもいいですからね。

ブログの体裁が落ち着いてきたら、もう少し愛でる系の記事や本紹介系の記事を増やしていきたいなぁと思っています♪

★このページでは、株式会社スクウェア・エニックスを代表とする共同著作者が権利を所有する画像を利用しております。
©ARMOR PROJECT/BIRD STUDIO/SQUARE ENIX All Rights Reserved.
当該画像の転載・配布は禁止いたします。

コメント

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