【エックスサーバー】独自ドメインプレゼントキャンペーン実施中《2020年4月30日(木)18:00まで》ホームWeb制作WordPressの記事に文字としてHTMLタグを表示させる方法2019/04/09WordPressの記事内でHTMLタグをそのまま表示させたいときってありますよね。「<p>は段落を表すタグです」という感じに。いう文をそのまま入力しても、実際は「は段落を表すタグです」と表示されて、<>で囲まれた部分が消えてしまいます。今回は、HTMLタグをタグとしてではなく、文字として表示させる方法をご紹介します。ビジュアルエディタで入力するビジュアルエディタで「<p>」と入力してみてください。プレビューで確認すると、入力したタグがそのまま文字として表示されているのがわかります。「<」と「>」を別の文字に置き換えて入力する方法1で入力したあとテキストエディタに切り替えると、「<p>」と入力した部分が「&lt;p&gt;」となっているのがわかります。タグの「<」が「&lt;」に、「>」が「&gt;」に、それぞれ変換されているんですね。テキストエディタで入力するときは、「<」と「>」を別の文字で入力すれば良いのです。このように、タグを構成する特殊文字を別の文字に置き換えて、タグとして扱われないようにすることを「実体参照」「エンティティコード」などといいます。......といっても、いちいち「&lt;」「&gt;」を手打ちするのは面倒くさいですよね。いうときは、プラグイン「AddQuicktag」を使って文字を登録するか、PCの単語辞書に文字を登録してしまいましょう。AddQuicktagは、タグや定型文を登録しておくとボタンひとつで記事内に挿入できるという、とても便利で汎用性の高いプラグインです。WordPressユーザーであれば利用している方は多いのではないでしょうか。プラグインを有効化したあと、左メニューの「設定」にカーソルを合わせ、「AddQuicktag」をクリックします。以下の画像のように登録すると、投稿画面に「タグ囲み」ボタンが表示されます。囲みたい文字列を選択したあと「タグ囲み」ボタンを押すと、「&lt;文字列&gt;」と表示されます。単語辞書は、お使いのPCのタスクトレイにあるIMEを右クリック⇒「単語登録」から行えます(Google日本語入力の場合で説明していますが、ほかのIMEを利用している場合でも大体同じだと思います)。上の画像と同様に、「&gt;」も「>」で登録しましょう。「&lt;&gt;」とまとめて登録しても良いかもしれませんね。Highlighter」というプラグインを使いましょう。短いHTMLタグを表示させるには方法1か2で十分だと思いますが、Web系のブログを運営していて、タグについての記事を書くことが多い場合は導入しておくと重宝します。Highlighter」の使い方についてまとめました。詳しくは以下の記事を参照してください。Highlighter」の使い方おわりに今回はWordPressの記事に文字としてHTMLタグを表示させる方法をご紹介しました。文中でタグを表示させたい場合は、ビジュアルエディタでタグを入力するか、テキストエディタでタグの「<」「>」を「&lt;」「&gt;」に置き換えて入力するのが手っ取り早いです。Highlighter」を使いましょう。:WordPressこちらの記事もどうぞ次の記事Photoshopで作成したパターンの保存先はどこ?このブログの中の人nakoExcel、Photoshop、WordPressなど、IT関連のネタを記事にしています。わかりやすくまとめることを心がけています。