WordPressの改行について…その２

こんばんわ、Gammy Design Works代表の石上です。

 

WordPressの改行についてちょっと調べたので、

備忘録としてブログに残しておきます(^_^;)

 

さて、Wordpressの改行で調べてみてビジュアルエディターにおける

改行を思い通りにするプラグインをご紹介しておきます。

 

「PS Disable Auto Formatting」

 

というプラグインなのですが、どういうものかと言いますと…

 

元々Wordpressというものは、XHTMLの規則に

「自動的に合わせる」仕組みになっているそうです。

 

「この自動的に規則に合わせるの」というのが

思うように改行できない原因なんですね＾＾

 

で、このプラグインは「自動的に規則に合わせる」という機能を止めてしまうプラグインです。

 

なので、投稿画面には、横長の英語で書かれた長い文章が

表示されるようになりますのですが、とりあえず、無視しましょうｗ

 

さて、その手順を簡単に説明します＾＾

 

「PS Disable Auto Formatting」のインストールと使い方

１．プラグインをインストールするので、

「プラグイン」にマウスを載せてから、「新規追加」をクリック

 

 

２．検索から「PS Disable Auto Formatting」を入力して検索し、

一番上のプラグインをインストールして有効化します。

 

３．有効化できたら、メニューの「設定」にマウスを載せて、

「自動整形」をクリック。

 

４．とりあえず、上の二つにチェック入れとけば間違い無いですｗ

 

５．試しに投稿してみるので、「投稿」にマウスを載せてから

「新規追加」をクリック。

 

６．試しに１回改行したのと、３回分改行してみました。

えらい改行の割には行間が広い…

 

７．プレビューしてみると、めっちゃスカスカですｗ

でも、一応改行は反映されています。

 

８．で、テキストエディタで確認してみると＜p＞と＜/p＞で括られています。

 

スペースを空けた場所にも何やらタグがありますね…

「&nbsp」というのは、「何もありませんよ」みたいな感じですかね！？

 

これがあると、自動整形する際になかった事にされて上に詰められてしまいます。

 

だから、２行以上の改行が反映されないんですねｗ

 

９．＜p＞～＜/p＞だと改行した時に不自然な隙間が空くので、

狭くした改行を紹介します＾＾

 

下の画像だと、いい感じのスペースになってますよね？

これは「Shift」＋「Enter」で改行したらこうなりますｗ

なぜかと言いますと、「別のHTMLタグが挿入されるから」です。

 

 

１０．テキストエディタで見てみましょう＾＾

すると、今度は＜br /＞の改行タグが挿入されているのがわかります。

ちなみに、横に並ぶので見難いですｗ

 

＜p＞と、＜br /＞の違いとして、

＜br /＞はそのまんまの改行に対し、
＜p＞は文章の段落ということになります。

 

追記2015.4.28：

改行と段落の違いを理解していれば、インデント（字下げ）の機能を使って、
より読みやすい文章にすることもできます。

 

 

僕はせっかくなので、スペースの幅を使い分けるのにそのままにしていますｗ

 

久しぶりにビジュアルエディターを使いましたが、やっぱり便利ですね＾＾

 

ぜひ試してみてください＾＾