WordPressでフッターを編集する方法(ステップバイステップガイド)

公開: 2021-03-22

WordPressでフッターを編集する方法を知りたいですか?

フッターはWordPressWebサイトの見落とされがちな部分ですが、非常に重要な情報が含まれており、基本的にWebサイトの要約として機能するため、注意が必要なサイトの領域です。

この記事では、WordPressでフッターを編集するために使用できる4つの方法を紹介しますので、始めましょう。

コンテンツ
  1. WordPressフッターとは何ですか?
  2. カスタマイザーでフッターを編集する
  3. ウィジェットを使用してフッターを編集する
  4. Footer.phpファイルを編集します
  5. プラグインを使用してWordPressでフッターを編集する方法は?
  6. フッターから「PoweredbyWordPress」を削除する方法は?
  7. 結論

まず第一に、あなたのワードプレスのウェブサイトのフッターエリアは何ですか、そしてそれは何のためにありますか?

Webサイトの一番下までスクロールすると、フッターが表示されます(または他の誰かがそのことについて)。 たとえば、Hubspotのフッターは次のようになります。

ご覧のとおり、この領域にはいくつかの重要な情報とリンクが含まれており、Webサイト全体の一種の要約として機能します。

どうして?

フッターはWPサイトのすべてのページに表示されるため、無視しないでください。 この領域には、「連絡先」ページと「概要」ページ、「利用規約」、「プライバシーポリシー」、およびその他の重要なリンクへのリンクを含めることができ、すべてのページで同じです。

このすべての情報は、訪問者がサイトを簡単にナビゲートするために非常に重要であるため、見栄えを良くする必要があります。 あなたのフッターがいたるところに見える場合、ウェブサイトの残りの部分もそれほどうまくいきません。

それを念頭に置いて、WordPressでフッターを編集する方法を見てみましょう。

チェック: WordPressでテキストを正当化する方法

カスタマイザーでフッターを編集する

カスタマイザーでフッターを編集するのがおそらく最も簡単な方法ですが、ここでカスタマイズできる正確な量は、使用しているWPテーマに大きく依存するため、最初にこの方法を示したいと思います。

カスタマイザーでフッターの編集を開始するには、ダッシュボード>>外観>>カスタマイズに移動します。

WPフッターの編集-WP外観セクションに移動

これにより、WPテーマのカスタマイザーが開きます。

注:テーマが異なればカスタマイザーも異なる可能性があるため、大幅な変更を行う前に、まずテーマをよく理解しておくことをお勧めします。

カスタマイザーを開いたら、フッターセクションを見つけます

この記事ではGeneratePressテーマを使用しているため、他のテーマを使用している場合はカスタマイザーの外観が異なる場合があります。

ただし、使用しているテーマが何であれ、少なくともレイアウト、背景色、テキスト、画像、リンクなどのコンテンツを変更するオプションが必要です。

また、カスタマイザーで編集すると、行っている変更をリアルタイムでプレビューできます。 これは、[公開]ボタンを押して行った変更を保存する前に、フッターがどのように表示されるかを確認するのに非常に役立ちます。

ウィジェットを使用してWordPressフッターを編集する

一般に、フッターには2つの部分があります。

  1. ウィジェットエリア
  2. ボトムバー

ウィジェット領域、またはフッターのメイン領域には、通常、訪問者がWebサイト内を移動したり、製品情報を見つけたり、連絡したりするのに役立つメニュー、リンク、画像、およびテキストが含まれています。

下部のバーには、「Powered byWordPress」などの著作権または推奨テキストが含まれていることがよくあります(このテキストを削除して、ブランドを向上させるために独自のテキストを追加する方法を少し説明します)。

次に、ウィジェットをWPサイトに追加する方法を見てみましょう。これは、フッターにアイテムを追加する方法だからです。 ウィジェットの追加プロセスは、幸い、すべてのテーマで同じです。

ウィジェットを追加する方法は?

ウィジェットは次の2つの方法で追加できます。

  1. カスタマイザーの使用
  2. ダッシュボード経由

カスタマイザーを使用してそれを行う方法を見てみましょう。

前に示したようにカスタマイザーを開き、カスタマイザーメニューの「ウィジェット」に移動します。

