プログラミング言語などのソースコードをサイトに載せる場合、コードは色分け表示（シンタックスハイライト）していてほしいものです。
コードは読みやすくきれいに色分け表示されていた方が、自分にとっても閲覧してくださった方にも分かりやすくなりますね。
【Code Syntax Block】は、コードを色分け表示（シンタックスハイライト）することのできるプラグイン。
ブロックエディターのみの対応ですが、HTML、PHPをはじめとした多くの言語をサポートしています。
こんな場合におススメ
- コードをきれいに色分け表示（シンタックスハイライト）したい
プラグインを使ってできること
- コードをシンタックスハイライト表示する
スポンサーリンク
インストール
- 管理画面 > プラグイン > 新規追加 とクリックする
- Code Syntax Blockで検索する
- 今すぐインストールをクリック。インストール後有効化する
または、配布サイトからダウンロードして、インストール。
手動でインストールする方法はコチラ
関連記事
WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする[…]
【Code Syntax Block】の使用方法
- STEP1ブロックを追加投稿画面（ブロックエディター）の『フォーマット』内『ソースコード』ブロックを追加します。
- STEP2コードの記述追加したブロックにコードを記述します。
- STEP3項目の設定『ソースコード』ブロックを選択すると『設定』が表示されますので、項目の設定を行います。
Language 言語を選択 Show line numbers 行番号を表示するかの選択 Title for Code Block タイトルを設定（なしでも可） - STEP4使用イメージ保存すると、コードがシンタックスハイライト表示されます。
スポンサーリンク
動作確認環境
- バージョン 1.1.0
- WordPress 5.3.1
まとめ
- 【Code Syntax Block】は、コードを色分け表示（シンタックスハイライト）することのできるプラグイン。
- ブロックエディターのみの対応ですが、HTML、PHPをはじめとした多くの言語をサポートしています。
