Enable JavaScript in your browser. このウェブサイトはJavaScriptをオンにしてご覧下さい。

ワードプレスでXHTMLのタグをHTML5のタグに変える方法

  • 2014年10月2日
  • HTML

ワードプレスでXHTMLのタグをHTML5のタグに変える方法

DSショップはもちろん、サテライトサイトなどにもお世話になるワードプレス。グーグルはワードプレスを使うことでSEOの8割をカバーできると言っています。そんなワードプレスでHTML5で記述してるタグが勝手にXHTMLのタグに変換されてしまうことがあります。

このブログはHTML5で記述されているのですが、<br>と記述しても勝手に<br />になってしまいます。<hr>なども同じ症状が出ていたので「?」だったのですが、どうやらワードプレスの余計なお世話だったようです。

さらに「ALL IN ONE SEO PACK」で出力されるメタタグや、どこから引っ張ってきて表示されてるか分からないヘッダー内のフィード関係のタグもXHTMLの記述方法になっていて、勉強がてら直してみようと思った次第です。

投稿内容の記述が勝手に変換される?

ぼくの場合、記事の投稿にはビジュアルエディターではなくテキストエディターを使います。ビジュアルエディターは楽チンですが、やりたいことができないと短気とは無縁のぼくでもイラッ怒った顔とくるので、それなら最初からテキストエディターでいいやってな感じ。

で、そこに改行を表す「<br>」を入力すると、確かに改行されて見た目には全く問題なのですが、たまたまソースを見た時に「あれ?間違って<br />って書いちゃったかな?」って気づいたんです。以前はXHTMLだったので「<br />」というように記述していたので、その癖で間違ったのかと思いましたよ最初は。

ところが投稿内容を見てもちゃんと「<br>」になってる…。でもソースをみると確かに「<br />」になってる…。
「???」なんだこりゃ?と思ってググると、なんとワードプレスには勝手にXHTMLに変換するやさしい機能があるようですね白い目。今まで長いことワードプレスを使ってきましたが気づかなかったな~…。と思いつつ解決策を探したところ、見つけました!しかも超簡単!

remove_filter('the_content', 'convert_chars');

これを「functions.php」に記述するだけで解決!(このページ参照⇒WordPressの自動変換機能の停止の仕方いろいろ

詳しくは参照ページにも書いてありますが「wptexturize」「convert_chars」という二つの関数が肝になっているようです。なのでこの二つの機能を停止させれば簡単に解決されました(参照ページの管理人さんありがとう!嘆願する顔絶対自力じゃ無理)。でもなるべくいじるのは少ないほうがいいようなので、投稿内のみに働く「convert_chars」を上記のコードで停止しました。「wptexturize」のほうは参照ページを参考にどうぞ。

ヘッダー内がグチャグチャ…

で、次に気になったのがヘッダー内の記述。プラグインで出力されるものもあり、XHTMLとHTML5の記述がバラバラになっていたんですね。さらにワードプレスを熟知していないので、どこから引っ張ってきて表示されているのか分からないものもあり、どうすれば良いのやら…と悩んでいました。

まぁ直さなくても大した問題にならないことは分かっています。表示に影響が出るわけでもないですし、その辺はウェブページを読み込むコンピューターがうまいこと処理してくれますしね。が、なんか納得がいかないわけですよ怒った顔。あえて直さないならいいんです。無知が理由で「直せない」のが納得がいかない…。でもどうすればいいのやらさっぱり。こういうときはやっぱりググって調べるしかありません。

で、こちらも「非常~に」簡単でした。「Head Cleaner」というプラグインを有効にするだけです。いろいろ細かい設定ができますが、全く変えていません。つまりインストールして有効化するだけで、指定されたドキュメントタイプのタグに直してくれるということです。

素晴らしい!感激する顔おかげでヘッダー内が文字通りキレイになりましたよ。さほど大きな意味のないことにけっこうな時間を使ってしまいましたが…。ぼくは設定を変えていませんが「Head Cleaner」はほかのプラグインの関係で不具合が出ることもあるようですので気を付けなければいけませんね。「Head Cleaner」の細かい設定はバズ部さんのHead Cleanerの使い方と設定方法が参考になります。

まとめ

ワードプレスでHTML5で記述しているなら余計なお世話に気をつけるべし!「Head Cleaner」は有効化するだけでヘッダーをキレイにしてくれる素晴らしいプラグイン!ま、あまり細かく気にする必要はないかもしれませんけど…ね。

もしもドロップシッピングで稼ぐためのブログページトップへ戻る