wordpress5.0.1で段落(余白)を反映させる方法

ワードプレスのロゴ画像と記事タイトル ワードプレス

こんにちわ。

りゅうまるです。

 

12月7日にワードプレスが大幅な仕様変更を伴う、5.0にメジャーバージョンアップされましたね。

 

今回は、ワードプレスの5.0についての記事第2段になる予定だったのですが、今日、12月16日時点で早くも5.0.1にマイナーバージョンアップされています。

 

  • 12月7日⇒5.0へのメジャーバージョンアップ
  • 12月13日⇒5.0.1へのマイナーバージョンアップ(自動更新)

 

なんともあわただしいですよね。

 

5.0から5.0.1へのバージョンアップは、セキュリティリリースということで、公式ページを見ていると7つの修正が行われたようです。(僕の知識では理解できない内容でした(>_<)。

 

詳細を知りたい方はWordPress.ORG 日本語【WordPress5.0.1セキュリティリリース】をご覧ください。

WordPress 5.0.1 セキュリティリリース
WordPress 5.0.1 がご利用いただけるようになりました。これは WordPress 3.7 以降のすべてのバージョンに対するセキュリティリリースとなります。今すぐにサイトの更新を行うことを強くおすすめします。…

 

ちなみに今回のセキュリティ面の改善は、ワードプレス3.7以降のバージョンにも同時に適用されるとのことなので、セキュリティ強化だけを目的に5.0以降に更新する必要はなさそうですね。

 

今回のマイナーバージョンアップでは、大幅(直観的)な仕様変更は行われていないようなので、予定通りの内容で記事を作成したいと思います。

 

記事の内容は、段落(余白)が反映されないときの対処法についてです。

 

僕が、12月11日にワードプレス5.0にバージョンアップした際の、目新しい変更点と使い方を、先に画像解説した記事は以下になります。

 

記事の内容はブロックエディタ(新エディタ)の主な使い方です。

 

【画像解説】WordPress5.0の使い方!メリットとデメリットを徹底検証した結果
10月7日にメジャーバージョンアップで大幅な変更が加えられた「wordプレス5.0」の変更点をまとめました。大きな変更箇所はエディタの操作方法です。今回、実際に新バージョンのエディタで編集した記事の画像を使いながら要点を徹底解説しています。

 

ワードプレスで段落が余白として反映されない件について

僕が最近まで使っていた、4.9.9バージョンのテーマ「Cocoon」では、文章の行間に余白をつける際は、「Enterキー」で段落を下げれば、好きな分だけ余白を付けることができていました。

 

別に珍しいことではなく、文章を読みやすくするために多くの方がごく普通にやっていることだと思うんですが、今回の5.0へのバージョンアップ後の「ブロックエディター」では段落を下げて余白を設けようと思っても、反映されなくなってしまいました。

 

この記事の画像は、ワードプレス5.0.1(5.0以降)のテーマ「Cocoon」の画像です。

「Cocoon」以外のテーマでは反映が異なる場合があります。(__)ご了承ください。

 

以下の画像は、5.0.1の「ブロックエディタ」で、段落を利用した余白の設定画面です。

 

ワードプレス5.0.1のブロックエディタ編集画面

 

「プレビュー」「投稿を表示」「公開画面」のいずれも余白が反映されません。

 


ワードプレス5.0.1のブロックエディタ画面

記事を読みやすくするための余白の設け方としては、珍しくもなんともないやり方だと思うんですがなぜかうまく反映されません。

 

以前の様に簡単なキー操作(Enter1回押し)で段落(余白)がつけられないかいろいろ試してみたんですが、今のところこれといった解決法が見つかっていません。

 

ぶっちゃけ、以前のバージョンに戻せばよいだけなんですが、新しいバージョンを利用していきたいという思いもあるので試行錯誤しています。

 

前回の5.0の使い方の記事は、実況中継的に作成していたので、その際にも段落(余白)の付け方をかなり探っていたんですが、これといった方法が見つかりませんでした。

 

その後もネット検索で調べたり、実際の編集で簡単な方法を見つけようと思ったんですが、結果は、以下の3通りしか見つかっていません。

ワードプレス5.0.1で段落(余白)を反映させる方法

実際の編集とネット検索で調べた段落(余白)の反映方法を、現在わかっている限り紹介していきます。

Shift+Enterで改行する

この方法は、5.0以降のブロックエディタ(デフォルト)で編集する場合のやり方です。

 

ブロックエディタでは、以前の様にEnterキーで段落を付けると、新たに段落のブロックが挿入されてしまいます。

 

先ほどの画像の様に、編集画面では余白ができているように見えますが、公開画面ではその段落は反映されません。

 

編集中の段落内でEnterキーではなく、Shift+Enterキーで改行することで同じブロック内で余白を作ることができます。(連続押しも可能)

 

  • Enterキーでは余白が反映しない
  • Shift+Enterキーで余白が反映する

 

クラシックエディタを使用する

実はこれが手っ取り早い方法かもしれません。

 

ブロックエディタ内の「ブロックの追加」(プラスマーク)から「クラシック」を挿入すると、旧エディタが使用できます。

 

ワードプレス5.0.1のクラシック挿入場面

 

クラシックエディタ内では、Enterキーでの段落が余白として反映されます。

※現段階では以下の条件あり

ワードプレス5.0.1のクラシック要素の挿入画面

 

クラシックエディタ内では、Enterキーで段落を下げると余白として反映されるんですが、この記事の編集中に、かなり厄介なことが判明してしまいました。

 

別のブロックとして2つ目のクラシックを挿入した場合では、どちらか一つのクラシック内でしか余白が反映していません。(最後に編集したブロック(クラシック)でのみ余白が反映)

 

【2019年1月】以下のリンクは段落(改行)を利用した余白に反映に関する追加記事です

↓↓↓↓↓↓

【Wordpress5.0】段落(改行)で余白を反映させる方法(続編)
ワードプレス5.0以降のブロックエディタで、プラグイン「Classic Editor」を使わずに改行や段落の余白を反映させる編集方法を画像解説しています。「Classic Editor」のサポートは2021年で終了します。

画像挿入に注意

何回か試しているんですが、クラシックエディタ内への画像の挿入ができないみたいです。

 

クラシックエディタ内への画像の挿入の際、「ブロックの追加」(プラスマーク)から(しかできない)画像を挿入すると、新たなブロックとして挿入されてしまいます。

 

Enterキーでスムーズに余白設定(反映)できるのは、1ブロックですが、方法がないわけではありません。

 

この記事で検証(実行)済みですが結構面倒です。ページ下部で画像解説しています。

 

ちなみに、見出しは連続挿入できるんですが・・・画像は無理みたいです。(検証済み)

 

この記事を編集しているのも実はクラシックブロックのエディタなんですが・・・

 

正直、僕は何のためにブロックエディタ(5.0以降)を使っているんでしょうか?

 

単純に新しいバージョンという自己満足でしかないのかも・・・(?)

 

次の方法がいいのかな・・・

プラグインを使う

ワードプレスといえば、定番中の定番「プラグイン」を使用する方法です。

 

僕は、できるだけプラグインの仕様は避けたいので、検証していませんがネット検索では使用している方も見えるので参考までにリンクを貼っておきます。

 

ワードプレス公式でないプラグインの記事もありましたが、安易に紹介できないので掲載は控えます。

Classic Editor(プラグイン)を使う

Classic Editorの使い方は、特に設定などは必要なく、インストール後はプラグインを「有効化」にするだけでクラシックエディタ(旧エディタ)を使用することができるとのことです。

 

5.0以降のブロックエディタを使用するときは、プラグインを「停止」するだけと手軽に切り替えられるのでプラグイン推奨派の方にはお勧めだと思います。

 

プラグイン有効化旧エディタです。

プラグイン停止ブロックエディタです。

 

プラグインはこちらから⇒ Classic Editor

 

Classic Editorはワードプレスの公式プラグインということなので、不具合などのトラブルはないと思われますが、プラグイン自体による負担はゼロではないので僕は使用していません。

ワードプレス5.0.1の段落(余白)設定まとめ

 

  • Shift+Enterで改行する
  • ブロックの追加でクラシックを挿入する(以下参照)
  • プラグイン「Classic Editor」を使用する

 

ブロック(複数のクラシック)要素で余白を反映する方法

編集画面内に複数のクラシック(ブロック)を使用した場合、編集完了後にすべてのクラシック(ブロック要素)の枠外か文書の文字をワンクリックし、ブロック内の3点マーク(…)を消していきます。(以下画像)

 

クラシック(ブロック)が5つなら5か所(ブロックの枠外か文書)1回づつクリック

 

ワードプレス5.0以降のブロックエディタの設定画面
ワードプレス5.0.1のクラシックブロックエディタ

面倒ですが1回やれば思ったより簡単でした。(この記事では採用(‘ω’)ノ。)

 

プラグインの使用は極力避けたいという方にはお勧めの方法です。

 

今回は、ワードプレス5.0以降の段落(余白)設定について僕なりに試行錯誤した結果を記事にしてみました。

 

大幅に仕様変更が行われたメジャーバージョンアップですが、この先使い続けていくことで今は気づかない利便性が見えてくるのかもわかりませんね。

 

しばらくは、有益な情報を期待して5.0以降の関連記事を検索することも増えると思います。

 

僕自身、5.0以降のバージョンを使い続けてみて、以前のバージョンより有益な発見があれば記事をアップしていきたいと思います。

 

というか、やっぱりプラグイン採用ですかね?・・・(≧▽≦)

 

りゅうまるでした。(__)

 

P.S

5.0以降の新機能として、「コンテンツ構造」と「ブロックナビゲーション」の使い方を、5.0.2バージョンアップ後に画像解説しています。

↓↓↓↓↓↓

【画像解説】WordPress5.0.2の変更点と使い方(Cocoon編)
ワードプレス5.0.2の変更点と使い方を画像を使って解説しています。クラシックエディタのプラグインを使わないデフォルトのブロックエディタでの使い方です。今回は、コンテンツ構造とブロックナビゲーションの解説ですが、その他の解説記事へのリンクも設置してあります。

 

あわせて読みたい

 

あわせて読みたい

コメント