WordPress | プラグイン | Highlighting Code Block

2021年5月18日

公開日:2021/5/17

WordPressでプログラミングコードを記す場合,コード箇所を視認するため,”Highlighting Code Block”というプラグインが非常に有用だった.そのため,以下に紹介する.

■WordPressにログインし,"プラグイン"にクリック後,"新規追加"をクリックする

■検索バーに"highlighting code"と記入すると,目的の”Highlighting Code Block”が出現する

■"Active"をクリックする

■Active後,設定をクリックする."[HCB]設定"が出現するので,クリックをする.

■以下のように設定(1/3)をする

■以下のように設定(2/3)をする

■以下のように設定(3/3)をし,"変更を保存"をクリックする

■新規投稿をすると以下赤枠が出現する

■クリックをすると,以下のようにプログラミング言語を選択できる.

■以下は"Python"を選んだ場合

■"Pring('hello’)"と入力する

■以下のようにWordPressで表現できる.

★以下は実際のコード:

print('hello')

以上