カスタマイズWordPressで自動的に読み込まれるスクリプトタグから【type属性】を除外する方法facebookTwittepocketはてなFeedlyRSSrankingWordPressで自動的に読み込まれるスクリプトタグから【type属性】を除外する方法をご紹介します。HTML5で不要となった【type属性】をスクリプトタグから除外したいとき、役に立つコンテンツです。興味のある方は、続きをご覧ください。WordPressのカスタマイズはお任せください。WordPressのカスタマイズを格安で代行いたします。ご希望のカスタマイズがあればご相談ください。詳しくはこちらをクリックWordPressで自動的に読み込まれるスクリプト(script)タグには、【type属性】が自動的に挿入されます。上記の赤字部分ですね。type="text/vavascript">HTML5では、【type属性】を記述しなくても構わなくなりました。<script>上記のような記述でOKです。記述しなくても良くなったわけですから、WordPressで読み込まれるタグからも不要な【type属性】を除外したいですね。V4.1以降に実装)を使えば、スクリプト(script)タグから【type属性】を除外することができます。今回は、【script_loader_tag】を使ってスクリプト(script)タグから【type属性】を除外する方法をご紹介いします。今回は、スクリプトタグから【type属性】を除外する2種類の方法をご紹介します。個別に見ていきましょう。単純に【type属性】を除外する方法まずは、単純に【type属性】を除外する方法です。以下のコードをfunctions.phpに追記して保存してください。$tag);}add_filter('script_loader_tag','remove_script_type');上記のコードを記述することで、WordPressで自動的に読み込まれるスクリプトタグから【type属性】を除外することができます。type="text/vavascript">上記のように出力されていたスクリプトコードが、以下のように変化します。<script>【type属性】が除外されているのが確認できますね。続いて、【type属性】を除外+スクリプトが非同期で動くようにする方法をご紹介します。以下のコードをfunctions.phpに追記して保存してください。$tag);}add_filter('script_loader_tag','remove_script_type');こちらのコードを使うと、WordPressで自動的に読み込まれるスクリプトタグから【type属性】を除外した上、スクリプトタグを非同期で動かすための【async属性】が追加されます。type="text/vavascript">上記のように出力されていたスクリプトコードが、以下のように変化します。async='async'>【type属性】が除外され【async属性】が追加されたのが確認できます。【type属性】を除外して非同期で動かす方法を採用すると、管理画面のテーマエディターや一部のプラグイン編集画面で不具合が確認される場合があります。サイトの確認に加え、管理画面のチェックを行ったほうが良いでしょう。不具合が確認さえる場合、単に【type属性】を除外する方法を採用するようにしましょう。【type属性】を除外して非同期で動かす方法を採用した段階で不具合が生じていなくても、後にプラグインなどを追加したとき、不具合が生じる可能性があります。このような場合は、今回追加したコードが原因の可能性があることを覚えておくと良いでしょう。まとめWordPressで自動的に読み込まれるスクリプトタグから【type属性】を除外する方法をご紹介しました。【type属性】を除外して非同期で動かす方法いずれの方法も、1つのコードをfunctions.phpに追記するだけでOK。コピペだけで行えます。facebookTwittepocketはてなFeedlyRSSrankingWordpressサイトのカスタマイズでお困りではありませんか?あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。次に該当する方は、お気軽にご相談下さい。Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。一つでも該当する方は、以下のリンクからチェックしてみてください。kondo岡山在住のWordPress専門フリーランサーです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。Wordpress関連の記事でお役に立てれば幸いです。【関連記事】あなたが興味のありそうな関連記事をご紹介します。2020/01/05WordPressのログイン画面と管理画面にIP制限を設ける方法セキュリティ対策の一環としてログイン画面と管理画面にIP制限を設けたいと考えたことはありませんか?このコンテンツでは、IP制限を設ける方法を詳しく解説しています。興味のある方は参考にしてください。記事を読む2020/01/04【WordPress】メールアドレスとパスワード変更時のメール通知を停止する方法WordPressでメールアドレスやパスワードを変更した際に送信されるメール通知を停止する方法をご紹介しています。コピペだけで行えるカスタマイズです。興味のある方は参考にしてください。記事を読む2020/01/04WordPressのカスタムメニューで画像を使う方法WordPressのカスタムメニューで画像を使いたいと考えたことはありませんか?このコンテンツでは、カスタムメニューのテキストを画像に置き換える方法をご紹介しています。興味のある方はご覧ください。記事を読む2020/01/04管理者のメール確認機能に関するカスタマイズを2つご紹介WordPressに新しく実装された管理者の【メールアドレスが正しいかをチェックする機能】に関するカスタマイズをご紹介します。チェック間隔を変更する、チェック機能自体を停止させる方法に興味のある方は、今回のコンテンツをご覧ください。記事を読む2020/01/04WordPressのカテゴリーウィジェットで投稿のないカテゴリーも表示させる方法WordPressのカテゴリウィジェットで投稿が一件もないカテゴリーも表示させたいことってありませんか?このコンテンツでは、投稿が一件もないカテゴリーを表示させる方法をご紹介しています。興味のある方はご覧ください。上に表示された文字を入力してください。kondoWordPress専門のフリーランサーです。WordPressを使ったホームページ制作とカスタマイズをメインに、岡山県を中心に10年ほど活動しています。このサイトではこれまでの経験を生かし、WordPressに関連したコンテンツを中心に配信しています。あなたのお役に立てるコンテンツを見つけてください。詳しいプロフィールはコチラサービス一覧(人気順)WPカスタマイザーWordPressのカスタマイズを代行するサービスです。WPクリエイターWordPressを使ってオリジナルサイトを0から作成するサービスです。既存のWEBサイトをWordPressで再構築するサービスです。WPレスキューWordPressのエラーや不具合を解決するサービスです。WP-SSLWordPressで構築されたサイトを常時SSL化するサービスです。【WordPress】テーマフォルダの画像を呼び出すときの画像パスを短くする方法893pvレスポンシブ対策!電話番号リンク(tel:)をスマホのみ有効にする3つの方法レスポンシブ対策!電話番号リンク(tel:)をスマホのみ有効にする3つの方法733pvWordpressの改行と段落が消える原因と解決方法Wordpressの改行と段落が消える原因と解決方法617pvWordPressに新着記事の一覧を表示する方法。get_postsで簡単!WordPressに新着記事の一覧を表示する方法。