福岡のWEBフリーランスFUGAのブログ記事をご覧いただき、誠にありがとうございます。「WordPressでHTMLをそのまま文字として表示させたいのに、HTMLに変換されて表示されてしまう!」という方のために、HTMLを文字として表示する方法をご紹介いたします。WordPressではバージョン5.0より、エディタにGutenbergが搭載されていますので、Gutenbergを使用していることを前提に説明いたします。目次Gutenberg以前のエディタでは文字参照を使用Gutenbergでは「ソースコード」ブロックで解決できるGutenberg以前のエディタでは文字参照を使用5.0より以前のエディタでは、HTMLを文字として出力する場合には、<p>というタグを&amplt;p&ampgt;といった実体参照に置き換える必要がありました。<p>テキスト<p>とページに表示したい場合には、&amplt;p&ampgt;テキスト&ampamplt;p&ampgt;と記述する必要がありました。実体参照を用いた記述は見づらいですし、入力もしづらいですね。Gutenbergでは「ソースコード」ブロックで解決できる5.0から導入されたGutenbergでは、前セクションのように実体参照を記述する必要がなく、「ソースコード」ブロックを使用することで、HTMLタグをそのまま文字として表示ができます。HTMLを文字として表示したいページの編集画面で、「ブロックの追加」をクリックします。「フォーマット」から「ソースコード」を選択します。エディタに「ソースコード」ブロックが追加されますので、表示したいHTMLを入力しましょう。入力が終わったら記事を公開または更新して、ページを確認してみましょう。<p>テキスト<p>というHTMLが、HTMLに変換されずに文字として表示されていることがわかりますね。Webのことでお困りでしたら、ぜひFUGAへご相談くださいませ^^WordPressのお困りごと解決、WordPressでのホームページ制作は、ぜひFUGAにお任せください^^WEBやWordPressのことでお困りでしたら、お気軽にお問い合わせください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。