新潟県妙高市|ホームページと広告の相談相手

MENU [+]閉じる [×]
wp_footer()の出力内容からjQueryやSVGタグ等を削除する方法【WordPressをカスタマイズ】

過去に当サイトで、[wp_head()]関数の出力内容のうち使用しないコードを削除するという記事をご紹介しました。

今回はそれと同様にして、[wp_footer()]に関する記事を書くことといたしました。

※今回の記事は、WordPressテーマのデフォルトの内容を編集するものです。こちらでご紹介している内容をお試しになる場合は、くれぐれも自己責任でお願いいたします。当サイトでは一切の責任を負いかねます。作業される場合は、事前にバックアップを取っていただいたり、テストサーバーをご用意されることをお勧めいたします。

この記事の目次

そもそも[wp_footer()]とは?

関数[wp_footer()]は、WordPressのテーマのファイルに記載されている関数の一つです。

一般的には[footer.php]内に記載されていることが多く、各ページの末尾にJavaScriptやCSSの読み込みコードを出力するためなどに用いられます。

用意されているWordPressのテーマをほとんどそのまま利用される場合は別ですが、テーマを大きくカスタマイズしてオリジナルのホームページを制作される場合は、JavaScriptやCSSのコードがカスタマイズしたい部分と影響しあって、予想外の動作や表示内容になってしまう可能性があるため、その場合は、[wp_footer()]の出力内容を編集する必要が発生する場合があります。

そのため、[wp_footer()]の出力内容を編集する方法を順にご紹介していきます。

こちらの記事では、1個1個の固有名詞に関する説明は最小限としております。

そのため、よく分からないものについては編集されることをおすすめしませんので、あらかじめご了承ください。

ページの先頭へ戻る

[wp_footer()]の出力コードを編集する方法

ここからは順に、関数[wp_footer()]で出力されるコードを編集する方法をご紹介していきます。

[コメントアウト]skip-link-focus-fix.jsの読み込みの記述を削除する方法

[skip-link-focus-fix.js]の読み込みをしない場合は、[function.php]での下記の記述をコメントアウトします。

wp_enqueue_script( 'twentyseventeen-skip-link-focus-fix', get_theme_file_uri( '/assets/js/skip-link-focus-fix.js' ), array(), '1.0', true );

[コメントアウト]PHPからJavaScriptに値を渡す関数を使用しない場合

関数[wp_localize_script()]というものがあり、PHPからJavaScriptに値を渡す時に使われているようですが、そちらが必要ない場合には、[function.php]で下記の記述をコメントアウトします。

wp_localize_script( 'twentyseventeen-skip-link-focus-fix', 'twentyseventeenScreenReaderText', $twentyseventeen_l10n );

[処理を追加]embedタグをfunctions.php側で消す場合

embedタグを出力しない方法もありますが、[functions.php]側でそれを消す場合は、ファイル内の下の方に下記のコードを記述します。

remove_action('wp_footer','wp_oembed_add_host_js');

[コメントアウト]embedタグをembed.php側で非表示にする場合

先述のembedタグの記述は、[wp-includes/embed.php]側でも出力させないことは可能です。

その場合は、下記をコメントアウトします。

function wp_oembed_add_host_js() {
wp_enqueue_script( 'wp-embed' );
}

[コメントアウト]SVG関係のタグを削除する方法

SVGに関連するタグを出力しない場合は、[inc/icon-functions.php]内の下記をコメントアウトします。

[twentyseventeen]では、これ1つをやるだけで一気にタグが消えるかと思います。

add_action( 'wp_footer', 'twentyseventeen_include_svg_icons', 9999 );

ページの先頭へ戻る

この記事の感想をお寄せください

[wp_footer()の出力内容からjQueryやSVGタグ等を削除する方法【WordPressをカスタマイズ】]の感想を、下記のリンク先の「感想投稿フォーム」よりお気軽にお寄せください。
メールアドレスは不要です。

感想投稿フォームへ

関連記事一覧:wp_footer()の出力内容からjQueryやSVGタグ等を削除する方法【WordPressをカスタマイズ】

ホームページのコーディングをしている皆さんは、要素を中央寄せにしたい場合は、どんなコードを書かれていますか? 例えばテキストを画面の、あるいはエリアの中央 …… 続きを読む

ホームページ制作をしていると、フォームの項目の一つで「チェックボックス」というものを扱う機会はあるかと思います。 また、チェックボックスを含むフォーム関連 …… 続きを読む

ホームページ制作において、デザイン修正は様々な場面で発生することがあります。 文言を変更したい場合や、要素の並びを部分的に入れ替えたい場合など、状況に応じ …… 続きを読む

皆さんは、ホームページのデザインを、どのページから始めるのが良いか、お考えになったことはありますか? もちろん、すべての場合に当てはまる正解などありません …… 続きを読む

ユーザーの方の操作に応じて、Webページ内の表示や動きを制御するホームページは、今ではよく見受けられます。 それらを実現している要素は「jQuery&CS …… 続きを読む

Copyright (C) 妙高Web屋 All Rights Reserved.