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

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

この記事を書いた人

石川栄和代表取締役

名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本（共著）
・現場でかならず使われているWordPressデザインのメソッド（共著）
[ 最近のWordPressコミュニティでの活動 ]
WordCamp Tokoy 2023 セッションスピーカー
WordCamp Asia 2023 セッションスピーカー（LT）
WordCamp Niigata 2019 セッションスピーカー
WordCamp Haneda 2019 セッションスピーカー
WordCamp Osaka 2018 セッションスピーカー
WordCamp Kyoto 2017 セッションスピーカー
他

最近の投稿

• WordPress2025年4月9日AIコーディング時代の到来によって手を動かすだけのエンジニアは完全に淘汰されるのか？
• WordPress2024年12月25日2024年リリースのイチオシ機能を一挙紹介！
• WordPress2024年12月1日ベクトル製品リリースタイムラインから見る開発の裏話と進化の歴史
• WordPress2024年10月30日ブロックテーマで編集権限のユーザーでもメニューを編集できるようにする