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」を使って無効化の設定を行った方がいいです。

が、

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

 

この記事を書いている人
株式会社ディープ
名前足立拓也

メールアドレスadachi@deep-deep.jp

関連記事

最近の記事

  1. WP:WordPress(ワードプレス)
  2. URL設計(URLデザイン)
  3. URL「ディレクトリ名」と文字アンダースコア(_)とハイフン(-)
  4. SEO対策(外部ファイルの読み込み)
  5. URL リダイレクト
  6. インデックスされない
  7. 内部対策は必要?
  8. CMS(シーエムエス)
  9. SEO業者は必要?
  10. SSL(HTTPS)

Twitter

  • 機械学習を少し勉強してみて思ったのは、Pythonがよく使われるのは便利なライブラリーが揃っているので、楽!というだけ。 多分、Pythonを使えば、数学なんて全く分からんくても、勉強して流れさえ掴めば、誰にでも出来る分野だという… twitter.com/i/web/status/1…
    about 1日 ago via Twitter Web App

アーカイブ

PAGE TOP