東京のホームページ制作会社・web制作会社
株式会社シンシエイト

【WP】W3Cのマークアップバリデーションエラーを解決する方法

WordPress

WordPressで作ったサイトをW3Cのマークアップバリデーションに通すと、CSSとJSの読み込みでエラーが起きてしまいます。原因は「type=”~~~”」の属性が自動挿入されてしまうためなので、今回はこのtype属性を削除する方法を解説します。

やりたいこと

上記のように、タグから「type=”***/***”」の属性をなくすことで、W3Cのマークアップバリデーションのエラーを回避するため処理をfunctions.phpに書いていきます。

結論

上記プログラムの説明

そんなに難しいことはないのですが、上記プログラムが何をしているか説明していきます。

上の部分は、インラインのCSSとJSに関するタグの変更です。

$styleTagsと$scriptTabsでtype属性のついた部分を指定し、これらをstr_replace()でそれぞれのタグに変更するという記述です。

それぞれの$~~~Tagsの関数の2行目はバックスラッシュ(\)でシングルクォーテーション(’)をエスケープしています。

これは二つの add_filter() を使っていますが、上がCSSの置き換えで下がJSです。

基本的な操作はインラインと同じですが、それぞれのtype属性を空文字に変更して削除します。

filterフックとactionフックの知識が必要

コピペするだけでそのまま使えちゃうのですが、この辺をいじるにはfilterフックやactionフックの知識が必要になってきますね。

ちょっと難しそうな感じはしますが、この辺を勉強するとWordPressでできる事が増えるのでオススメです。

三上 龍志
この記事を書いた人
三上 龍志
元パンパースのCMモデルがネタの株式会社シンシエイト代表。システムエンジニア出身営業育ち。ビーフジャーキー作りが趣味。webが大好きな2児の父。
関連する記事
NO IMAGE
WPのiPhoneアプリとウェブブラウザで出来る・出来ない機能比較
WordPress
WordPress管理画面のエディタ内だけにCSSを適用する方法
WordPress
NO IMAGE
【WPエラー】Warning: dynamic sitemap generation must have parmalinks enabled.
WordPress
ワードプレスで最初に設定すべき5つの初期設定 & その他の設定まとめ
WordPress
WordPressの管理画面にCSSファイルやJSファイルを読み込む方法
WordPress
ワードプレスの Androind アプリ初期設定方法
WordPress
ワードプレスの iPhone アプリ初期設定方法
WordPress
WordPressのマルチサイト化は超カンタン!初心者でもラクラク設置する5ステップ
WordPress
ワードプレスのテーマとは?デザインテンプレートを変更する2つの方法
WordPress
ワードプレスの投稿者アイコンを表示する「Gravatar」にアバターアイコンを登録しよう
WordPress
株式会社シンシエイト ブログ バックエンド WordPress 【WP】W3Cのマークアップバリデーションエラーを解決する方法

web制作とマーケティングで
貴社の経営課題を解決します

web制作でのブランディングや、コンテンツマーケティング・SEO・ネット広告を中心としたウェブマーケティングを通じて、企業の事業を加速させるご提案をしています。

お電話でのお問い合わせはこちら

受付時間は平日10:00〜18:00です。セールス目的のお電話はご遠慮ください。