WordPress:改行乱発で乱れまくる我が文章。基本を学習してなかった……

こんにちは、ひろつそです。
ブログ記事作成にWordPressを使い始めたのですが、
基本的な初歩の初歩的入力方法を気にせずにタイピングしてきました。

適当に改行して、適当にスペース確保。
必要な文章を挿入したくて懸命にタイプしても消えたり、
一部を見出しにしようとしても全体に適応されたり。

「なんだ、こりゃあ!!?」

恥ずかしくなるほど基本的なことも覚えもせずにいい加減に作業を進めると、
自分自身のせいでストレス溜まって余計に非効率になる例ですね。
反省を兼ねて、自分的にメモ。

プラグイン「TinyMCE Advanced」で段落タグの保持をチェック

キー操作   タグ
Enter 一行空けて新しい段落作成 <p>文章</p>
Shift + Enter 段落内で改行 文章<br />

基本的にこれ。
というか、そこは最初に覚えろよ、自分。

<br />は<p></p>の段落内。
そして、<h1>などの見出しは<p></p>とは独立。

<p></p>内の一行を選択して<h1>などの見出しにしようとすると
タグでは<p>が<h1>に変更されるので、その一行だけでなく段落全体の文が
見出しに変わって酷いことになったりしてました。(笑)

今回、今更ながら<p></p>と<br />の違いを把握したんですけどね。
これまでは以前作成していたサイトやブログでも、
「なんか違うらしいけど、ひたすら<br />で改行だあ!」って感じで無理やり直してました。
「<p>だあ?そんなの知るかあ!」でした。バカですね。

この浅はかな知識でもって、
文章がビジュアル的にぐちゃぐちゃなっているなあと思ったとき、
今まで利用していた無料ブログではテキストモードに切り替えて、
不具合生じてそうなタグをひたすら消したり、加えたりしていたんです。

で、WordPressも同じように強引に直していくかとテキストモードを見ると、
<p>や<br />のタグが表示されていない!?

WordPressというのは自動整形処理をしてくれて、
「オッス!おら、ワードプレス。おらがかっこいいようにカタチづくってやんよ!」
と、こちらの曖昧な処理を直してくれています。

こっちも適当にEnterキーを押したり、ある時はShift + Enter だったりで
見えている改行が段落が変わっての行の隙間だったり、<br />の連続だったり
ごちゃごちゃになってたわけですね。

それをWordPressも揃えようとして、更にこっちは訳わからなくなっていたと……。

デフォルトのままだと、テキストモードで<p>や<br />タグが表示されないものですから、
余計にWordPressとのコミュニケーションに支障をきてしたわけで、
要するにそれを表示することができればテキストで文の構造把握できることになります。

色々と解説をしているブログを複数見て参考にさせていただいた結果、

プラグイン「TinyMCE Advanced」をインストールし、
設定画面の高度なオプションで「段落タグの保持」にチェックを入れる。

これが簡単で手っ取り早く問題解決かと。

せっかく、力いれて文章を入力しようとしても、うまく表示されないストレスが生じては
テンション下がりますものね。

英語学習でまずアルファベット覚えよレベルの初期操作でストレス抱えてましたが、
これで今までよりブログに前向きに取り組めます。

【追記】

<br />の連続改行はHTMLの文法上NGのようですね。
連続の空白段を作るのに使いまくっています。(汗)
少しづつ直していくしかないなあ。
未完成の連続なり。

スポンサーリンク