WordPress(ワードプレス)

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

が、

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

 

弊社では、以下の方に向けて、WordPressの短期学習プログラムを
格安(15,000円~)で提供しております。

  • 個人でWordPressを使ったサイト(個人ブログやアフィリエイトサイトなど)構築をお考えの方
  • WordPressを使って副業で稼ぎたい方
  • フリーランスでWordPressを使ったお仕事をお考えの方
  • 自社でホームページの構築・運用をお考えの方
  • 企業のWEB担当者の方

内容

基本的には、初心者の方を対象にした学習プログラムです。

※ WordPress制作の上級者の方の場合、弊社の学習プログラムはあまり役に立たないと考えています。

  • ・ WordPressのインストールからセッティングの方法
  • ・ WordPressのテーマ選びについて
  • ・ WordPressのプラグイン選びと設定方法について
  • ・ サーバの準備方法
  • ・ ドメインの取得・管理の方法
  • ・ FTPの設定方法
  • など

ご用意頂くもの

  • ・ ノートPC
    ※ 弊社はWindowsを業務で利用しておりますので、できればWindowsのPCをおすすめしています。
  • WordPressでサイトの制作を考えているが、何から始めればいいのか分からない。
  • ドメインやサーバはどうやって準備すればいいの?
  • そもそもホームページの公開には何が必要なの?

などなど、

どのような内容でも構いませんので、お気軽にお問い合わせ下さい。

お客様の目的をお聞きした上で、最適の学習プランを提案致します。

ご興味のある方は、以下の内容を記載の上、一度お問い合わせ下さい。
こちらより、折り返しメールを致します。

  • ① お名前
  • ② 折り返し先のメールアドレス
  • ③ 希望の学習内容

関連記事

  1. WP(WordPress)

    WPのカテゴリーをドロップボックス形式で表示

    カテゴリーをプルダウン形式(ドロップボックス)で表示させたい時、w…

  2. WordPress(WP)

    WP(WordPress)

    WP-PageNaviがインストールできない!?

    最近、立て続けにWordPressの案件が入ってきて、対応する案件…

  3. WordPress(ワードプレス)
  4. Security(セキュリティ)
  5. PHP(ピー・エイチ・ピー)

    PHP

    Nginx+WordPressでブログを運営(PHP5.5のインストール)

    PHP5.5をインストールPHP5.5のインストール手…

  6. WordPress(ワードプレス)

    WP(WordPress)

    WordPressで英語対応

    WordPressを使って英語サイトを作成している時、困るのが日付…

最近の記事

  1. MySQL(マイエスキューエル)
  2. MySQL(マイエスキューエル)
  3. WordPress(WP)
  4. SEO(エスイーオー)
  5. ホームページを活用
  6. SEO(エスイーオー)
  7. SNS(ソーシャルメディア)
  8. ホームページ制作ツール
  9. WordPress(ワードプレス)
  10. SNS(ソーシャルメディア)
PAGE TOP