HTMLタグをそのまま文字として表示する方法【WordPress】

Wordpress

 

<div>や<p>などのhtmlタグや、cssやjavascriptなどのソースコードを文字列として表示したい場合があります。しかし、そのままテキストエディタに入力してしまうと、タグとして実行されてしまい、ソースコードとして表示できない場合があります。

WordPressにはビジュアルエディタがあるので、苦労することはないと思いますが、タグを文字として表示させる方法をご紹介します。

 

スポンサーリンク

HTMLタグ<>の表示

 

小なり < は &lt;
大なり > は &gt;

に変換して入力することで、<>を記事内に表示することができます。

文字実体参照と呼ばれています。

 

WordPressビジュアルエディタ

 

ひとつひとつ手作業で置換えるのは面倒なので、WordPressの場合は、ビジュアルエディタを使用すると簡単です。

下の画像では、ビジュアルエディタで<div>タグを入力しています。

このまま、テキストエディタに変えると、「<」が「&lt;」に、「>」は「&gt;」になっているのがわかります。

反対に、テキストエディタで<div>タグを入力すると、

ビジュアルエディタに戻った時に、タグが実行されて表示されていないのが確認できます。

タグを文字列として表示したいときは、ビジュアルエディタを使用しましょう。

 

ちなみに、ショートコードを表示する方法も記載しているので、参考にしてください。

【WordPress】ショートコードをそのまま文字として記事内に表示【エスケープ】
便利なショートコードですが、ショートコードの説明を記事にする場合、そのままコードを入力するとショートコードが反映され別記事などが表示されてしまいます。 今回はショートコードを文字として表示させる方法を記載します。 ショートコ...

まとめ

他には、プラグインの利用や、JavaScriptなどで動的に&lt;や&gt;に変換させることも可能ではあるけど、WordPressならビジュアルエディタで入力するのが一番簡単です。

記載するのが面倒なだけなので、興味のある方は「ワードプレスでHTMLタグをそのまま表示する方法」などで検索したらすぐ見つかるかと思います。

 

ゲームのラグ解消!おすすめネット回線
オンラインゲームに最適な回線【NURO光】
ポイント
  • 最大2Gbpsの超高速回線
  • 独自配線網利用で安定性が高い
最大速度 最大2Gbps
月額料金 5,200円
キャッシュバック 45,000円
基本工事費 実質無料
セット割 でんき・ガス・ソフトバンク携帯
他社解約金還元 最大20,000円

最大2Gbpsの高速回線と、独自整備のネットワーク網で混雑が少なく安定してゲームを楽しめる回線です。キャッシュバックやセットサービスなども豊富。PlayStation5のレンタルやソニー製Wi-Fiルーターに対応しているのも魅力的です。

独自ネットワークで混雑しにくい【auひかり】
ポイント
  • KDDI独自回線でピーク時も安定
  • au・UQモバイルユーザーにおすすめ
最大速度 最大1Gbps
月額料金 戸建て:6,160円
(マンション:4,180円)
キャッシュバック 最大70,000円
基本工事費 月額料金に含まれる(割引含む)
セット割 au・UQモバイル
他社解約金還元 最大30,000円

KDDI独自の回線網で夜間のピーク時でも高速&安定!最大1Gbpsの回線の中でも1番速度がでやすいと評判です。

全国どこでも利用可能でフレッツ光よりも安い!【SoftBank 光】
ポイント
  • NTT回線だから全国の広いエリアで利用可能
  • ソフトバンク・ワイモバイルユーザーにおすすめ
最大速度 最大1Gbps
月額料金 戸建て:5,720円
(マンション:4,180円)
キャッシュバック 25,000円
基本工事費 最大26,400円(のりかえ新規)
セット割 ソフトバンク・ワイモバイル
他社解約金還元 満額還元

エリアの限られている【NURO光】や【auひかり】が利用できない方におすすめなのが【SoftBank 光】。NTT光回線使用でほぼ全国どこでも利用可能。しかも、IPoE(IPv6)接続だからNTT回線の混雑を受けずに高速・安定して利用できます。

Wordpress
スポンサーリンク
net蔵知庫

コメント

タイトルとURLをコピーしました