WordPress のフッターを編集する方法(4つの方法)

ウェブサイトの最下部に到達して、「このスペースで他にできることはもっとあるはずだ」と思ったことはありませんか?フッターは多くの WordPress ウェブサイトでよく見落とされがちな領域ですが、非常に大きな可能性を秘めていることに気づきました。

このスペースを利用して、ウェブサイト訪問者に価値ある情報を提供したり、ユーザーエクスペリエンスを向上させたり、さらにはSEOを強化したりするなど、さまざまな方法があります。

さて、今あなたのフッターを見て、「どうやってこれを編集するんだ?」と思っているかもしれませんが、心配しないでください。思ったより簡単です。

この記事では、WordPress でフッターを編集する方法をステップバイステップで説明します。

WordPress でフッターを編集する方法(4つの方法)

WordPress のフッターとは?

WordPressのフッターは、ウェブサイトの最下部にあり、メインコンテンツエリアの後に表示される部分です。通常、WordPressウェブサイトのすべてのページに表示されます。

多くの初心者はこの領域を見落としがちですが、訪問者にとってより役立つようにする方法はいくつかあります。フッターを使用して、WordPress SEO とビジネスを強化することもできます。

これは、WPBeginner のフッターの例です。何百万人もの読者が毎月目にしています。

WordPressフッターの例

すべてのトップ WordPress テーマには、編集しやすいフッターウィジェットエリアが付属しています。ウィジェットを追加したり、リンクを削除したり、コードを追加したり、ページごとに完全にカスタムフッターを作成したりすることで、このエリアを改善できます。

それでは、WordPress でフッターを簡単に編集する方法を見ていきましょう。以下のリンクを使用して、読みたいセクションにジャンプできます。

  1. WordPress のフッターにウィジェットを追加する
  2. フッターから「WordPress 提供」テキストを削除する
  3. WordPress のページごとにカスタムフッターを作成する
  4. WordPress フッターにコードを追加する

最高のWordPressテーマの多くには、フッターにウィジェットエリアがあります。

これらのウィジェットエリアを使用して、プライバシーポリシー、法的免責事項、その他の重要なページにテキスト、画像、またはリンクを追加できます。

テキストや画像の追加は非常に簡単です。これを行うには、外観 » ウィジェットに移動し、「フッターサイドバー」セクションの「プラス」ブロック追加アイコンをクリックします。

フッターウィジェットを追加

ウィジェットを追加するには、ブロックをクリックするだけで自動的に表示されます。さらにヘルプが必要な場合は、WordPressでウィジェットを追加して使用する方法に関するガイドを参照してください。

多くのテーマには複数のフッターウィジェットエリアがあり、それらを異なる方法で使用する場合があることに注意してください。ウィジェットを追加した後、ウェブサイトをプレビューして、意図した場所に表示されていることを確認できます。

WordPressフッターウィジェットエリアにリンクを追加する

ウェブサイトのフッター領域に、異なるページ、投稿、およびカテゴリへのリンクを追加することもできます。

WordPressには、ナビゲーションメニューを使用してこれらのリンクを管理する簡単な方法が用意されています。単に 外観 » メニュー ページに移動し、「新規メニューを作成」リンクをクリックしてください。

新しいWordPressメニューを作成

WordPressは、新しいメニューの名前を提供するように求めます。

このメニューを簡単に識別できる名前を入力し、関連するフッターの場所を選択して、「メニューを作成」ボタンをクリックします。

メニューの場所を設定

メニューの準備ができました。リンクを追加し始めることができます。

左側の列からページ、投稿、またはカテゴリを選択して、メニューに追加します。

メニューにリンクを追加

メニューのカスタマイズが完了したら、「メニューを保存」ボタンをクリックして変更を保存します。詳細については、WordPressでナビゲーションメニューを追加する方法(初心者ガイド)に関するガイドを参照してください。

メニューがWordPressのフッターウィジェットエリアに追加できるようになりました。WordPress管理画面の外観 » ウィジェットページにアクセスするだけです。

