プラグイン関連の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 Thirteen テーマ用フォント "Source Sans Pro" / "Bitter"の使用を止

TwentyThirteenでは、テーマ用のフォントとして「Source Sans Pro」と「Bitter」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどの

「Contact Form 7」 メッセージの送信に失敗~

この修正はWordPress 3.5で行われているようです。(~3.4.2) Contact Form 7で以下のエラーメッセージが出る場合は、確認してみて下さい。 「メッセージの送信に失敗

ie.cssの子テーマ化など Twenty Twelve 1.1での変更点

TwentyTwelveが1.0から1.1にアップデートされたので、勉強もかねていくつか変更点を洗ってみました。 ie.cssを外出し pubdateの削除 rel="generator"

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

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

「カレンダー」ウィジェット カスタマイズ・プラグイン

目次 カレンダー移動をajax遷移させるようにする 営業日・休業日を色分けして表示 ページやウィジェットにgoogleカレンダーを追加 カレンダーウィジェットをajax遷移させるよ

titleタグ(wp_title) カスタマイズ

SEO対策を行う際に、titleタグは重要な要素だと言われています。 「サイトのタイトル」、「キャッチフレーズ」(site_description)、「カテゴリー名」など色々と組み合わせてみることが

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

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

条件を付けて訪問時に開くポップアップを実装できる「WordPress Popup」

「WordPress Popup」は、ユーザの訪問時にポップアップを開くように実装できるプラグインです。それぞれ条件によって開くかどうかを設定することができます。 ダウンロード / サンプル イン

no image

「最近の投稿」ウィジェット カスタマイズ

目次 ウィジェットを削除 標準の設定 特定のカテゴリーに属する投稿を除外 カスタマイズ プラグイン 「最近の投稿」ウィジェットを削除 「最近の投稿」ウィジェット

テーマ ブックマーク 2013

2012 フリーテーマ トップ 20 Top 20 Free WordPress Themes of 2012 http://ow.ly/wMGjZ ハイクオリティフリーテーマ 3月 20 Top

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

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

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