HTML、CSSが苦手な私、小梅太郎は、先日備忘録としてHTMLとCSSのコメントアウトの方法を書いたのですが…
その時の記事はこちらです：「今さら聞けない、HTMLとCSSのコメントアウトの方法」
その際、HTMLのコメントアウト例として記述した「<!-- ここがコメントアウト部分 -->」の連続するハイフン「--」が、繋がって「–」と表示されてしまい、備忘録の短い記事を書くのに四苦八苦してしまいました（下の画像がそれです）。
色々調べていると、WordPressが自動で変換しているとかどうとか…
“う〜ん、これはまずい。全然分からない…”
ってところですが、一番手軽だったのが、<pre>タグを使う方法。
<pre>タグに囲まれたHTML文書は改行や空白等がそのまま表示されるとのことで、先日の記事でも結局、<pre>タグを使って表示しました。
ただし、< と > は、< と > に置換する必要があるとのことです。
ただ、<pre>タグはブロック要素ということで、文章内の一部としては使えないんですよね。
ということで、更に調べていると、phpファイルを変更して対応するというものもあったのですが、はっきりいって今の段階では、私にはハードルが高すぎますね。
というか、そこまでする必要も“今の所”はないような…
で、見つけた私のハードルの高さにあっていそうなのが、ハイフンのコード「-」を使う方法。
どうにもこうにも、その辺に疎いので、こうするのが正解かは分からないのですが、それでこうなります。
<!-- ここがコメントアウト部分 -->
まあ、私がそうそうこのコードを使用するとは思えないのですが、まあこれもメモということで。
（この記事中の表示も「-」で対応しています）
参考：「CieLion.com – 特殊文字の HTML コード チャート」
※今回参考にさせていただいたこちらのサイトに、こう書かれてました。
WordPressは、記事内の連続したハイフンをエンダッシュに書き換え、半角クォーテーションマークを全角クォーテーションマークに書き換える機能がある。
WordPressの自動変換を中止するカスタマイズ方法
そうなのか〜