WordPressテーマのfooter.phpを編集してフッターをカスタマイズする

WordPressテーマのfooter.phpを編集してフッターをカスタマイズする方法をお伝えします。

WordPressテーマのheader.phpを編集してヘッダーをカスタマイズするのとほとんど共通していますが、今回は、WordPressカスタマイズの基本として、WordPressサイトのフッター部分の編集についてお伝えします。

一般的なWordPressサイトは、全ページの共通部分としての「サイトフッター」があり、この部分にはWordPressサイトの著作権情報や連絡先情報、主要なページへのリンクのリストなどが組み込まれています。

サイトフッターは「WordPressサイト」の最上部にあるフッターですが、これとは別に、各ページ固有のコンテンツ部分のフッターにあたる「コンテンツフッター」などもありますが、今回は大きくWordPressサイト全体としてのフッターであるサイトフッターをWordPressテーマファイルの中のfooter.phpを編集してカスタマイズする場合をお伝えします。

WordPressテーマのfooter.phpを編集する

WordPressをカスタマイズするためにWordPressテーマ中のfooter.phpを編集する場合には、WordPress管理画面から直接ファイルを操作するか、WordPressインストールサーバーにFTPなどで接続し、footer.phpをダウンロードしてローカル環境でエディタを用いて修正します。

基本的には全ページ共通のフッター設定ですが、カスタムページ等で、footer.phpを呼び出さず独自にフッターを設定している場合もあります。

footer.phpの有無

WordPressテーマによってはfooter.phpが存在しないケースもあり、フッター部分に関するファイルの名称が異なっていたり、様々なテーマディレクトリの中にfooter.phpに該当するファイルが細切れのように配置されていたり、index.phpなどの中にWordPressフッターに関する部分が指定してある場合もあります。

WordPressテーマにfooter.phpがある場合は、そのファイルの存在の確認と編集するために、管理画面からチェックしてみましょう。

管理画面からfooter.phpを確認し、編集する

WordPressにログインすると管理画面が表示されます。

WordPress管理画面の左側に操作メニューが表示されていますので、その中の「外観」から「テーマの編集」を選択します。

テーマフッター（footer.php）

すると画面右側にWordPressテーマファイルの一覧が表示されますので（深い階層にあるものは表示されない場合があります）、その中にfooter.phpがある場合は、その部分をクリックします。なお、WordPress標準テーマの場合は、「テーマフッター（footer.php）」と表記されています。

この部分を修正することで、WordPressサイトのフッターのカスタマイズを行うことができます。

WordPressサイトのフッターのカスタマイズ

WordPressサイト フッター

WordPressサイトのフッターには全てのページに共通した部分である連絡先情報や主要ページへのリンクなどが設置されていますが、footer.phpを編集することで、こうした要素の配置変更やサイズ変更、要素の属性変更などのカスタマイズを行うことができます（レイアウトサイズなどはCSSで調整します）。

フッターウィジェット機能がある場合は、ウィジェット編集でフッターを編集する場合もあります。

WordPressサイトのフッターウィジェットを使ってフッターをカスタマイズする

このフッターウィジェット機能を設置するかどうか、という部分もfooter.phpで設定されています。フッターウィジェット機能を廃止して、直接footer.phpにフッター内容を記述するというようなカスタマイズも可能です。

フッター表示項目

基本的にはブログスタイルのWordPressサイトにおいて、企業ホームページらしくするためのお問い合わせフォーム・電話番号などの画像を配置したりすることもできるようになります。

ブログタイプのメディアサイトの場合は、カテゴリーや特集などを表示しても良いでしょう。

WordPressテーマによっては、テーマカスタマイズ機能によって設定できる場合もありますが、細かなカスタマイズにはfooter.phpを編集する必要があります。

なお、フッターウィジェット機能がある場合は、フッターのカラム数などを選択できる場合があります。

例）フッターに特定カテゴリーの新着リストを設置

一般的には、ウィジェット機能などを実装して管理画面内のウィジェットからフッター表示項目を編集したりしますが、footer.phpに直接記述することで、特定カテゴリーの新着リストを設置することなども可能です。

通常は主要固定ページや所在地などの連絡先情報がフッターに記載されていますが、直接編集を行うことで特定カテゴリーの新着リストを設置するなどのカスタマイズを行うこともできます。

footer.php編集 SEOと表示速度を向上させるカスタマイズ

footer.phpの基本的なカスタマイズに加えて、より専門的にはSEOや表示速度の向上を目的とした編集が求められます。単なるデザインや著作権表記の変更だけでなく、検索エンジンやユーザーにとって最適なホームページ（ウェブサイト）の構造を作ることが重要です。ここでは、一歩進んだカスタマイズ手法について詳しく解説します。

表示速度とSEOを両立させるスクリプトの最適化

フッターはページを読み込む際の最後尾にあたります。そのため、不要なスクリプトの読み込みを適切に制御したり、正しい位置にタグを配置したりすることで、ホームページ全体の表示速度を大きく改善できます。

