WordPress 5.0 Gutenbergで段落ブロックのpタグが反映されない時の解消法

この記事は「WordPress Theme Lightning Advent Calendar 2018」の12月9日の記事になります。

Lightning以外の方も言及していたので、Lightning固有の問題ではないと思うのですが、WordPress 5.0 のGutenbergで編集した段落について、公開画面ではpタグが適用されなくて表示が微妙な感じになってしまう現象に遭遇しました。

ちゃんと反映されるページもあれば反映されないページがあったり、いろいろなバリエーションで表示確認してみましたが、新規でページを作成しようとするとやはりpタグが反映されず…。

Pタグが反映されない解決方法

高度な設定 > 追加CSSクラス を記載する

画面右側のパネルに「高度な設定 > 追加CSSクラス」があります。

ここに何かクラス名を入れると、Gutenbergさんが「class=”ごにょごにょ” を追加しなきゃ!」と思ったのか、class名の設定するためにpタグを入れてくれました。

一度pタグが効いた後は削除しても大丈夫でした。

根本的な原因がわかっていないので、もしかしたらバッドノウハウなのかもわかりませんが、pタグが反映されなくて困っていたら一度試してみてください。

Lightning Advent Calendar にご参加ください!

Lightningの良い所、悪いところ、制作事例をブログで紹介してアフィリエイトリンクを記事に貼っちゃってください!

Lightning Advent Calender 2018

Follow me!

Author Profile

石川栄和代表取締役
名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)
[ 最近のWordPressコミュニティでの活動 ]
2018 WordCampOsaka セッションスピーカー
2017 WordCampKyoto セッションスピーカー
2016 WordCampTokyo LT
2016 WordCampKansai ハンズオン世話役
2015 WordCampTokyo セッションスピーカー
2015 WordCampKansai セッションスピーカー
2014 WordFesNagoya 実行委員 & セッションスピーカー
2013 WordCampTokyo セッションスピーカー(パネラー)
2013 WordFesNagoya 実行委員 & セッションスピーカー
2013 WordCrabFukui セッションスピーカー
採用情報

初心者でも簡単!無料WordPressテーマ

100%GPL / 商用利用可能

Lightningは WordPress公式ディレクトリに登録されているカスタマイズ性の高いテーマです。
デモデータも配布されているので、ビジネスサイトの雛形が数分でセットアップできます。