プラグイン関連の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';
?>
  • このエントリーをはてなブックマークに追加

関連記事

Twenty Twelve 投稿者情報を表示/非表示に

TwentyTwelveでは、投稿ページごとに投稿者の情報を掲載することができます。他のテーマでも同様だと思います。こんな感じです。ここでは、掲載と削除の方法について記載します。 表示方法 「

JSやCSSに自動で付与されるバージョン番号を非表示に

Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して

コメントフォーム・リストのカスタマイズ

コメント投稿部分は、基本的にはどのテーマでも同じフォームを出力してテーマのstyle.cssで外観を変えています。コメントフォーム欄をカスタマイズするには、プラグインもしくはフックを用いてカスタマイズ

no image

アップグレードで「更新を展開しています... 」のままになった場合の対処のひとつ

久々に出会ったような気がするのでメモです。 ローカルのテスト環境でWordPressを3.7から3.8にアップグレードしようとしたところ、「更新を展開しています... 」で止まってしまい更新処理がす

Twitterのツイートボタンの設置

Twitterのツイートボタンの設置はプラグインを使用しなくても容易に実装できるようです。 ソーシャルボタン設置のプラグインはこちらにいちおうまとめています。 Tweetボタンの設置コード 公式

Twenty Twelve "コメントをどうぞ"を消す

今回は「Twenty Twelve」で標準で投稿タイトル下に出力されるリンク"コメントをどうぞ"|"Leave a reply"を非表示にする方法を。(コメントやピンバックが1件の場合は"1件のフィー

独自のCSSやJSを読み込む

WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし

Twenty Twelve 投稿日・投稿者を非表示に

TwentyTwelveのちょっとした部分をカスタマイズする方法を紹介していきます。 また、子テーマで出力部分を変更する際に、翻訳が必要な部分//_()の部分がでてきますので、以下の投稿も参考に

「Google Analytics for WordPress」投稿URLにやたら長いパラメータがついてしまう

Google 検索結果をみていたら、Wordpressの投稿のURLが実際のものより異様に長くなっているので何かなと思って調査してみました。 このような感じで http://kwski.net

Twenty Fourteen カスタマイズ

「Twenty Fourteen」はWordPress 3.8のデフォルトテーマです。TwentyThirteenから彩りもガラッとかわってますね。個人的には、すごく好きなデザイン。 Twent

Comment

  1. "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' )

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

PAGE TOP ↑