ワードプレスでテキストエディタを使うなら必須 HTML Editor Syntax Highlighter

ワードプレスが簡単で便利といってもテキストでコードを活用する場面ありますよね?

たまに使うテキストエディタ。

見づらい、わけわからない、コピペで真似したいコードもどこに挿入すれば良いのか探すのが大変。

このプラグインを導入すればコードが見やすく理解しやすくなります。個人的にはこれがないとテキストエディタは活用することができません。

※WordPress 4.9を使用中です。Gutenbergでの使用は検証していません。

ワードプレス テキストエディタ を快適に! HTML Editor Syntax Highlighter

当サイトはワードプレスのテーマ【 THE THOR 】を利用しています。

プラグイン HTML Editor Syntax Highlighter は THE THOR でも問題なく動作しています。


    高機能で使いこなせない↓

 

プラグインはワードプレスのメニューから導入できます。

プラグイン → 新規追加 → HTML Editor Syntax Highlighter で検索
THOR ワードプレス テキストエディタ

HTML Editor Syntax Highlighter の設定

プラグインを有効化したら特に設定は必要ありません。すぐにテキストエディタが見やすく表示されるようになります。

テキストエディタ上の右上に設定メニューから外観や細かい設定をすることもできます。当サイトでは初期状態から変更を行わず快適に利用できています。

プラグイン 設定 テキスト

あとがき

使用しているテーマ【 THE THOR 】ではビジュアルエディタで作業するよりテキストエディタで作業したほうが早い場面が多くあります。個人的には無くてはならないプラグインとなっています。

ワードプレスに表 テーブルをレスポンシブルに

こちらも役立つ

スマホの性能比較記事などを書くときに「表」って欠かせないですよね。 表はやっぱりテーブルで作りますよね? 画像で載せることも出来るけど、表を作って画像に変換して載せるぐらいなら作った表をそのまま掲載したほうが楽です。 でも画像ならレイ[…]