【参考・他のSNSやブログの場合】空白文字のその他のやり方

インスタ以外のSNSやブログで空白文字を使う場合、たとえばHTMLタグの入力などに当該サービスが対応していれば以下のようなやり方でも空白を表現できます。

「 」など文字実体参照で空白指定

文字実体参照は、キーボードでは入力できない文字など、特殊な文字をHTMLで表現する方法。空白文字もHTMLで定義されているため、文字実体参照で指定することで、空白を直接入力できます。

以下の文字列をHTMLファイルやWordPressのテキストエディタに入力すると、空白を指定できます。

細いスペース
  改行禁止スペース
nの文字幅のスペース
mの文字幅のスペース

これらの空白文字を「               」のように繰り返し入力すると、その分の空白が挿入されます。 たとえば細いスペースと改行禁止のスペースを組み合わせるなど、複数の空白文字を組み合わせることで、自分のイメージに合った幅の空白文字を入力することも可能です。

CSSで空白を表現する

CSSのinline-block要素で空白を表示できます。

実際に使うCSSとHTMLの例は以下の通り。

備考
CSS .blank_space{display:inline-block;width:10px;} 「width:10px」は空白文字の幅を表わしています。数字を変更することで幅を変えることが可能。
HTML いろはにほへと

空白として全角スペースを使う

空白文字を表現するためには、「いろはに ほへと」のように全角スペースを打ち込む方法があります。ただし、これは文章や段落を区切る場合以外ではあまりおすすめできません。なぜなら、「いろはに ほへと」は「いろはにほへと」という一つの単語ではなく、「いろは」と「ほへ」という二つの単語だと解釈されてしまうからです。これではGoogle検索やSNS内の検索で見つけられなくなってしまいます。

まとめ

インスタのハイライトやプロフィールで使える空白文字やおしゃれなフォントを紹介しました。ハイライトやプロフィールのデザインを変更したり、すっきりとした見た目に変更することで、アカウントの世界観を表現したり、見る人にとって分かりやすく印象の良いアカウントになります。ぜひ挑戦してみてください。

文・オトナライフ編集部/提供元・オトナライフ

【関連記事】
ドコモの「ahamo」がユーザー総取り! プラン乗り換え意向調査で見えた驚愕の真実
【Amazon】注文した商品が届かないときの対処法を解説!
COSTCO(コストコ)の会員はどれが一番お得? 種類によっては損する可能性も
コンビニで自動車税のキャッシュレス払い(クレカ・QRコード決済)はどの方法が一番お得?
PayPay(ペイペイ)に微妙に余っている残高を使い切るにはどうすればいいの!?