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

妙高Web屋

お仕事のご依頼お見積りのご依頼

Web制作

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

2018.7.4 2019.1.15

wp_footer()の出力内容からjQueryやSVGタグ等を削除する方法【WordPressをカスタマイズ】
Web制作 0 0
妙高Web屋LINE@ 友だち追加

過去に当サイトで、[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 );

ページの先頭へ戻る

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

こちらの記事をご覧いただき、感じたことなどありましたら下記のボタンを押していただき「感想投稿フォーム」よりお気軽にご感想をお寄せください。

この記事の感想を投稿する
妙高Web屋LINE@ 友だち追加
0 0

LINE@始めました!

妙高Web屋ではこのたび、LINE@(ラインアット)を始めることとなりました。

企業やお店のWeb担当者さまへ向けて、ホームページの運営・管理・更新に関する情報を発信していきます。

情報を購読できる「友だち」へのご登録は、下記のボタンよりお願いいたします。

目的のページは見つかりましたか?

お探しのページが見当たらない場合は、キーワードを手がかりに、サイト内検索をご利用ください。

または、下記のボタンより「サイトマップ」のページにアクセスしていただき、お探しください。

目的のページは見つかりましたか?
Twitterでシェアする Twitterでシェアする Facebookでシェアする Facebookでシェアする Feedlyで購読する Feedlyで購読する お問い合わせお問い合わせ ページの先頭へページの先頭へ