プラグイン関連のJSやCSSの読み込みをフィルター

プラグインをインストールしていくとheadやfooter内がCSSやJSで溢れていきます。できるだけ、自分で書けるものに関しては、余計なコールが少なくなるので可能な場合はそうしていますが(そうもいかず)。そこで、できるだけ余計な読み込みを減らすためプラグインごとにハックしていきたいと思います。
「Contact Form 7」
バージョン:3.8.1
「Contact Form 7」は"お問い合わせ"ページによく使用されているプラグインだと思いますが、標準で以下の3つのCSSやJSが読み込まれるはずです。
- plugins/contact-form-7/includes/css/styles.css
- plugins/contact-form-7/includes/js/jquery.form.min.js
- plugins/contact-form-7/includes/js/scripts.js
これらは、プラグイン機能を使用しないページ、例えば投稿ページ単体などでも読み込まれてしまいます。(投稿ページにもフォームを設けている場合は、該当しません。)これはプラグイン側が自分がこのページで使われるかどうか判断できないため、すべてのページで読み込まれるようになっています。余計ですよね。
以下のコードをfunctions.phpに追加することで、必要なページのみで読み込ませるようにすることができます。
下の例では、/contactページのみに適用していますが、複数ある場合は、if内にurlをorで追加して下さい。
function my_contact_enqueue_scripts(){ remove_action( 'wp_enqueue_scripts', 'wpcf7_enqueue_scripts'); remove_action( 'wp_enqueue_scripts', 'wpcf7_enqueue_styles'); // 固定ページのスラッグが'contact'のページのみjsやcssを読み込む if ( is_page( 'contact')) { do_action( 'wpcf7_enqueue_scripts'); do_action( 'wpcf7_enqueue_styles'); } } add_action( 'wp_enqueue_scripts', 'my_contact_enqueue_scripts');
「qTranslate」
こちらを参照
「SyntaxHighlighter Evolved」
バージョン 3.1.7
バージョン番号を出力させない。
何も出力されていないので消すことに。
<style id="syntaxhighlighteranchor" type="text/css"></style>
syntaxhighlighter.phpの63,64行目をコメントアウト
<?php // add_action( 'wp_head', array( &$this, 'output_header_placeholder' ), 15 ); // add_action( 'admin_head', array( &$this, 'output_header_placeholder' ), 15 ); ?>
JSやCSSに付与されるバージョン番号を出力させない。
syntaxhighlighter.phpの116行目をコメントアウト
<?php // $this->agshver = '3.0.83c'; ?>
関連記事
-
-
画像マウスオーバーでキャプションを表示
メディアをアップロードした際に、「キャプション」項目にテキストを設定された画像を挿入した場合はキャプションショートコードが生成され、ページ内の各画像下にその設定したテキストが表示されます。 今回
-
-
投稿タイトル(entry-title)を非表示にする
表題通り「投稿タイトルを表示しない」ことは、"投稿ページ"ではあまりないと思いますが、"固定ページ"では意外とあったりします。 編集画面でTitleを入力しないでおけば、それで済むのですが、ペー
-
-
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし
-
-
Twenty Twelve 投稿日・投稿者を非表示に
TwentyTwelveのちょっとした部分をカスタマイズする方法を紹介していきます。 また、子テーマで出力部分を変更する際に、翻訳が必要な部分//_()の部分がでてきますので、以下の投稿も参考に
-
-
管理画面のCSSをカスタマイズ
管理画面のスタイルを変更したくなったので、カスタマイズしてみました。一例として以下を取り上げてみます。 「投稿一覧」の画面でカスタムフィールドが追加されていくと、そんなに幅が必要のないところが長くな
-
-
投稿記事から「(ログイン)ユーザー名」がバレるのを防ぐ
ここ最近、アカウント乗っ取りやセキュリティ事故関連のニュースが相次いでいますが、WordPressで制作されたサイトも標的に会っているようです。一般的な手法としては「ブルートフォースアタック」という手
-
-
「All in One SEO Pack」を代替するための準備
「All in One SEO Pack」は、SEO対策に必要な基本的な設定を行ってくれるプラグインです。とある事情で、無効化することになったので代替を行いました。特に問題があるわけではなく、特殊なこ
-
-
「カレンダー」ウィジェット カスタマイズ・プラグイン
目次 カレンダー移動をajax遷移させるようにする 営業日・休業日を色分けして表示 ページやウィジェットにgoogleカレンダーを追加 カレンダーウィジェットをajax遷移させるよ
-
-
「最近の投稿」ウィジェット カスタマイズ
目次 ウィジェットを削除 標準の設定 特定のカテゴリーに属する投稿を除外 カスタマイズ プラグイン 「最近の投稿」ウィジェットを削除 「最近の投稿」ウィジェット
-
-
Twenty Fifteen テーマ用フォント "Noto" / "Inconsolata"の使用を止
TwentyFifteenでは、テーマ用のフォントとして「Noto」と「Inconsolata」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどのようなフォント
Comment
WordPress: プラグイン関連のJSやCSSの読み込みをフィルター | Think deeply, Do less, More effective http://su.pr/3IW8L6
"Contact Form 7
Contact Form 7 バージョン:3.3.2
「Contact Form 7」は”お問い合わせ”ページによく使用されているプラグインだと思いますが、標準で以下の3つのCSSやJSが読み込まれるはずです。
plugins/contact-form-7/includes/css/styles.css
plugins/contact-form-7/includes/js/jquery.form.min.js
plugins/contact-form-7/includes/js/scripts.js
これらは、プラグイン機能を使用しないページ、例えば投稿ページ単体などでも読み込まれてしまいます。(投稿ページにもフォームを設けている場合は、該当しません。)これはプラグイン側が自分がこのページで使われるかどうか判断できないため、すべてのページで読み込まれるようになっています。余計ですよね。
以下のコードをfunctions.phpに追加することで、必要なページのみで読み込ませるようにすることができます。
下の例では、/contactページのみに適用していますが、複数ある場合は、if内にurlをorで追加して下さい。
1
2
3
4
5
6
remove_action( 'wp_enqueue_scripts', 'wpcf7_enqueue_scripts' )