次に、「プラス」アイコンをクリックし、「Menu」を検索して、「Navigation Menu」ブロックをクリックします。

ウィジェットにナビゲーションメニューを追加

次に、「メニューを選択」ドロップダウンからフッターナビゲーションメニューを選択し、必要に応じてウィジェットにタイトルを付けます。タイトルはフッターのメニューの上に表示されます。

次に、「更新」ボタンをクリックして変更を保存します。

フッターナビゲーションメニューを選択

これで、ウェブサイトにアクセスして、フッターリンクが機能していることを確認できます。別のリンクセットが必要な場合は、同じ手順を繰り返してください。

2. フッターから「Powered by WordPress」テキストを削除する

WordPressを最初に インストール したとき、サイトのフッターバーに「Powered by WordPress」というリンクが表示される場合があります。これはウィジェットではないため、変更方法が不明なことがよくあります。

WordPress リンクによるパワー

一部のテーマでは、これを独自のテキストやリンクに変更します。その場合、通常はWordPressテーマカスタマイザーを使用してこのテキストを変更できます。WordPress管理画面で**外観 » カスタマイズ**に移動するだけです。

次に、「フッター」、「フッタービルダー」、またはそれに類する見出しを探します。

WordPress テーマカスタマイザー フッタービルダー

この例では、Sydney テーマを使用しています。Sydney では、テーマカスタマイザーの「フッター」をクリックする必要があります。

これにより、フッターテキストの変更、ソーシャルメディアリンクの追加などのカスタマイズオプションが表示される画面に移動します。

「Copyright」ボタンをクリックするだけで、フッターのテキストを置き換えることができます。

コピーライトボタンをクリック

次に、既存のテキストを削除して、独自のメッセージを追加できます。

フッターの編集が完了したら、変更をライブにするために、画面上部にある「更新」または「公開」ボタンをクリックすることを忘れないでください。

フッターテキストを追加して変更を保存

詳細については、WordPressテーマカスタマイザーの使用方法に関する詳細ガイドをご覧ください。

フッターテキストを手動で編集する

カスタマイザーを使用してフッターテキストを編集するオプションがテーマにない場合はどうなりますか?

この場合、footer.phpファイルを直接編集する必要があります。これはWordPressのテーマフォルダ内にあるテンプレートファイルで、その特定のテーマのフッター領域の表示を担当します。

フッターを手動で編集するのは高度なオプションであり、ファイルに変更を加えるには PHP コードを知っている必要があります。

このファイルを編集する最も簡単な方法は、FTPクライアントを使用してWordPressホスティングアカウントに接続することです。詳細については、WordPressへのファイルのアップロードにFTPを使用する方法に関するガイドをご覧ください。

まず、テーマフォルダ内にある footer.php ファイルをダウンロードします。

FTP クライアントを使用して footer.php をダウンロードする

次に、「Powered by WordPress」というテキストを含むファイル内のコード行を見つける必要があります。

次に、そのテキストを削除または変更し、新しいfooter.phpファイルをアップロードします。

変更を加える前にファイルのコピーを作成することをお勧めします。そうすれば、誤って何かを壊してしまった場合でも、元のファイルを簡単にアップロードできます。

詳細については、「WordPress で作成」フッターリンクの削除方法に関するガイドをご覧ください。

多くの中小企業のウェブサイトでは、ランディングページを使用してリードを獲得し、販売を行い、メールリストを成長させています。

ランディングページは、単一の目標を持つという点で通常のウェブページとは少し異なります。ウェブサイトとランディングページの違いについては、ウェブサイトとランディングページの違いに関するガイドをご覧ください。

チェックアウトページ、サンキューページ、404ページ、ホームページなど、これらの個々のページに合わせて異なるWordPressフッターを作成できます。

これを行う最良の方法は、SeedProd プラグインを使用することです。これは、100 万以上のウェブサイトで使用されている最高のドラッグ&ドロップ WordPress ページビルダーです。

