プラグイン関連の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'; ?>
関連記事
-
-
翻訳ファイルの子テーマ化
子テーマでfunctions.phpなどを変更していくと翻訳すべき項目にぶつかっていくと思います。例を挙げると_()の部分で、Wordpressが翻訳を行ってくれる部分です。 個人的には、日本語
-
-
Twenty Twelve カスタマイズ
何点かTwentyTwelveのカスタマイズについてご質問をいただきましたのでここでまとめてみます。 目次 子テーマのつくりかた 他記事へのリンク アーカイブタイトル("カテゴリー別アーカ
-
-
Twenty Thirteen ナビゲーションメニューを固定
ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade
-
-
「Google Analytics for WordPress」投稿URLにやたら長いパラメータがついてしまう
Google 検索結果をみていたら、Wordpressの投稿のURLが実際のものより異様に長くなっているので何かなと思って調査してみました。 このような感じで http://kwski.net/ca
-
-
「編集(Edit)」リンクの非表示方法
ログインした状態で投稿ページを開くと投稿内や各コメントに各編集ページへリンクしてくれる「編集」リンクが表示されます。(繰り返し言いますが、自サイトにログインしているユーザにしか見えません。) こ
-
-
投稿タイトルのtitle属性を削除など Twenty Twelve 1.2での変更点
TwentyTwelveが1.1から1.2にアップデートされたので、いくつか変更点を洗ってみました。 (*全てを網羅しているわけではありません) 全ての変更部分は、こちらに記載されています。
-
-
Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更
標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです
-
-
ログイン画面・機能をカスタマイズ
CSSを変更してスタイル変更 ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。 // オリジナル /wp-admin/css/login.min.
-
-
head内に出力される要素を整理
Wordpressを使用していくうちに、head内がカオスな状態になっていくきますよね。そこで、そういう状態になったものをスッキリさせていこうという試みをやっていこうと思います。 削除方法 取り急
-
-
投稿記事から「(ログイン)ユーザー名」がバレるのを防ぐ
ここ最近、アカウント乗っ取りやセキュリティ事故関連のニュースが相次いでいますが、WordPressで制作されたサイトも標的に会っているようです。一般的な手法としては「ブルートフォースアタック」という手
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' )