プラグイン関連の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では、投稿ページごとに投稿者の情報を掲載することができます。他のテーマでも同様だと思います。こんな感じです。ここでは、掲載と削除の方法について記載します。 表示方法 「
-
-
テーマ ブックマーク 2014
有料 技術系・ガジェットサイトテーマ 30 Blog & Magazine Style WordPress Themes for Tech & Gadget Sites
-
-
Pocketボタンの設置
日本のブログでは、4大SNS(Twitter, はてな, Facebook, Google+)に加えて最近では、Pocket(以前は、Read it later)もよく見かけますよね。追加してみました
-
-
Twenty Fourteen "コメントをどうぞ"の非表示と変更方法
Twenty Fourteenでは、デフォルトで投稿ページと各アーカイブページの各投稿のメタ情報欄に「コメントをどうぞ」というコメントフォームへのリンクが設置されます。 それぞれ、コメントが0件の場
-
-
ウィジェット関連のカスタマイズ・プラグイン
リンクマネージャー WordPress 3.5バージョンアップ以降にリンクマネージャーを追加するには以下のフィルタを設定もしくはプラグインをインストールして下さい。 プラグイン Link M
-
-
Twenty Thirteen ナビゲーションメニューを固定
ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade
-
-
RSS/Atomフィード カスタマイズ
RSSフィードのカスタマイズ 標準で出力されるフィード WordPressの各種ページで出力されるフィードは以下になると思います。 投稿:投稿のフィード @全てのページ サイトのコメント:
-
-
JSやCSSに自動で付与されるバージョン番号を非表示に
Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して
-
-
テーマ 「Responsive」 カスタマイズ
デモ | ダウンロード 目次 投稿日 非表示 作成者 非表示 "Responsive Theme powered by 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' )