SeedProd

SeedProd を使用すると、コードを書かなくてもコンバージョン率の高いページを簡単に作成できます。

まず、SeedProdプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。

注: SeedProd の無料バージョンも利用可能ですが、このチュートリアルでは、さまざまな WordPress ページを作成できる Pro バージョンを使用します。

有効化したら、SeedProd » 設定に移動し、ライセンスキーを入力する必要があります。

SeedProdライセンスを入力

この情報は、SeedProdウェブサイトのアカウントの下にあります。

次に、SeedProd » Pagesにアクセスし、「新しいランディングページを追加」をクリックして最初のページを作成する必要があります。

新しいSeedProdランディングページを作成

次の画面で、テンプレートを選択する必要があります。SeedProdには、300以上のプロがデザインしたテンプレートから選択できます。

テンプレートを選択するには、テンプレートにカーソルを合わせて「チェックマーク」アイコンをクリックするだけです。

ページテンプレートを選択

その後、ページの名前とURLを入力するように求められます。

次に、「ページの保存と編集を開始」ボタンをクリックします。

SeedProd ページの名前

これにより、ドラッグ&ドロップビルダーインターフェースが起動します。選択したテンプレートのライブプレビューが表示されます。

異なる要素を変更するには、ページ上の任意の項目をクリックして選択します。次に、左側の列を使用して新しいブロックやセクションを追加したり、変更を加えたりします。

SeedProdページエディターの例

次に、左側のパネルにある「セクション」タブをクリックします。

これにより、ページを構築するために使用できる既製のセクションのメニューが表示されます。

セクションタブをクリック

次に、「フッター」オプションをクリックします。

これにより、さまざまな既製のフッターレイアウトのセクションに移動します。虫眼鏡アイコンをクリックすると、フッターセクションをプレビューできます。

ページに追加するには、「プラス」アイコンをクリックします。

フッターセクションを選択

その後、ドラッグアンドドロップエディターでフッターを完全にカスタマイズできます。たとえば、背景色を変更したり、画像、リンクなどを追加したりできます。

フッターをカスタマイズして保存

ページのカスタマイズが完了したら、「保存」のドロップダウン矢印をクリックし、次に「公開」ボタンをクリックしてページを公開してください。

ページカスタマイズの詳細については、WordPressでカスタムページを作成する方法に関するガイドをご覧ください。

更新: SeedProd は現在、完全なテーマビルダーであり、コードを編集せずにカスタム WordPress テーマを簡単にデザインできます。

これにより、ウェブサイト全体でWordPressのフッターを再設計することも可能になります。

まず、WordPress サイトに SeedProd Pro プラグインをインストールして有効化します。次に、WordPress ダッシュボードから SeedProd » Theme Builder に移動します。このページで、「Themes」ボタンをクリックします。

WordPress ダッシュボードからテーマビルダーをクリック

これにより、SeedProd の 100 以上の事前作成済みテーマのいずれかを選択してカスタマイズできるウィンドウが開きます。

テーマを選択するには、カーソルを合わせ、チェックマークボタンをクリックするだけです。

SeedProd テーマを選択

テーマを選択すると、SeedProdはヘッダー、フッター、ホームページ、サイドバーなど、テーマを構成するすべての部分を自動的に作成します。

フッターを編集するには、「デザインを編集」リンクをクリックします。

フッターをカスタマイズするには、デザインの編集をクリック

これで、SeedProd のドラッグ&ドロップテーマビルダーに移動し、フッターをカスタマイズできます。

ブロックにカーソルを合わせてゴミ箱アイコンをクリックすると、既存のフッターデザインを削除できます。このチュートリアルでは、既存のすべてのブロックを削除します。

フッターからブロックを削除する

すべてのブロックを削除した後、フッターのレイアウトを選択できます。ここでは3列を選択します。

フッターのレイアウトを選択

左側からブロックをドラッグしてフッターにドロップすることで、フッターにコンテンツを追加できるようになりました。