WPカスタマイザーメニュー

これにより、ウィジェットの追加を選択できるさまざまな場所が開きます。 フッター領域を編集したいので、 「フッター」をクリックします。 ホームページなどの別のページを編集する必要がある場合は、WordPressホームページの投稿を編集する方法をご覧ください。

ウィジェットを追加する領域を選択します。

[ウィジェットの追加]ボタンをクリックします。

ウィジェットボタンを追加

これにより、追加できるウィジェットのリストが右側に開きます。 ウィジェットをクリックすると、選択した場所に追加されます。

たとえば、フッターにカレンダーを追加する場合は、カレンダーウィジェットをクリックします。

一部のウィジェットは、追加する前に1〜2ステップ追加する必要がある場合があることに注意してください。

たとえば、カレンダーウィジェットには、最初に指定されたタイトルが必要です。

カレンダーウィジェットのカスタマイズ

ウィジェットに満足したら、[完了]をクリックします。

これで、フッターエディターに戻り、[公開]をクリックしてウィジェットを保存するだけです。

ウィジェットを編集する方法は?

さて、あなたはウィジェットをフッターに正常に追加しましたが、それはあなたが望むようには見えません。

心配しないでください。編集して、レイアウト、背景色、テキスト、リンクの色などを変更できます。

フッターウィジェットを編集するには、[外観]>>[カスタマイズ]>>[フッター]に再度移動し、[フッターウィジェット]タブを選択します。

ここには、ウィジェットを有効または無効にするオプション、ウィジェットのタイトルを表示または非表示にするオプション、さまざまなウィジェットスタイルなど、ウィジェットをカスタマイズできるいくつかのオプションが表示されます。

これらを確認して、ウィジェットが希望どおりになるまで少し遊んでください。

ウィジェットを削除する方法は?

不要になったウィジェットをどうしますか?

簡単に削除できます。

これを行うには、 [外観]>>[カスタマイズ] >>[ウィジェット]に移動します。

カスタマイズパネルに移動し、削除するウィジェットのある場所を見つけます。

ウィジェット領域をクリックして、ウィジェットのリストを表示します。

削除するウィジェットを選択し、赤い[削除]または[削除]リンクをクリックします。 最後に、「公開」をクリックして変更を保存します。

そして、ちょうどそのように、ウィジェットはなくなりました。

注: footer.phpファイルを使用してフッターを編集する前に警告を発します。 これは、コードを適切に記述および編集する方法を知っている人のみを対象としているため、コーディングの知識が必要です。

コードの操作に慣れていない場合は、WordPressガイドのフッターを編集する方法で示されている他の方法に固執することをお勧めします。

ただし、そうであれば、 [ダッシュボード]>>[外観]>>[テーマエディター]に移動して見つけることができます。 テーマエディタを初めてクリックすると、「Headsup!」が表示されます。 このような警告:

注意喚起!警告

自分が何をしているかを確実に理解している場合は、[理解する]ボタンをクリックすると、style.cssシートが開きます。

右を見ると、テーマファイルの下にテーマフッター(footer.php)というラベルの付いたファイルが表示されます。 これはあなたが欲しいものなので、それをクリックしてください。

編集が完了したら、下部にあるボタンをクリックすることを忘れないでください。フッターが更新されます。

チェック: WordPressのページにブログ投稿を追加する方法

プラグインを使用してWordPressでフッターを編集する方法

最後に、プラグインを使用してフッターを編集できます。

これを行うには、最初にプラグインをインストールする必要があります。 この場合、ElementorやDiviのようなページビルダープラグインを探しています。

WordPressテーマにプラグインをインストールするには、 [ダッシュボード]>>[プラグイン]>>[新規追加]に移動します。 これにより、プラグインの呼び出し方法がわかっている場合は名前で、または機能(つまり、プラグインに実行させたいこと)でプラグインを検索できる新しい画面が開きます。

たとえば、「ページビルダー」を検索すると、ページビルダープラグイン(先ほど触れたElementorを含む)が表示されます。

編集-WordPress-footer-with-page-builders

注: Divi Builderはプレミアムのみの製品であるため、WordPressダッシュボードでの単純なプラグイン検索では利用できません。 Divi Builderは、ElegantThemesの公式Webサイトからダウンロードできます。

