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

関連記事

サイトのキャプチャをショートコードで生成してくれる「Browser Shots」

外部のサイトを紹介する際にそのサイトのキャプチャが添えられているとイメージがつかみやすくなりクリックのモチベーションが上がるような気がします。 今回は、ショートコード一行でサイトのスクリーンショット

Twenty Fifteen カスタマイズ

WordPress 4.1のデフォルトテーマである「Twenty Fifteen」は三世代前の「Twenty Twelve」に似たテーマで非常にシンプルなテーマにまとまっていますね。カスタマイズをまと

no image

スライダー・ギャラリー プラグイン

WordPressにギャラリーが実装できるプラグインをまとめてみました。 順番はオススメ順です。 Simple Responsive Slider #ショートコード #テンプレート #ウ

「タグクラウド」ウィジェット カスタマイズ

タグクラウドは、管理画面ではあまりカスタマイズできません。必要であれば、フィルターフックやプラグインを用いて表示設定や概観の変更を行うことができます。 目次 出力をカスタマイズ 各タグの

「最近のコメント」ウィジェットをカスタマイズ

「最近のコメント」ウィジェットは、サイトに投稿されたコメントを新しい日付順に表示してくれます。件数も「ウィジェット」ページで設定できます。(管理画面の「外観」→「ウィジェット」) (削除

ウィジェット関連のカスタマイズ・プラグイン

リンクマネージャー WordPress 3.5バージョンアップ以降にリンクマネージャーを追加するには以下のフィルタを設定もしくはプラグインをインストールして下さい。 プラグイン Link M

ポップアップが実装できるプラグイン「Anything popup」「Easy Modal」

ポップアップ 「Anything Popup」 「Anything popup」は、ページにポップアップが実装できるWordPressプラグインです。ポップアップ要素を投稿ページと同様に作成できるた

no image

投稿タイトル(entry-title)を非表示にする

表題通り「投稿タイトルを表示しない」ことは、"投稿ページ"ではあまりないと思いますが、"固定ページ"では意外とあったりします。 編集画面でTitleを入力しないでおけば、それで済むのですが、ペー

Twenty Twelve サイトタイトルをテキストから画像に置き換え

ページトップに表示されるサイトタイトルをデフォルトのテキストから画像に変更します。 あらかじめ、管理画面のメディアライブラリから画像をアップロードしているもしくは別の場所に保存しているそのファイルの

no image

テーマ ブックマーク 2014

有料 技術系・ガジェットサイトテーマ 30 Blog & Magazine Style WordPress Themes for Tech & Gadget Sites

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 ↑