WordPress プラグイン Contact Form 7「必要な場合だけ JavaScript とスタイルシートをロードさせるには」を読んで。(少し SEO)

必要な場合だけ JavaScript とスタイルシートをロードさせるには

ずっと気になっていたことにようやく手を付けることができたので、備忘録を。

「Contact Form 7」は言わずと知れた WordPress お問い合わせフォームの定番プラグインです。
Contact Form 7: WordPress のお問い合わせフォームプラグイン。シンプル、でも柔軟。

やりたかったことはタイトルにある通りのことで、必要な時のみ必要なものを読みたいだけです。

編集したこと
wp-config.php の「/* 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。 */」と書かれた箇所の上の行に、
define ('WPCF7_LOAD_JS', false);
define('WPCF7_LOAD_CSS', false);
と書く。
使用中テーマの header.php の wp_head() と書かれた箇所の上の行に、
if ( is_page(array('3','5')) ) {	// 3, 5 はそれぞれのサイトのページIDに変更
	if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
		wpcf7_enqueue_scripts();
		wpcf7_enqueue_styles();
	}
}
と書く。

is_page() を使って、どのページに読み込むのかを指定しました。
上記は、
サービス1のお問い合わせ=ページID:3
サービス2のお問い合わせ=ページID:5
と仮定した例です。(※ページID 3 , 5 はそれぞれのサイトで書き換えてください)

最後に、少し SEO なこととは、この作業をすると僅かばかりですが、ページの表示速度が速くなります。
読み込むファイルが減ったのですから当然です。

Google ではページの表示速度が検索順位に影響するとのことなので、有効な手段の一つになります。

Googleがついに順位決定に表示速度を使い始めた(公式発表) | Web担当者Forum

他には、HTML-lint の文法チェックで「減点ゼロのエラー」を回避することができます。
HTML-lint の文法チェックで「たいへんよくできました。100点満点」が必要なことがあるので、その際にも必須テクニックになります。

マーク区間 <![XXXX[ ~ ]]> は、多くのブラウザは理解できません。

lint はちょっと細かいですね。

間違いがあるようでしたらご指摘ください。

カテゴリー: WordPress   タグ: , , ,   この投稿のパーマリンク

WordPress プラグイン Contact Form 7「必要な場合だけ JavaScript とスタイルシートをロードさせるには」を読んで。(少し SEO) への1件のコメント

  1. ピンバック: ヨホホ研究所 » WP プラグイン – Contact Form iii アクセス権がないとき

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title="" ktai=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">