未分類

【Gutenberg】記事にコードを表示させたい時のやり方

Gutenbergで記事の中に、HTMLなどのコードをそのまま(変換させずに)表示させたい時の方法についてです。
調べたのですが、すぐにわからなかったので、覚書きで残しておきます。

Gutenbergで記事にコードを表示させる方法

「コード」のブロックを使うと、コードをテキストとして読み込んで表示できます。
ブロックの追加(+マーク)から、「コード」のボタンを探します。

「コードを入力…」の部分に、コードを貼り付けます。

プレビュー画面では、このようにそのまま表示されます。


COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA