WordPress(WP)

WP(WordPress)

WP 自動整形機能

WordPressには「自動整形」という機能が備わっています。

 

HTMLコードを自動で正規化してくれるので、

決して誤った動作をしている訳ではないのですが(というか自動で正規化してくれるの本来はありがたい機能)、

時に厄介というか、

ありがた迷惑に思うこともあります。

 

というのも、

「<p>タグ」や「<br>タグ」を勝手に挿入したり、

逆に、

入力した「<p>タグ」や「<br>タグ」を勝手に削除してしまう為です。

 

意図的に入れた改行が勝手に「<p>タグ」に変換されてしまってレイアウトに影響したり、

「<br>タグ」が「<p>タグ」に変換されてしまって行間が変わってしまったり、

その他いろいろと問題が発生することがあります。

 

自分のメモ用にも、

以下の4点についてもう少し詳しく見ていきます。

①、改行コードを「<br>タグ」に変換
②、改行を2回続けて入力すると「<p>タグ」に変換
③、「<br>タグ」を2個以上連続して入れると「<p>タグ」に変換
④、「テキストモード」で入力した「<p>タグ」や「<br>タグ」が、「ビジュアルモード」に切り替えると削除されてしまう

 

①、改行コードを「<br>タグ」に変換

「テキストモード」に切り替えて、

WP自動整形機能 改行を1回

と入力。

で、出力されたソースを確認すると

=================================
<p>ああああああああああああああああ<br /> ←ここ
いいいいいいいいいいいいいいいい</p>
=================================

と出力されています。

 

②、改行を2回続けて入力すると「<p>タグ」に変換

「テキストモード」に切り替えて、

WP自動整形機能 改行を2回連続

と入力。

で、出力されたソースを確認すると

=================================
<p>ああああああああああああああああ</p>
<p>いいいいいいいいいいいいいいいい</p>←ここ
=================================

と出力されています。

 

③、「<br>タグ」を2個以上連続して入れると<p>タグに変換

「テキストモード」に切り替えて、

WP自動整形機能 <br>タグを連続

と入力。

で、出力されたソースを確認すると
=================================
<p>ああああああああああああああああ</p>←ここ
<p>いいいいいいいいいいいいいいいい</p>←ここ
<p>うううううううううううううううう</p>←ここ
=================================

と出力されています。

 

④、「テキストモード」で入力した「<p>タグ「や「<br>タグ」が、「ビジュアルモード」に切り替えると削除されてしまう

「テキストモード」に切り替えて、

WP自動整形機能 <p>タグ、<br>タグを入力

と入力。

で、

一旦「ビジュアルモード」に切り替えて、

再度「テキストモード」に切り替えてみてください。

以下の様に「<p>タグ「や「<br>タグ」が消えてしまいます。

WP自動整形機能 <p>タグ、<br>タグが削除

 

このように自動変換されてしまいます。

 

ただ、

勿論「自動整形機能」を無効化する方法はあります。

 

一番簡単のが、

「TinyMCE Advanced」というプラグインを使う方法です。

恐らく、

このプラグインはほとんどの方がインストールされていると思います。

なので、

インストール済みであれば、

「TinyMCE Advanced」の設定画面に移動して「段落タグの保持」にチェックを入れてやるだけでOKです。

 

あと、

細かく設定を行いたい場合には、

「functions.php」を使って無効化の設定を行った方がいいです。

が、

今回はそこまでの説明は止めておきます。
※多くの方がブログに投稿されているので、検索してみてください。

 

関連記事

  1. WordPress(WP)

    WP(WordPress)

    WordPressのバージョンアップのお知らせを表示させない

    ある街情報のサイトをWordPressで運用しているのですが、街の…

  2. PHP

    PHP

    WordPressの記事を特定の文字数で丸める

    ブログのトップページやカテゴリー、アーカイブページなどで、記事の一…

  3. WPセミナーグッズ02

    WP(WordPress)

    WPの創始者マットさんが来日です!!

    WordPressの創始者「マット・マレンウェッグ」が来日するというこ…

  4. WordPress(WP)

    WP(WordPress)

    「Count per Day」とかいうWPのプラグイン

    現在ご依頼を頂いて開発しているWordPressサイトに、サイトへ…

  5. WordPress(WP)

    WP(WordPress)

    選択したタクソノミーをカスタム投稿タイプの記事一覧に表示

    前回、「選択選択中のタクソノミーを管理画面の投稿一覧に表示」という記事…

  6. WordPress(WP)

    WP(WordPress)

    WPの画像リンクを削除!!

    WordPressから画像を投稿する際には、メディア挿入時の「リン…

最近の記事

  1. JavaScript
  2. バージョンアップ
  3. JavaScript
  4. セキュリティー
  5. JavaScript
PAGE TOP