WordPress投稿の本文にソースコードを表示させる(プラグイン使用)

プラグイン「Highlighting Code Block」の導入

「Highlighting Code Block」というプラグインを導入します。

WordPress.org 日本語

prism.js を使用したシンタックスハイライト機能付きのコードブロックを追加します。 (Gutenberg とクラシ…

プラグイン「Highlighting Code Block」の使用方法

ブロックエディターの場合

クラシックエディターの場合

導入前と導入後での比較

導入前

<?php
if(have_posts()):
while(have_posts()): the_post();
the_title();
endwhile;
endif;
?>

導入後

<?php
if(have_posts()):
  while(have_posts()): the_post();
    the_title();
  endwhile;
endif;
?>

導入した感想

導入前はブロックエディター、クラシックエディターともにインデントがなくなった。

導入後、クラシックエディターで挿入するとインデントがなくなった。

ブロックエディターで挿入すると、インデントが保持されるため、ブロックエディターで使用することをお勧めする。

>お問い合わせはこちら

お問い合わせはこちら