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

が、

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

 

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

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

内容

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

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

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

ご用意頂くもの

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

などなど、

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

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

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

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

関連記事

  1. 短縮URL

    WP(WordPress)

    WordPressプラグイン「Pretty Link Lite」で短縮URLを発行

    短縮URLについて今回は、短縮URLを作成してくれるW…

  2. Check Copy Contents(CCC)
  3. WP(WordPress)

    GMOクラウドのVPSサーバーへWPをインストール

    GMOクラウドのVPSサーバーを借りてWordPressをインストール…

  4. WPセミナーグッズ02

    WP(WordPress)

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

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

  5. WordPress(WP)
  6. WordPress(WP)

    WP(WordPress)

    WP プラグイン「Post Type Switcher」で記事の投稿タイプを移動

    最近はWordPressをCMSで利用することも多いので、カスタム…

最近の記事

  1. コピペ(Copy and Paste)
  2. Check Copy Contents(CCC)
  3. WordPress(WP)
  4. セキュリティ
  5. セキュリティ
  6. THE THOR(ザ・トール)
  7. SONY α6400の本体
  8. THE THOR(ザ・トール)
  9. 短縮URL
  10. FFFTP(ファイル転送)
PAGE TOP