当サイトはアフィリエイト広告を利用しています
HTML、WordPressでコード(特殊文字)を書いて、空白行(スペース)を入れる方法

【html】WordPressに特殊文字で、空白行(スペース)を入れる方法

  • 2024年3月1日
  • 2024年11月28日
  • HTML&CSS

はじめに

文字と文字の間に、もうちょっとスペースをとりたいなあと思うことがあります。

私は無知なもので、全角スペースを複数回押したりしていました……

しかし、全角はHTML要素ではなく文字と判断される様で、テキスト間以外で全角を使うとエラーの原因になることもあり、非推奨とのこと。

テキスト間以外で全角スペースを使うと、Visual Studio Codeだと黄色の四角が出るので、すぐに気付きます。

また、半角スペースは何回押しても、1回分のスペースしかとれません

じゃあ、どうすればいいんだ?

ということで、いろいろ調べてみました。

文字間のスペースをとる為に書く特殊文字について

半角スペース

 を入れればOK

(例)あああ あああ
(例)あああ あああ(半角スペースキー1回押し)

確かに同じですね。

半角スペースより小さい空白

 を入れればOK

(例)あああ あああ

本当に小さい?一緒に見えちゃう(笑)

半角スペースよりやや広い空白

 を入れればOK

(例)あああ あああ

全角スペースと同じサイズの空白

 を入れればOK

(例)あああ あああ
(例)あああ あああ(全角スペースキー1回押し)

これが全角スペースの代わりになるんですね。

  • クラシックエディターの方は、テキストモードに書く。
  • ブロックエディターの方は、カスタムHTMLに書く。

今日は、ありがとうございました。では、また!

スポンサーリンク