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

関連記事

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

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

独自のCSSやJSを読み込む

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

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

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

no image

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

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

投稿記事から「(ログイン)ユーザー名」がバレるのを防ぐ

ここ最近、アカウント乗っ取りやセキュリティ事故関連のニュースが相次いでいますが、WordPressで制作されたサイトも標的に会っているようです。一般的な手法としては「ブルートフォースアタック」という手

RSS/Atomフィード カスタマイズ

RSSフィードのカスタマイズ 標準で出力されるフィード WordPressの各種ページで出力されるフィードは以下になると思います。 投稿:投稿のフィード @全てのページ サイトのコメント:

Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更

標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです

投稿タイトルのtitle属性を削除など Twenty Twelve 1.2での変更点

TwentyTwelveが1.1から1.2にアップデートされたので、いくつか変更点を洗ってみました。 (*全てを網羅しているわけではありません) 全ての変更部分は、こちらに記載されています。

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

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

no image

Pocketボタンの設置

日本のブログでは、4大SNS(Twitter, はてな, Facebook, Google+)に加えて最近では、Pocket(以前は、Read it later)もよく見かけますよね。追加してみました

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 ↑