WordPressで、プラグインを使わずにContactForm7のjsとcssを指定ページのみ読み込ませる方法をご紹介します。
通常ContactForm7を導入すると、すべてのページでjsとcssが読み込まれその分表示速度も低下してしまいますが、この方法を使うことによってそれを防止することができます。
functions.phpの編集を行います。
子テーマが利用できる環境であれば子テーマのfunctions.phpを利用してください。
※必ずバックアップをとってから編集してください。
読み込むページが1ページのみの場合
function deregister_cf7_files() {
if ( ! is_page(ページID) ) {
wp_dequeue_style( 'contact-form-7' );
wp_dequeue_script( 'contact-form-7' );
}
}
add_action( 'wp_enqueue_scripts', 'deregister_cf7_files' );
もっと簡単なコード
ページのスラッグが”contact”というページのみ読み込ませたい場合は、次の通り。
2行目の’contact’の部分に任意のスラッグを入力します。
add_action( 'wp', function() {
if ( is_page( 'contact' ) ) return;
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );
});
読み込むページが複数ある場合
function deregister_cf7_files() {
if ( ! is_page(array('ページID1','ページID2')) ) {
wp_dequeue_style( 'contact-form-7' );
wp_dequeue_script( 'contact-form-7' );
}
}
add_action( 'wp_enqueue_scripts', 'deregister_cf7_files' );
まとめ
私は、問い合わせページが後々増えることを想定して、上記の「読み込むページが複数ある場合」のコードをはじめから利用しています。
作業自体は時間もかからず、すぐに実装できますので宜しければ参考にされてください。
最後までご覧いただきありがとうございました。
Web YouTube コード プラグインなし
CSSでYouTubeの埋め込みを比率維持したままレスポンシブ対応させる方法。
YouTubeの埋め込みを比率維持したままレスポンシブ対応させる方法をご紹介します。 1. 手順1:divタグ追加2. 手順2:css追加3. 完成 手順1:divタグ追加 iframeタグを囲うよう...
続きを見る植物 育て方
ポイントは「日・風・水・土」!多肉植物の育て方。
多肉植物の育て方は他の植物に比べとても簡単です。 ポイントはシンプルに4つです。 日当たりの良い場所で管理 風通しの良い場所で管理 水は土が乾いたら与える 水はけの良い土に植える 上記4つのポイントさ...
続きを見る環境問題 移住
日本沈没は本当!?東京、千葉、埼玉、茨城はほとんど沈没(千葉は島化)。札幌、仙台、名古屋、大阪、沖縄等も沈没予想。温暖化・沸騰化で南極の氷(淡水)が溶ける。早めの移住と首都移動を。
今世界は「温暖化」を通り越し「沸騰化」に突入しています。 淡水である南極の氷が解け切った場合、海面が約60m(大体20階建てくらいのビルの高さ)上昇すると言われており、シミュレーションしてみたところ関...
続きを見るWeb Wordpress スピード
WordPressでページ速度を最適化する方法。WordPress
Webページが最初の2秒以内に読み込まれないと、モバイルユーザーの55%がそのWebページを離脱してしまいます。 さらに、オンラインストアでは消費者の約70%がページ表示の速度が商品を購入するための意...
続きを見る植物
かっこよくて育てやすい Gymnocalycium ギムノカリキウム属の原産地、由来、育て方。
Gymnocalycium(ギムノカリキウム属)は管理するにあたって非常に強健な種のひとつです。 かっこよく種類も豊富で観賞価値、収集価値共に非常にバランスのよい種です。 1. 由来2. 生息地3. ...
続きを見るWeb Wordpress コード セキュリティ
全ページ常時SSLにする方法。WordPress
WebサイトにSSLの導入はされていますでしょうか? SSL導入は、セキュリティ面でもSEO面でも優位になりますので、全Webサイトに推奨しています。 特にショッピングサイトやクラウドファンディングサ...
続きを見るWeb Wordpress コード スピード
コンタクトフォーム7(Contact Form 7)指定ページのみjsとcssを読み込ませる方法。|WordPress
WordPressで、プラグインを使わずにContactForm7のjsとcssを指定ページのみ読み込ませる方法をご紹介します。 通常ContactForm7を導入すると、すべてのページでjsとcss...
続きを見るWeb Wordpress コード スピード
Googleスピードテストで100点を取るための方法。WordPressのテーマやプラグインで、より良いWebバイタルの作り方。「開発者向けチェックリスト」
この投稿では、googleスピードテストで100点を取るための方法を説明します。 1. 1.ファイル(Files)2. 2.フォントとタイポグラフィ(Fonts and typography)3. 3...
続きを見る植物
アガベ ビクトリア レジーナ 笹の雪 Agave victoriae-reginae ‘Sasanoyuki’
1. 基本情報1.1. 学名1.2. 和名1.3. 科名1.4. 属名1.5. 種名1.6. 原産国1.7. 自生地1.8. 形態1.9. 成木1.10. 耐寒性1.11. 耐暑性1.12. 日照1....
続きを見るWeb Wordpress コード
リンクの書き換えを省く方法。WordPress
複数のWordpressサイトを構築していると、複製する際に「URLを書き換える」という作業が面倒という問題に直面します。 この問題を未然に解決するためには下記のコードがおすすめです。 テーマの「fu...
続きを見る