条件分岐によるJavaScriptの読み込み制御

全てのページで同じJavaScriptを読み込むと、ページの表示速度が低下する原因になります。特定のページでのみスクリプトを読み込むように条件分岐を設定します。たとえば、お問い合わせフォームがあるページでのみ専用のスクリプトを読み込む設定は、パフォーマンス向上に大きく貢献します。以下は特定の固定ページ（スラッグ名がcontactのページ）にのみスクリプトを出力するコード例です。

<?php if ( is_page( 'contact' ) ) : ?>
<script src="<?php echo get_template_directory_uri(); ?>/js/form-script.js"></script>
<?php endif; ?>

構造化データ（JSON-LD）の動的出力

検索エンジンにホームページの情報を正確に伝えるために、構造化データの実装は大変有効です。footer.phpに直接記述することで、全ページ共通の組織情報などを確実に出力できます。事業の基本情報をまとめたJSON-LDをフッターの直前に配置するコード例を紹介します。

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "自社の事業名",
"url": "<?php echo esc_url( home_url( '/' ) ); ?>",
"logo": "<?php echo get_template_directory_uri(); ?>/images/logo.png"
}
</script>

マーケティングと解析のための正しいタグ設置

集客やユーザーの行動分析を行う上で、タグの正確な設置は基本中の基本です。指定された位置に正確に記述しないと正しく計測できないことがあります。

body閉じタグ直前への解析コード挿入

多くの解析ツールや外部サービスでは、bodyタグが閉じる直前にコードを設置するように指定されます。footer.phpを編集する際は、必ずwp_footer関数が呼び出された後、かつbodyの閉じタグの前にスクリプトを記述します。これにより、WordPress本体やプラグインが出力するコードとの競合を防ぎます。

<?php wp_footer(); ?>
<!-- 解析ツールなどのカスタムタグはここに記述します -->
<script>
// 計測用スクリプトの例
</script>
</body>
</html>

お問い合わせへの導線強化とフッターの役割

フッターはユーザーがページを最後まで読み進めた後に目にする領域です。そのため、事業の成果に直結するお問い合わせボタンや、重要なサービスページへのリンクを配置することが効果的です。単にリンクを並べるだけでなく、ユーザーが次にとるべき行動を迷わせない設計を意識してください。

WordPressサイトの「ヘッダー」・「フッター」カスタマイズ

ホームページ制作 京都 ファンフェアファンファーレでは、WordPressテーマファイルの編集によるWordPressサイトのフッターのカスタマイズをはじめ、お客さまのニーズに合わせたWordPressのカスタマイズを手がけております。

• 「WordPressサイトを運営しているが、テーマ設定やウィジェット設定でのフッター設定がうまくできない」
• 「WordPressテーマ純正のフッターの仕様を変更したい・デザインを変更したい」

といったケースにおいて、WordPressサイトのフッターを構成するWordPressテーマファイルを編集することで、ご希望どおりにカスタマイズさせていただいております。

WordPressサイトの「ヘッダー」・「フッター」カスタマイズ

WordPressの設定・カスタマイズ・修正・編集方法の参考例

（初回投稿日 2015年11月1日）

WordPressカスタマイズ・修正

ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPressで制作されたウェブサイト・ホームページのカスタマイズサービスとして、WordPress（ワードプレス）のテーマ（テンプレート）やプラグインのカスタマイズサービスを提供しております。

WordPressカスタマイズの他、WordPressに関する様々な機能の実装や調整、編集はもちろん、各種エラーの修正・復旧に対応しております。

WordPress（ワードプレス）のカスタマイズ

復旧・復元・エラー修正

ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPress（ワードプレス）で制作されたウェブサイト・ホームページの復旧（復元）、エラー修正サービスを提供しております。弊社制作のWordPress（ワードプレス）サイトの復旧、エラー修正も承っておりますが、自社制作・運営、他社制作・管理のWordPressサイトのエラー復旧（復元）・修正にも対応可能です。

WordPress（ワードプレス）の復旧・復元・エラー修正

WordPressの保守・セキュリティ・バックアップと復元

WordPressの保守やセキュリティについては、基本的にはバックアップによる保守管理で十分だと考えています。トラブル時のWordPressの復旧のためのWordPressの保守やセキュリティ、バックアップと復元について。

WordPressの保守管理 バックアップと復元で対応する

WordPressでのホームページ制作（WordPressサイト制作）

ホームページ制作 京都 ファンフェアファンファーレでは、ホームページ制作にあたり、WordPressでのホームページ制作（WordPressサイト制作）を推進させていただいております。

企業のWebマーケティングを加速するWordPressでのホームページ制作（WordPressサイト制作）ならお任せください！新規WordPressサイト制作はもちろん、htmlサイトからのホームページリニューアル、WordPressサイトのリニューアルにも対応しています。

WordPress（ワードプレス）でのホームページ制作・ウェブサイト制作