WordPressエディターで手軽に段落の状態を戻す方法

solabot

どうも、あきらめない！がモットーのsolabotです。

WordPressで記事を書いていると、思ったとおりの段落の高さにならないことがありますよね。

例えばCSSの装飾をしたことによって、divタグが影響してしまうなど。

選択して段落ボタンを押せば直るんですが、何回も段落ボタンを押すと大変なので、そんな時に簡単に直す方法を説明します。

この記事の索引

ショートカットキーの利用

大した話ではないので先に解決策を言うと、ショートカットキーを利用するのがベストです。

WordPressの記事作成画面はショートカットキーが利用可能なので、段落に戻したいときは文字を選択して、

Shift+Alt+7(数字)

で解決します。

WordPressのテーマ「cocoon」を使うと、ビジュアルエディタの画面下に、カーソルがある段落の状態を表すことができます。

この条件はテーマが「cocoon」でかつ「旧エディター（クラシックエディター）」を利用している場合です。

リスト部分にカーソルがあると、ちゃんとli表示になっています。

これが意外と便利なんです。

段落状態がおかしいと思ってわざわざテキストエディタに切り替えて、編集してまたビジュアルエディタに戻るのも意外と煩わしいんですよね。

そんなときにかなり役立ちます。

テーマはそれぞれなので、同じ状況が作れるとも限りませんがご参考までに。

また、新エディターである、「Gutenberg」では利用できません。

装飾状態の段落を一般的な段落に戻すときに一番役に立ちます。

これは良くあるパターンで、うまくいっている場合です。

しかし、ごにょごにょやっていると以下のような事態に陥ることがあります。

例えば、ボックスをいったん元に戻したいと「書式のクリア」をする。

すると、見た目上は元に戻せたかに思いますが、画面下の段落状態を見てみると、DIV内のPになっています。

この状態でさらにエンターキーを押していくと、下の段落までDIV→Pが続いてしまいます。

テキストエディタで確認してみると以下のようになっています。

これを解消するには、戻したい部分を選択して、見出し選択ボタンから、段落をクリックするのが一般的だと思います。

しかし、一発で直らないときは何度も選択と段落クリックを続けなければいけません。

そんなときにショートカットを利用すれば、簡単に連続で段落にしていくことが可能です。

WordPressの記事作成画面であるエディターには様々なショートカットキーが用意されています。