oto-tanblog Written by oto-tan

【WordPress】超簡単!!文章の先頭に空白を入れる4つの方法

WordPress

こんにちは!

おとーたんです。

WordPressで文章を書いていると、文章の先頭に空白を入れたいときありますよね。

しかし、スペースやタブで空白を入れても認識されず、自動的に左詰めになってしまいます。

【WordPress】文章の先頭に空白を入れる
【WordPress】文章の先頭に空白を入れる

この記事では文章の先頭に空白を入れる方法を解説します♪

[box01 title=”この記事を読んでわかること”]

  • 文章の先頭に空白を入れる方法

[/box01]

文頭に空白を入れるその1:全角スペースを使う

[chat face=”ru-chan.jpg” name=”るーちゃん” align=”left” border=”gray” bg=”gray” style=”maru”]
文章の先頭に空白が入らんやんけくそぉ!!
[/chat]
[chat face=”oto-tan.png” name=”おとーたん” align=”right” border=”blue” bg=”blue” style=”maru”]
WordPressで文頭に空白を入れたい場合は、半角ではなく全角スペースなら表示されるよ♪
[/chat]
WordPressで文章を書くときに、文頭に文字を入れる場合は「全角スペース」を使うと、一番簡単に空白を入れることができます。

「半角スペース」を使わないといけない理由がないのであれば、「全角スペース」を使いましょう♪

【WordPress】文章の先頭に空白を入れる
【WordPress】文章の先頭に空白を入れる

文頭に空白を入れるその2:「preタグ」を使う

[chat face=”ru-chan.jpg” name=”るーちゃん” align=”left” border=”gray” bg=”gray” style=”maru”]
半角スペースでも空白を入れたい!!
[/chat]
[chat face=”oto-tan.png” name=”おとーたん” align=”right” border=”blue” bg=”blue” style=”maru”]
半角スペースで空白を入れたい場合は「preタグ」を使うといいよ♪
[/chat]
どうしても「半角スペース」じゃないといけない人は、「pre」タグを使いましょう♪

<pre>
このように「pre」タグで囲って使用します。
 タグで囲まれている文頭の空白は消えません。
行数の多い文章で、文頭の空白を使用するときにちょうど良いです♪
</pre>

【WordPress】文章の先頭に空白を入れる
【WordPress】文章の先頭に空白を入れる

一行単位であれば、次の「特殊文字」を使用する方法がおすすめ。

文頭に空白を入れるその3:特殊文字を使う

[chat face=”ru-chan.jpg” name=”るーちゃん” align=”left” border=”gray” bg=”gray” style=”maru”]
「pre」タグ使うと他のプラグインと干渉してうまくいかんのやが
[/chat]
[chat face=”oto-tan.png” name=”おとーたん” align=”right” border=”blue” bg=”blue” style=”maru”]
すでにソースコードなどを埋め込めるようなプラグインを使っている場合は、特殊文字を使おう♪
[/chat]
プラグインの「Crayon Syntax Highlighter」などインストールしている場合は、「pre」タグを使用すると、プラグイン専用の設定が反映されてしまします。

その場合は、干渉し合わないように「特殊文字」を使いましょう。

空白を表示できる特殊文字は主に

  • &thinsp;
  • &nbsp;
  • &ensp;
  • &emsp;

の4つがあります。

幅がそれぞれ違うので、開けたいスペースの幅に合わせて調節してください♪

【WordPress】文章の先頭に空白を入れる
【WordPress】文章の先頭に空白を入れる

文頭に空白を入れるその4:Advanced Editor Toolsを使う

[chat face=”ru-chan.jpg” name=”るーちゃん” align=”left” border=”gray” bg=”gray” style=”maru”]
なんも考えず脳筋で空白を入れたい!!
だってウーパールーパーだもの!!
[/chat]
[chat face=”oto-tan.png” name=”おとーたん” align=”right” border=”blue” bg=”blue” style=”maru”]
タグやら特殊文字がわずらわしいなら、Advanced Editor Toolsがいいかも♪
[/chat]
Advanced Editor Tools(旧 TinyMCE Advanced)を使うと、文頭に空白を入れることができるそうです。

ちなみに私のサイトでは無理でした(笑)

テーマによっては挙動が違うのかもしれません。

このサイトは「JIN」を使用しています。

Advanced Editor Toolsの使い方は、ある設定にチェックを入れるだけ。

  1. Advanced Editor Toolsをインストール
  2. 「設定」の「Advanced Editor Tools(TinyMCE Advanced)をクリック
  3. 【WordPress】文章の先頭に空白を入れる
  4. 「クラシックブロックとクラシックエディター内のパラグラフタグを保持」にチェック
  5. 【WordPress】文章の先頭に空白を入れる

まとめ:おすすめは全角スペース

  • 全角スペースを使う
  • 「preタグ」を使う
  • 特殊文字を使う
  • Advanced Editor Toolsを使う

おすすめはシンプルに使える「全角スペース」です。

とくだん理由がない限りはこれが無難かなと(笑)

ご自身の使いやすい方法で試してみてください♪