SeedProd でフッターにコンテンツブロックを追加する

この例では、見出し、テキスト、ソーシャルプロフィール、ナビゲーションメニューニュースレター登録フォームを追加しました。

フッターのデザインに満足したら、「保存」ボタンをクリックし、次にドロップダウン矢印をクリックして、「公開」ボタンを押します。

SeedProdフッターを保存して公開する

その後、ビジュアルエディターを終了し、テーマビルダーダッシュボードに戻ることができます。

その後、SeedProdを使用してカスタムWordPressテーマの残りの部分をカスタマイズできます。手順については、カスタムWordPressテーマを簡単に作成する方法のチュートリアルをご覧ください。

場合によっては、WordPress のフッターにコードスニペットを追加する必要がある場合があります。これは、サイトを外部アプリやプラグインと接続するためによく行われます。

例えば、ウェブサイトにアナリティクス追跡を追加するために、WordPress のヘッダーまたはフッターにスクリプトを追加する必要があります。詳細については、WordPress に Google Analytics をインストールする方法の初心者向けガイドをご覧ください。

WordPressのフッターに追加のコードを追加する必要がある場合は、WPCodeプラグインを使用するのが最も簡単な方法です。

WPCode

まず、無料の WPCode プラグインをアクティブ化してインストールする必要があります。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドをご覧ください。

注意: WPCodeの無料版には、WordPressにカスタムコードを追加するために必要なものがすべて含まれています。コンバージョンピクセル、eコマーストラッキング、コードリビジョンなどの高度な機能が必要な場合は、WPCode Proにアップグレードできます。

有効化したら、WordPress管理画面のコードスニペット » ヘッダー&フッターに移動してください。その後、「フッター」ボックスにコードを追加できます。

WPCode プラグインを使用してフッターコードを追加する

その後、画面右上にある「変更を保存」ボタンをクリックしてから先に進んでください。

WPCode のヘッダーとフッターで「変更を保存」ボタンをクリックします

その他のヘルプについては、WordPress にヘッダーとフッターのコードを追加する方法に関するガイドをご覧ください。

この記事がWordPressのフッターの編集方法を学ぶのに役立ったことを願っています。また、ウェブサイトバナーの作成方法に関するガイドや、WordPressデザイン要素の究極ガイドもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

14 CommentsLeave a Reply

  1. 素晴らしい記事です。私は常にElementorを使用してフッターを作成していました。今、Gutenbergエディターで同じことを学ぼうとしており、これらのチュートリアルは非常に役立っています。

  2. フッターにサイト管理者用のメールアドレスを含むウィジェットがあります。そのメールアドレスは、メールアカウントにどのようにリンクされていますか?

  3. フッターの編集に関する参照をありがとうございました。footer.php でコンテンツを見つけるというのは、私にとって新しい選択肢でした。WordPress を検索しましたが、編集に必要な情報が見つかりませんでした。何かご存知ですか?footer.php にありました。
    記事をありがとうございました。

  4. フッターに追加したいカスタムHTMLウィジェットがあります。残念ながら、使用しているテーマはフッターを使用しているため、回避策を見つける必要があります。コードを追加すると、既存のフッターが変更されます。そのため、現在のフッター情報の後に投稿する方法を見つける必要があると思います。簡単な方法はありますか?

    • まず、テーマのサポートに問い合わせることをお勧めします。通常、デザインの追加や変更方法についてサポートを受けることができます。それ以外の場合は、使用している特定のテーマによって異なるテーマファイルを編集する必要があります。

      管理者

  5. フッターの背景色を変更するにはどうすればよいですか?いくつか調べたり、例を試したりしましたが、何も機能しません。

    • ガイドの例が機能しない場合は、お使いの特定のテーマのサポートに連絡して、推奨されるカスタマイズがあるかどうかを確認することをお勧めします

      管理者

    • 特定のテーマを使用しているかどうかによって、組み込みの編集オプションがあるかどうかが異なります。

      管理者

返信を残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。