プラグイン関連の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'; ?>
関連記事
-
-
「続きを読む」(moreタグ)をカスタマイズ
WordPressではほとんどのテーマでは、複数の投稿を表示するアーカイブページ(カテゴリー別、タグ別、年月日別、作成者別など)ではmoreタグ(<!--more-->)を挿入することで、
-
-
テーマ 「Responsive」 カスタマイズ
デモ | ダウンロード 目次 投稿日 非表示 作成者 非表示 "Responsive Theme powered by WordPress" 削除 投稿日 非表示 オリ
-
-
Twitterのツイートボタンの設置
Twitterのツイートボタンの設置はプラグインを使用しなくても容易に実装できるようです。 ソーシャルボタン設置のプラグインはこちらにいちおうまとめています。 Tweetボタンの設置コード 公式
-
-
Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更
標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです
-
-
Twenty Thirteen ナビゲーションメニューを固定
ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade
-
-
JSやCSSに自動で付与されるバージョン番号を非表示に
Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して
-
-
テーマ ブックマーク 2013
2012 フリーテーマ トップ 20 Top 20 Free WordPress Themes of 2012 http://ow.ly/wMGjZ ハイクオリティフリーテーマ 3月 20 Top
-
-
新年早々やらかした
あけましておめでとうございます。 タイトルどおり、新年早々やらかしてしまいましたのでご報告まで。どうやらかしたかというと、確認用サイトとこのブログを間違えてしまいWordpress 3.5にアップグ
-
-
jQueryをCDNから読み込む
WordPressではデフォルトでjQueryライブラリが同梱されています。この記事では、それをやめて、CDNから読み込み、使用する方法を解説します。 WordPress 3.6 3.9 4.0
-
-
画像マウスオーバーでキャプションを表示
メディアをアップロードした際に、「キャプション」項目にテキストを設定された画像を挿入した場合はキャプションショートコードが生成され、ページ内の各画像下にその設定したテキストが表示されます。 今回





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' )