プラグインを選択してインストールする前に、これらに細心の注意を払ってください。

  • 星の評価とインストールした人数を確認してください(星の評価の下を参照)
  • 最後に更新されたのはいつですか
  • WPバージョンと互換性がある場合

準備ができたら、プラグインのタイトルの横にある[今すぐインストール]ボタンをクリックすると、プラグインがダウンロードされてインストールされます。

ただし、それを使用するには、プラグインをアクティブ化する必要があるため、必ず[アクティブ化]ボタンを押してください。

Elementorテーマビルダープラグインを使用したフッターの編集

Elementor Proのテンプレートビルダー機能を使用して、カスタムフッター(またはヘッダー)を作成することもできます。 これは、Webサイトのページごとに異なるフッターを作成する場合に非常に便利です。 通常、フッターはすべてのページで同じです。

Elementorプラグインを使用してWordPressでフッターを編集するには、次のことを行う必要があります。

  1. ダッシュボードに移動します
  2. Elementor設定で[テンプレート]>>[テーマビルダー]を選択します
  3. 次のウィンドウで、[作業するテンプレートの種類を選択]で[フッター]を選択し、それに応じてテンプレートに名前を付けます(「新しいフッター」のようなものが機能します)
  4. [テンプレートの作成]ボタンをクリックします
  5. これで、 Elementor Template Libraryに移動します。ここで、[ Insert ]をクリックしてライブラリから選択したフッターを選択できます。
  6. 適切なフッターを選択したら、ブランドやスタイルに合わせてフッターを変更し、リンク、コンテンツ、色などを追加してください。
  7. 終了したら、[表示条件]をクリックして、目的のページにフッターを適用できます。
  8. 最後に、[公開]をクリックします

ページビルダープラグインを使用してフッターを作成またはカスタマイズしたくない場合は、WPでこれを実行できるプラグインが多数あります。

たとえば、WPOnlineSupportのFooterMegaGrid Columnsプラグインを使用すると、WordPressフッターを簡単にカスタマイズでき(特に、上記のHubspotのようにフッターを大きくしたい場合)、通常は1つか2つではなく、複数の列を作成できます。テーマで。

また、より多くの電子メールサブスクライバーを探している場合は、無料のWPサブスクライブプラグインを使用すると、フッターを含むWebサイトの任意の場所にサブスクリプションフォームウィジェットを配置でき、カスタムCSSを使用してWPテーマに従ってカスタマイズできます。 プラグインはMailChimpとAWeberをサポートしています。

フッターから「PoweredbyWordPress」を削除する方法は?

さて、フッターから「Powered by WordPress」メッセージを削除する方法を紹介することを先に約束しましたが、その約束を守るつもりです。

これを行う最も簡単な方法は、テーマ設定ページから行うことです。 これは、ほとんどのWordPressテーマの[外観]>>[カスタマイズ]で見つけることができます。 入ったら、著作権テキストを好みに合わせて編集し、[公開]をクリックします。

これを行うには、RemoveFooterCreditなどのプラグインを使用することもできます。 これにより、footer.phpファイルをいじる必要がなくなります。

FooterCreditプラグインを削除する

結論

多くの新しいウェブサイトの所有者は、自分の危険でフッター領域を無視しています。

ただし、すでに経験を積んだ人は、サイトのこの領域が訪問者にとってどれほど重要であるかを知っています。 あなたのウェブサイトのこのエリアはあなたのビジネスとあなたのウェブサイトについてのたくさんの有用な情報を含んでいるので、それは見栄えが良くなければなりません。

ご覧のとおり、フッターの見栄えを良くする方法はたくさんあります。うまくいけば、この投稿が役に立ちます。


🔔またチェックしてください:

  • WordPressサイトを編集する方法は?
  • WordPressでテキストを正当化する方法
  • WordPressでリンクの色を変更する方法
  • WordPressのページにブログ投稿を追加する方法
  • WordPress:「返信を残す」を削除する方法
  • ウェブコミックサイトの作り方
  • WordPressホームページを編集する方法
  • なぜWordPressはとても使いにくいのですか?
  • WordPressビジュアルエディターが機能しない