HTML Editor Syntax Highlighter
WordPress はブロックエディタを使わず,クラシックエディタでしかも,「ビジュアル」ではなく,「テキスト」のエディタを使わないと効率的にページを改良していくことは難しい.
![HTML Editor Syntax Highlighter](/wp/wp-content/uploads/2024/06/HTMLESH.webp)
ブロックエディタについて
本当の初心者であれば確かに簡単にページを作れるように思えるだろう.
しかし,少しデザインにこだわるようになると壁にぶつかる.
例えば,あるページに施したデザインと同じデザインを既に作ったページに適用したいと思った時などだ.
スタイルシートを定義してデザインしていれば,クラス名を追加するだけで終わる(方法によっては追加すら要らないかもしれない)のに一つ一つ修正していかなくてはならない.
また,コメントなど不要なものをたくさん吐き出されるし,場合によってはそれによってデザインが崩れたりもする.
なので,ある程度,スタイルシートが分かっている人の場合はブロックエディタはオフにしてしまうのがお勧めだ.
オフにするプラグイン
この二つのどちらかを入れると良いだろう.
これで投稿編集画面が快適になる.
HTML Editor Syntax Highlighter
そして,「テキスト」で書きこめば普通のエディタのように使って,HTML を書けるのだが,慣れている人はこれでも問題ないのだが,HTML初心者の方の場合はインデントとかタグの閉じ忘れとかそもそも開き忘れとか様々なミスをしてしまうことがある.上級者でも忘れるときは忘れる.
そういう際に普通のテキストエディタであれば,HTML-mode などがあって,色分けしてくれたり,オートインデントしたり,途中まで書くと自動でタグを閉じてくれたりする.
今まではそういうエディタで書いてからコピペしていたが,最近,標準のテキストエディタが HTML-mode になるようなプラグインを見つけた.
それが HTML Editor Syntax Highlighter である.
これはとても便利なのでテキストで書いている方は利用されると良い.
HTML Editor Syntax Highlighter お勧めの設定
投稿画面の右上を見てほしい.
![右上の歯車マーク](/wp/wp-content/uploads/2024/06/HESHgear.webp)
歯車マークがあるだろう.
これをクリックすると細長い棒が出てくる.
さらにその一番右にある「more...」をクリックすると,下のような設定画面が出てくる.
![HTML Editor Syntax Highlighter 設定画面](/wp/wp-content/uploads/2024/06/HESHsetting.webp)
お勧めは全てにチェックを入れること.
改行時に自動的にスペースを入れてくれるオートインデント機能があれば,ほぼ何も問題なく使えるのだが付けてくれないだろうか.