Highlighting Code Block – WordPress plugin Free download

Highlighting Code Block

Description

「Highlighting Code Block」は、綺麗にシンタックスハイライトされたコードブロックをクリックだけで追加できるようにします。

新旧エディタ両方に対応しており、どちらのエディタでもコードの記述をサポートいたします。

当プラグインの詳細な説明については こちらのページ をご覧ください。

インストール・有効化したら

ブロックエディタでは、「フォーマット」のカテゴリーの中に「Highlighting Code Block」という名前のコードブロックが用意されているはずです。
「Highlighting Code Block」を選択したら、セレクトボックス付きのコードブロックが出現します。
お好きな言語を選び、コードを記述してください。
クラシックエディタでは、ツールバー(デフォルトでは2段目)に「コードブロック」と書かれたセレクトボックスが出現しているはずです。
こちらのセレクトボックスからお好きな言語を選択すると、コードブロック(preタグ)が挿入されます。
すでに入力済みのテキストを選択した状態でコードブロックを選択することも可能です。自動でラッピングされます。(改行が含まれる場合はうまくラッピングできません。)

動作しない?

当プラグインはPHPバージョン5.6以降でのみ動作します。
ご使用のPHPバージョンをご確認ください。

各種設定

管理画面の左メニュー「設定」項目の中、「CODE BLOCK」という項目から設定を変更できます。

Screenshots

Code Coloring
Select 「Highlighing Code Block
Select lang (Guternberg)
Writing your code (Guternberg)
Added select box (Tinymce)
Select lang (Tinymce)
Writing your code (Tinymce)
ex) Light color
ex) Dark color
Base Setting
Higher Setting

Blocks

This plugin provides 1 block.

loos-hcb/code-block
Highlighing Code Block

Installation

自動インストール

プラグインの検索フィールドより「Highlighting Code Block」と入力します。
当プラグインを見つけたら、”今すぐインストール”をクリックしてインストールし、有効化してください。

手動インストール

1.「highlighting-code-block」フォルダ全体を /wp-content/plugins/ ディレクトリにアップロードします。
2.「プラグイン」メニューからプラグインを有効化します。

FAQ

使用可能な言語について

デフォルトでは以下の言語が使用可能です。
– HTML
– CSS
– SCSS
– JavaScript
– TypeScript
– PHP
– Ruby
– Python
– Swift
– C
– C#
– C++
– Objective-C
– SQL
– JSON
– Bash
– Git

Reviews

Leave a Reply

Your email address will not be published. Required fields are marked *