うえせいWP.net

WordPressのホームページ制作とWEB活用コンサルティング【大阪府】

WordPress使い方

WordPressの改行やら空白やら。自動整形をオンオフするというお話

WordPressの改行やら空白やら。自動整形をオンオフするというお話

WordPressに関する次のような相反する質問を頂いたので、まとめて回答しますね。

A さん

書いた記事の改行が全部なくなってしまって、ギュウギュウに詰まってしまうんです

B さん

テキスト(HTML)で書いているんですが、

とか
とか余計なタグが入るんです

うえせい

それは、WordPressの自動整形とう機能が関係しているんですよ

と、両方同じ答えになります。

 

sponsored link

WordPressの自動整形機能とは?

WordPressに定義されているwpautopという関数が行っている処理で、次のようなことになるのです。

  • 改行をすると<br>タグを挿入
  • 段落には、<p>タグを挿入

 

ネット上にある多くのWordPressテーマは、もともと一部がオフになっていることが多い

これが、オフになっていると上記のようなことがなくなります。

ただし、ビジュアルでしか記事を書かないし、あとでテキストで見返すことが無いかたについては、オンになっていた方が、書きやすいかもしれません。

そのときは、「TinyMCE Advanced」というプラグインの1機能を使うと簡単にできてしまいます。

 

プラグイン「TinyMCE Advanced」で、自動整形をオンにする

ひとまず「TinyMCE Advanced」をインストールしてください。
※インストール方法は、「WordPressプラグインのインストール方法。これで欲しい機能か追加できる!」を参考にしてください。

▼「TinyMCE Advanced」の設定画面の「段落タグの保持」にチェックを入れる
TinyMCE Advaced段落タグの保持

「段落タグの保持」にチェックすると、次のようになります

▼ビジュアルで記事を書いてみる
WordPressビジュアル編集画面

 
▼テキストで確認する
テキストHTML編集画面
<br>タグやら<p>タグがちゃんとついていますね。

これで、ビジュアルで書いたイメージに近い状態で公開することが可能になります。

 

オリジナルでテーマを制作してもらった場合はオンのまま

ビジュアルで記事を書いている方にとっては、関係ないかもしれませんが、オンになっている状態で書いた記事をあとでみると、全部に<br>タグやら<p>タグがついていて、非常に見づらい。

つまり、あとで記事のメンテをする時も面倒になるんです。

そんなときは次の一文を、function.phpに挿入すればいいです。

ただし、いろいろと無効になって、改行とかは注意してくださいね。

半角スペースを挿入するなり、<br>タグを入れるなりしてください。

 

【まとめ】慣れてきてHTMLを見たりすることも考えると、無い方がいいと思う

うえせいイラスト
あくまで、うえせい(@charin_co)の意見ですが、これについては無いほうがいいと思っています。

あとで、見た時にタグがいっぱいだと、非常にメンテナンスがしづらいのです。

HTMLなんて絶対みない!!
って方に関してはいいのですが、慣れてくるとそれなりに見るようになるものですよ。

とは言え、ご自身の使いやすいように設定してくださいませ。

では、また。テリマカシ。

【関連記事】WordPressの記事一覧をカレンダー形式で表示するプラグイン「Editorial Calendar」

【関連記事】【Pixabay Images】ブログにイメージ写真を挿入するのに超便利なプラグイン

【関連記事】WordPressのカテゴリーの順番を変えるプラグイン「Category Order and Taxonomy Terms Order」

「うえせいや」のLINE@を友だち追加して下さい

うえせいのお知らせやメッセージを受け取ったり、ブログ相談会の募集告知を受け取ったりしたい方は、ううえせいやのLINE@を友だち追加してくださいね!
「うえせいや」のLINE@を友だち追加して下さい

sponsored link

合同会社うえせいやについて

合同会社うえせいやについて
「合同会社うえせいや」では、リーズナブルで柔軟性の高い月額管理費が0円の、自分で更新できるホームページの制作を承っております。
最終的に納品の際には、使い方のご指導をさせて頂くとともに、以降のサボート費用を質問の回答に限り、永年0円としておりましす。
ですので、以降の更新はご自身で、しかもスマホからも可能です。

お申込み、お問合せは無料です。
お気軽に、以下よりご連絡ください。

こんな記事も書いています