WordPressのエディターで改行がうまくいかない方へ

「WordPressのエディターにもてあそばれているんですよ、私。
 改行すると行間が広すぎちゃうのに、狭める方法がわからないんです。」
 

WordPressに関わる不満の第3位ぐらい
(てきとーですが上位ということです)に位置するのが、

エディターがイマイチ使いづらいというやつです。
 

ネットの各所で、WordPressはまるでWordのように
見たままに編集できるなどと言われたせいで、
なかなか評価が上がらないかわいそうな子です。

ただこの問題、ちょっとした知識で解決できるので
今日はそれを知ってもらえればと思います。

どのようなものかというと、、、

 

シフトキー+改行キーの組み合わせです。
 

HTMLの限界は超えられない

まずこれだけは念頭に置いていただきたいのが、
どのようなコンテンツであっても
ブラウザーの能力を超えた表現はできないと言うことです。

ブラウザーというのはInternet ExplorerやGoogle Chrome、
Firefox、Safari、Operaなど、
URLを入れたらWebサーバーから情報を得て
きれいに見やすくしてくれるソフトウェアのことですね。

Webブラウザーは技術の進歩と共にできることが増え、
今では音楽も動画も再生できるしゲームが動いたりするなど
本当に多機能で高性能です。

ですがそれでも制限はあり、
WordPressではその制限がHTMLという
技術の制限と(ほぼ)等価なのです。

ここで言いたいのは、
その制限がどのようなものなのかではなく、

制限があることと、できれば自分がやりたいことが
その制限の範囲内にあるのかを調べるのが
やり方を探すよりも近道であることです。
 

改行には2種類ある

その制限の一つとして、
改行には2種類あることが挙げられます。

HTMLでは改行を行うのにbrタグを用いる方法と、
pタグのようなブロック要素のタグを用いる方法です。

WordPressを使っていて翻弄される原因は、
WordPressのエディターではテキストの改行が
*自動的にpタグ扱い*になる点です。

pタグはブロック要素のタグなので、
brタグによる改行よりも行間が広くなるのです。

ではbrタグで改行させるにはどうすれば良いかというと、
「シフトキー+改行キー」の組み合わせを使うのです。

この入力によって、
WordPressはbrタグ扱いの行間が狭い、
つまりブロック要素ではない改行、を行ってくれます。

◎WordPressのビジュアルエディター上で2種類の改行を試したところ

WordPressの改行 ビジュアルエディター上

WordPressの改行 ビジュアルエディター上

◎上記の入力をブラウザーのソースで見てみたところ

WordPressの改行 ソース上

WordPressの改行 ソース上

 
これらにどのような違いがあるかは、
ビジュアルモードとテキストモードを
切り替えていただくと分かりやすいと思います。

逆に言えば、テキストモードを使えば
HTMLでできる表現の限界まで使うことができるということですね。
 

まとめ

今回のポイントをまとめます。

  • 改行には2種類ある
  • HTMLの限界は超えられない
  • テキストモードを使えば何でもあり

いかがでしたでしょうか。
 

IT技術には必ず(複雑ですが)原理が存在するので、
それを知ることが一番応用できる範囲が広がることに繋がります。

知識を入れるのは時間がかかるように見えますが、
結果として一番の近道になるのが自分にとって好きなところです。

それをお伝えするのがITコンサルタントの仕事だと考えています(^^)
 

【最後まで読んでくれたあなたにプレゼント】

あなたは、24時間365日、自分の代わりに集客し続けてくれるWebサイトを作りたい!と思ったことはありませんか?

私はこれまで500以上のWebサイトの構築と運営のご相談に乗ってきましたが、Webサイトを作ってもうまく集客できない人には、ある一つの特徴があります。

それは、「先を見越してサイトを構築していないこと」です。

Webサイトで集客するためには、構築ではなく「どう運用するか」が重要です。

しかし、重要なポイントを知らずにサイトを自分で構築したり、業者に頼んで作ってもらってしまうと、あとから全く集客に向いていないサイトになっていたということがよく起こります。

そこで今回、期間限定で

『10年集客し続けられるサイトをワードプレスで自作する9つのポイント』

について、過去に相談に乗ってきた具体的な失敗事例と成功事例を元にしてお伝えします。

  • ワードプレスを使いこなせるコツを知りたい!
  • 自分にピッタリのサーバーを撰びたい!
  • 無料ブログとの違いを知りたい!
  • あとで悔しくならない初期設定をしておきたい!
  • プラグイン選びの方法を知っておきたい!
  • SEO対策をワードプレスで行うポイントを知りたい!
  • 自分でデザインできる方法を知りたい!

という方は今すぐ無料でダウンロードしてください。

期間限定で、無料公開しています。

普段お使いのメールアドレスを入力し、ボタンをクリックしてお申し込みください。

メール講座『10年集客し続けられるサイトをワードプレスで自作する9つのポイント』

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です