チェックリスト:WordPressサイトのフッターに追加すべき10のこと

フッターは、ウェブサイトの一番下にある領域です。見落としがちですが、フッターは重要な情報を提供することで、訪問者のエクスペリエンスをさまざまな方法で向上させることができます。

最適化されたフッターは、訪問者を誘導し、SEOを向上させ、ブランドの信頼性を高めることができます。フッターに含めるべき要素を知っておくことで、サイトの有用で効果的な部分として機能させることができます。

WPBeginnerでは、考え抜かれたデザインのフッターは訪問者にとって貴重なリソースとして機能し、姉妹会社、無料ツール、ガイド、および重要なサイトリンクに簡単にアクセスできるようにしています。これにより、ユーザーエクスペリエンスが向上し、ユーザーは当社のウェブサイトをさらに探索するようになります。

このチェックリストでは、WordPressウェブサイトのフッターに追加すべき重要な項目を共有します。

チェックリスト:WordPressサイトのフッターに追加するもの

フッターは、ウェブサイトのコンテンツの下に表示され、非常に一般的なウェブデザインの機能です。

「フッター」は、フッターコード領域を指すこともあります。Google Analytics、Meta Pixelなどのサードパーティサービスは、ウェブサイトのフッターにコードスニペットを追加するように求める場合があります。このようにして、WordPressウェブサイトに機能、サービス、その他のコンテンツを追加できます。

オプションが多すぎるため、初心者の方はフッターエリアに何を追加すべきか迷うかもしれません。その結果、多くのウェブサイト所有者が、サイトを改善し、訪問者のエクスペリエンスを向上させる機会を逃しています。

とはいえ、WordPressサイトのフッターに追加できるものや、それをより便利にする方法をいくつか見てみましょう。興味のある項目にジャンプするには、以下のクイックリンクを使用してください。

多くのウェブサイトでは、フッターエリアにリンクを追加しています。これにより、訪問者はサイトの最も重要なコンテンツ(「会社概要」ページ、製品ページ、チェックアウト、問い合わせフォームなど)を見つけやすくなります。

すべての人気のWordPressテーマには、さまざまなコンテンツや要素を追加できるフッターウィジェットエリアが付属しています。

フッターエリアにリンクを追加するには、外観 » メニューページにアクセスし、「新しいメニューを作成」リンクをクリックします。

WordPressフッターにナビゲーションリンクを追加する

その後、メニューの名前を入力します。これは参照用なので、好きな名前を使用できます。

それが終わったら、「メニューを作成」ボタンをクリックします。

WordPressフッター用のナビゲーションメニューを作成する方法

次に、メニューに追加したい各項目の横にあるチェックボックスをオンにします。

次に、「メニューに追加」をクリックします。

WordPressのフッターエリアにメニューを追加する

メニューの設定が完了したら、「メニューを保存」ボタンをクリックして変更を保存します。さらに詳しいヘルプについては、WordPressでナビゲーションメニューを作成する方法に関するガイドを参照してください。

メニューが作成されたら、外観 » ウィジェットに移動して、ウェブサイトのフッターエリアに追加しましょう。ここで、青い「+」ボタンをクリックします。

テーマのフッターにウィジェットを追加する

「検索」フィールドに「ナビゲーションメニュー」と入力します。

適切なブロックが表示されたら、「フッター」または同様の領域にドラッグアンドドロップします。

WordPressナビゲーションメニューウィジェット

その後、「メニューを選択」ドロップダウンを開き、先ほど作成したフッターメニューを選択するだけです。

タイトルを入力することもできます。これは、ウェブサイトのフッターのリンクの上に表示されます。

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

これが完了したら、「更新」ボタンをクリックします。

これで、ウェブサイトにアクセスすると、フッター領域にすべてのリンクが表示されます。

WordPressフッターのナビゲーションリンク

また、ドラッグ&ドロップページビルダープラグイン(例:SeedProd)を使用して、フッターにリンクを追加することもできます。個々のWordPressページごとに異なるフッターを作成することも可能です。

手順については、WordPressのフッターを編集する方法に関するガイドをご覧ください。

フルサイトエディターでフッターにメニューを追加する

ブロックベースのテーマ(例:Neve FSEやTwenty Twenty-Three)を使用している場合、フッターにメニューを追加する手順は少し異なります。

上記と同じ手順でナビゲーションメニューを作成します。次に、WordPressダッシュボードで 外観 » エディター に移動して、フルサイトエディターを開きます。

フルサイトエディター(FSE)を開く

デフォルトでは、フルサイトエディターにテーマのホームページテンプレートが表示されます。

フッターにコンテンツを追加するには、[テンプレートパーツ]をクリックする必要があります。

フッターテンプレートパーツの編集

これで、「フッター」テンプレートパーツをクリックできるようになりました。

このテンプレートパーツを編集するには、小さな鉛筆アイコンをクリックしてください。

フルサイトエディター(FSE)を使用してフッターテンプレートパートを編集する

これが完了したら、左上にある青い「+」アイコンをクリックします。

検索バーに「ナビゲーション」と入力します。

フルサイトエディター(FSE)にナビゲーションブロックを追加する

右側のブロックが表示されたら、フッターテンプレートにドラッグアンドドロップします。

フルサイトエディターには、デフォルトでサイトのメニューの1つが表示されます。代わりに別のメニューを表示するには、「メニュー」の隣にある3つのドットをクリックするだけです。

WordPressでフッターにナビゲーションメニューを追加する

ドロップダウンからメニューを選択できるようになりました。

その後、「設定」タブのオプションを使用して、メニューの配置、向き、折り返しを変更できます。

フルサイトエディター(FSE)を使用したナビゲーションメニューのカスタマイズ

「スタイル」タブを選択して、メニューの外観を変更することもできます。

ここで、テキストの色を変更したり、背景色を追加したり、フォントサイズを変更したりできます。

WordPressナビゲーションメニューのスタイリング

メニューの外観に満足したら、「保存」ボタンをクリックして公開します。

2. WordPressフッターにコードを埋め込む

場合によっては、WordPressブログまたはウェブサイトのフッターにスニペットを追加する必要がある場合があります。

テーマファイルを直接編集して、新しいコードをfooter.phpテンプレートに貼り付けることもできます。しかし、テーマを変更したり更新したりするとカスタムコードが消えてしまうため、これは推奨されません。WordPressテーマを変更する場合などです。

テーマファイルを直接編集することも危険を伴います。単純なタイプミスや間違いでも、多くの一般的なWordPressのエラーを引き起こす可能性があります。

WordPressのフッターにコードを追加する最良の方法は、WPCodeを使用することです。これは最高のコードスニペットプラグインであり、テーマファイルを編集せずにカスタムコードをフッターに簡単に追加できます。

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

有効化したら、コードスニペット » ヘッダー & フッターに移動します。ここで、コードスニペットを「フッター」ボックスに貼り付けることができます。

WordPressのフッターにコードスニペットを追加する

変更を保存するには、「変更を保存」ボタンをクリックすることを忘れないでください。より詳細な手順については、WordPressにヘッダーとフッターのコードを追加する方法に関する記事をご覧ください。

GDPRおよびその他の国のプライバシー関連法を遵守するには、WordPressにプライバシーポリシーページを追加し、すべてのページと投稿にリンクを追加する必要があります。

フッターはウェブサイト全体に表示されるため、このURLを追加するのに最適な場所です。

まず、管理画面の設定 » プライバシーに移動する必要があります。WordPressがすでにプライバシーポリシーページのドラフトを作成していることに気づくでしょう。

WordPressウェブサイトにプライバシーポリシーを追加する

デフォルトのプライバシーポリシーページを使用するには、「このページを使用する」をクリックするだけです。代わりに別のページを使用したい場合は、ドロップダウンメニューを開き、リストから新しいページを選択してください。

この画面から新しいプライバシーポリシーページを作成することもできます。「作成」ボタンをクリックするだけで、WordPressは基本的なプライバシーポリシーのテキストを含む新しい投稿を生成します。

ウェブサイトのプライバシーポリシーの例

プライバシーポリシーページをどのように作成しても、WordPressの他のページと同様に編集できます。例えば、要件や利用規約に関する追加情報を加えることができます。

入力した情報に満足したら、「公開」ボタンをクリックしてプライバシーポリシーを公開します。

これが完了したら、ウェブサイトのフッターにリンクを追加する必要があります。1つの方法は、上記で説明したのと同じプロセスに従って、フッターにナビゲーションメニューを追加することです。

ブロックベースのWordPressテーマを使用している場合は、プライバシーポリシーをスタンドアロンリンクとして追加することもできます。これを行うには、上記と同じ手順に従ってフッターテンプレートパートを開くだけです。

次に、「+」ボタンをクリックして「段落」と入力します。

フルサイト編集テンプレートにプライバシーポリシーリンクを追加する

適切なブロックが表示されたら、それをフッターにドラッグアンドドロップします。

これで、[プライバシーポリシー]などの訪問者に表示したいテキストを入力できます。

WordPressフッターにプライバシーポリシーリンクを追加する

次に、テキストにリンクを追加するだけです。

手順については、リンクの追加方法に関する初心者ガイドをご覧ください。

WordPressにプライバシーポリシーリンクを追加する

これが完了したら、「保存」をクリックするだけで、リンクがWordPressウェブサイトで有効になります。

4. WordPressフッターへの著作権日付の追加

また、フッターに著作権日付を追加することで、訪問者にコンテンツが著作権で保護されていることを知らせたい場合もあります。これを行う1つの方法は、テーマ設定にテキストを追加するだけです。

多くのトップWordPressテーマでは、フッターエリアにテキストを追加できるため、テーマにこの設定があるかどうか確認する価値があります。

単純に外観 » カスタマイズページに移動し、左側のメニューでフッター設定を探してください。これらは通常、「フッターオプション」、「フッター設定」、またはそれに類するラベルが付いています。

WordPressカスタムizerでフッター設定を変更する

著作権記号を追加するには、[フッタークレジット]、[著作権テキスト]、または類似のセクションに次のものを貼り付けるだけです。

© Copyright 2016-2023. All rights reserved.

WordPressテーマカスタマイザーは自動的に更新されるため、コピーライトテキストがウェブサイトでどのように表示されるかを確認できます。

WordPressフッターに著作権表示を追加する

テーマによっては、テーマ設定を使用してフォントサイズを変更したり、テキストの配置を調整したりすることもできます。

著作権表示の外観に満足したら、「公開」ボタンをクリックして変更をライブにします。

プロのヒント: このアプローチでは、著作権表示を毎年更新する必要があります。新しい年を自動的に追加するには、WordPressフッターに動的な著作権日付を追加する方法に関するガイドを参照してください。

フルサイトエディターでフッターに著作権日付を追加する

ブロック対応テーマを使用している場合、フッターに著作権日付を追加するのは簡単です。テーマ » エディターに移動し、上記で説明したのと同じ手順でフッターテンプレートパーツを開きます。

次に、[+]アイコンをクリックして「ショートコード」と入力します。

フルサイトエディターを使用してフッターテンプレートにショートコードブロックを追加する

適切なブロックが表示されたら、フッターテンプレートパーツにドラッグアンドドロップします。

ショートコードブロックに次を追加します。

© Copyright 2016-2023. All rights reserved.

ブロック対応フッターに著作権表示を追加する

その後、[保存]ボタンをクリックするだけで、著作権表示が有効になります。

5. WordPressのフッターから「Powered by」リンクを削除する

一部の無料WordPressテーマでは、フッター領域にリンクが追加されます。通常、これは公式WordPressウェブサイトにリンクする「WordPress提供」の免責事項ですが、テーマ開発者によっては自身のウェブサイトへのリンクを含める場合もあります。

これらの外部リンクは訪問者をあなたのウェブサイトから離れるように促し、あなたのWordPress SEOに悪影響を与える可能性があります。それを念頭に置いて、外観 » カスタマイズに移動して、フッター領域からそれらを削除するのが良いでしょう。

テーマによってはこれらのリンクを削除するのが難しい場合があるため、さまざまな設定を時間をかけて探す必要があるかもしれません。

まず、「フッターオプション」、「フッターと著作権オプション」、またはそれに類するラベルの付いた設定を探すことをお勧めします。

フッターから「Powered by WordPress」を削除する方法

ここで、リンクを削除したり、URLに置き換えたりすることができます。

一部のテーマでは、リンクがテーマファイルにハードコードされており、WordPressカスタマイザーを使用して削除するオプションが提供されていません。

その場合、footer.php ファイルを編集することで、これらのリンクを削除できます。手順については、WordPressフッターリンクの「Powered by WordPress」を削除する方法をご覧ください。

フルサイトエディターで「Powered By」リンクを削除する

ブロックが有効なテーマで「Powered By」リンクを削除するには、上記と同じ手順に従って、フルサイトエディターでフッターテンプレートを開くだけです。

エディターで、「WordPressによって誇りを持ってパワーアップ」または類似のテキストを見つけます。「段落」ブロックにそれを入力することで、独自のテキストに置き換えることができます。

WordPressフルサイトエディター(FSE)を使用して「Powered by」リンクを変更する

テキストを完全に削除したい場合は、「段落」ブロックをクリックして選択します。その後、3つのドットの「オプション」ボタンをクリックします。

最後に、「段落を削除」をクリックしてブロックを削除します。

フルサイトエディターを使用して「WordPress提供」リンクを削除する

次に、「保存」をクリックします。これで、ウェブサイトにアクセスすると、このテキストが削除されていることがわかります。

6. WordPressのフッターにInstagramフィードを追加する方法

Instagramに美しい写真や動画を定期的に投稿していますか?

ウェブサイトにアクセスしただけでは、Instagramのコンテンツは表示されません。これを念頭に置いて、ウェブサイトのフッターに最新のInstagramの写真をいくつか表示したい場合があります。

WordPressフッターにInstagramの写真をどのように表示するか

これは、ソーシャルメディアページを宣伝し、より多くの人にInstagramでフォローしてもらうための簡単な方法です。

WordPressのフッターに写真フィードを追加する最も簡単な方法は、Smash Balloon Instagram Feedを使用することです。これはWordPress向けの最高のInstagramプラグインであり、ウェブサイトに写真フィードを簡単に追加できます。

フッターにソーシャルメディアフィードを追加すると、Smash Balloonは新しいInstagramの写真を自動的に取得します。これにより、ウェブサイトを訪れた人に常に最新のInstagramの写真が表示されます。

オンラインストアを運営している場合は、WordPressフッターにInstagramショッピング可能な画像を追加することで、さらに多くの売上を上げることができます。

Smash Balloonには、フッターのInstagramフィードの外観を微調整するために必要なすべてのツールが用意されています。

例えば、Smash Balloonのエディターでは、さまざまなレイアウトを選択したり、「フォロー」ボタンを追加したり、モバイルデバイス向けにフィードを最適化したりすることができます。

Smash Balloon Instagramエディター

手順については、WordPressにInstagramを簡単に埋め込む方法をご覧ください。

フィードの外観に満足したら、ウェブサイトのフッターに追加する時期です。外観 » ウィジェットに移動して、青い「+」ボタンをクリックするだけです。

WordPressフッターにInstagramの写真を表示する

検索フィールドに「Instagram Feed」と入力して、適切なブロックを見つけます。WordPressには組み込みのInstagram Feedボタンがあるため、公式のInstagramロゴが付いたブロックを使用していることを確認してください。

これで、ブロックをサイトのフッターにドラッグアンドドロップできます。

WordPress Instagram埋め込みブロック

これが完了したら、「更新」をクリックするだけです。その後、ウェブサイトにアクセスして、フッターにInstagramフィードが表示されていることを確認できます。

フルサイトエディターでInstagramフィードを追加する

ブロック対応のWordPressテーマにSmash Balloon Instagramフィードを追加するのは簡単です。

フッターテンプレートを、上記で説明したのと全く同じ手順でフルサイトエディターで開きます。次に、フッターテンプレートの「+」ボタンをクリックします。

WordPressフッターにInstagramフィードを追加する

これが完了したら、「Instagram Feed」と入力し、表示された正しいブロックを選択してフッターに追加します。

フルサイトエディターには、作成したInstagramフィードが自動的に表示されます。

ウェブサイトのフッターにソーシャルメディアフィードを追加する

これで、カスタムInstagramフィード写真フィードを公開するには、「保存」をクリックするだけです。

7. WordPressにスティッキーフッターバーを追加する

フッターエリアに特別オファーや通知を表示したいですか?

訪問者がスクロールしても画面下部に固定されるフッターバーを作成できます。

このような固定フッターバーを作成するには、OptinMonsterが必要です。これは市場で最高のコンバージョン最適化ソフトウェアであり、ウェブサイト訪問者を購読者や顧客に変えることができます。

OptinMonsterには強力な表示ルールも付属しているため、ウェブサイトのフッターにパーソナライズされたカスタムメッセージを表示できます。

まず、OptinMonster アカウントにサインアップする必要があります。

その後、WordPressウェブサイトにOptinMonsterプラグインをインストールして有効化します。有効化したら、「既存のアカウントを接続」を選択します。

OptinMonsterアカウントをWordPressに接続する

これで、OptinMonsterアカウントのメールアドレスとパスワードを入力できます。

接続したら、OptinMonster » キャンペーン ページに移動し、「最初のキャンペーンを作成」または「新規追加」ボタンのいずれかをクリックします。

新しいOptinMonsterコンバージョンキャンペーンを作成する

次の画面で、キャンペーンタイプとして「フローティングバー」を選択し、テンプレートを選択します。

OptinMonsterテンプレートをプレビューするには、テンプレートにマウスカーソルを合わせ、[プレビュー]ボタンをクリックするだけです。

WordPressフッターにスティッキーフローティングバーを追加する

気に入ったテンプレートが見つかったら、「テンプレートを使用」ボタンをクリックしてください。

次に、キャンペーンの名前を入力できます。これは参照用ですので、好きなタイトルを使用できます。

OptinMonsterコンバージョンキャンペーンにタイトルを追加する

それが完了したら、[ビルド開始]をクリックします。

これにより、OptinMonsterのドラッグ&ドロップキャンペーンビルダーに移動し、そこでフッターバーをデザインできます。編集したい要素をクリックするか、左側の列から新しいブロックをドラッグ&ドロップするだけです。

WordPressのスティッキーフッターバーを作成する

キャンペーンの見栄えに満足したら、「公開」ボタンをクリックするだけです。

次に、「公開」を選択してキャンペーンを公開します。

WordPressでコンバージョンおよび最適化キャンペーンを公開する

これで、「保存」ボタンを選択して変更を保存し、右上隅の「X」をクリックしてOptinMonsterキャンペーンビルダーを閉じることができます。

WordPressダッシュボードに戻り、「ステータス」ドロップダウンを開いて「公開済み」を選択します。

WordPress用の固定フローティングバーを公開する

最後に、「保存」をクリックします。

さて、WordPressウェブサイトにアクセスして、フローティングフッターバーが機能していることを確認してください。

WordPressのスティッキーフローティングフッターバーの例

スライドインフッターポップアップ、カウントダウンタイマー、そして放棄されたカートの売上を回復するのに役立つターゲットフッター通知など、あらゆる種類のコンバージョン率の高いキャンペーンを作成するためにOptinMonsterを使用することもできます。

8. WordPressフッターにソーシャルボタンを追加する

WordPressテーマのフッタースペースを活用するもう一つの良い方法は、ソーシャルメディアアイコンを表示することです。これは、さまざまなプロフィールを宣伝し、Twitter、Facebook、その他の人気プラットフォームでより多くのフォロワーを獲得するための簡単な方法です。

これらのボタンを追加する最良の方法は、Social Icons Widgetプラグインを使用することです。このプラグインは主要なソーシャルネットワークをすべてサポートしており、選択できる複数のアイコンスタイルが付属しています。

Social Icons Widgetを有効化した後、外観 » ウィジェットページに移動します。「+」ボタンをクリックして「Social Icons Block」を検索します。

適切なブロックが表示されたら、フッターエリアにドラッグアンドドロップします。

WordPress フッターにソーシャルアイコンを追加する方法

デフォルトでは、ソーシャルアイコンブロックにはすでにいくつかのソーシャルメディアアイコンが組み込まれています。

これらのアイコンのいずれかをあなた自身のソーシャルプロフィールにリンクするには、それをクリックするだけです。表示される小さなバーに、プロモートしたいページのURLを入力してください。

WordPressフッター用のソーシャルメディアリンクを作成する

このソーシャルメディアプラットフォームには別のアイコンを使用したいですか?

次に、「詳細を編集」リンクをクリックするだけです。これにより、ソーシャルアイコンの新しい画像を選択できるウィンドウが開きます。

ソーシャルメディアボタンのアイコンを選択する

各組み込みソーシャルメディアアイコンについて、このプロセスを繰り返します。

これらのデフォルトアイコンのいずれかを削除したい場合は、「アイコンを削除」をクリックします。

無料のWordPressプラグインを使用してソーシャルメディアアイコンを削除する

フッターエリアに追加したいソーシャルメディアプラットフォームやその他のウェブサイトは無数にあります。

これを行うには、「+」ボタンをクリックします。

WordPressにTwitter、YouTube、Facebookなどのソーシャルアイコンを追加する

上記と同じ手順で、ソーシャルメディアアイコンを選択し、リンクを追加できるようになりました。

ソーシャルメディアアイコンの設定が完了したら、「更新」をクリックします。次に、ウェブサイトにアクセスしてフッター領域までスクロールし、ソーシャルボタンが機能していることを確認してください。

WordPressフッターのソーシャルアイコンの例

ボーナス:ウェブサイトにさらにソーシャル機能を追加したいですか?WordPressのベストソーシャルメディアプラグインの専門家によるおすすめをご覧ください。

フルサイトエディターでソーシャルボタンを追加する

ブロックエディター対応のテーマを使用していますか?その場合、テーマ » エディターに移動し、フッターテンプレートパーツを開くことで、フッターにソーシャルアイコンを追加できます。

これで、「+」ボタンをクリックして「ソーシャルアイコンブロック」と入力できます。

WordPressのフッターにソーシャルアイコンを追加する

右側のブロックが表示されたら、フッターテンプレートにドラッグアンドドロップします。

これにより、デフォルトのソーシャルアイコンを持つブロックが追加されます。

WordPressのブログまたはウェブサイトにソーシャルメディアアイコンを追加する

これで、上記と同じ手順に従って、これらのアイコンをカスタマイズし、新しいソーシャルボタンを追加できます。

ボタンの見た目に満足したら、[保存]ボタンをクリックするだけです。これでウェブサイトにアクセスすると、ブロック対応フッターにソーシャルアイコンが表示されます。

9. WordPressフッターに電話番号を追加する

電話でカスタマーサポートを提供している場合、WordPressのフッターエリアに電話番号を追加すると、ユーザーが連絡しやすくなります。

これには、ビジネス用電話番号が必要です。私たちは、中小企業にとって最高のビジネス電話サービスであるNextivaの使用をお勧めします。

Nextiva

Nextivaを使用すると、より安価な通話が可能になり、コールフォワーディング、無制限の無料国内通話、ボイスメールからメールやテキストへの転送などの高度な機能を使用できます。

同じ番号を複数のデバイスやハンドセットで使用し、インターネット接続のあるどのデバイスからでも通話を管理できます。

ビジネス用の電話番号が決まったら、ウェブサイトに追加する必要があります。最も簡単な方法は、WordPressサイトにクリックして電話をかけるボタンを追加するWP Call Buttonプラグインを使用することです。

WordPressウェブサイトでのクリック・トゥ・コールボタンの例

プラグインを有効化したら、WordPressダッシュボードの設定 » WP Call Buttonにアクセスする必要があります。

ここで、「今すぐ電話ボタンのステータス」スイッチをクリックして「アクティブ」と表示させます。

WordPressブログまたはウェブサイトにクリック・トゥ・コールボタンを追加する

次に、「電話番号」フィールドに会社の電話番号を入力します。

デフォルトでは、ボタンには「Call Us」というテキストが表示されますが、「Call Button Text」フィールドに入力することで、独自のカスタムメッセージに置き換えることができます。

WordPressに「今すぐ電話」ボタンを追加する方法

その後、コールボタンの位置セクションまでスクロールし、ウェブサイトのどこにボタンを表示したいかを選択します。たとえば、ボタンを右下隅に表示したり、フッター全体をカバーするバナーを作成したりできます。

ボタンの設定に満足したら、「変更を保存」をクリックします。その後、ウェブサイトにアクセスして、コールトゥクリックボタンが機能していることを確認してください。

クリック・トゥ・コールボタンを使いたくないですか?それなら、WordPressにクリック可能な電話番号を追加する方法に関するガイドをご覧ください。いくつかの異なるオプションがあります。

17. WordPressフッターに問い合わせフォームを追加する

ウェブサイトのフッターは行き止まりである必要はありません。上記の手順に従ってナビゲーションメニューを追加した場合、それは素晴らしいスタートです。さらに、フッターエリアに問い合わせフォームを追加することで、顧客とのつながりを促すこともできます。

ここでWPFormsが登場します。

WPFormsは、数回クリックするだけでお問い合わせフォームを作成できる、既製のシンプルなコンタクトフォームテンプレートを備えた、最高のWordPressお問い合わせフォームプラグインです。

プラグインを有効化した後、WPForms » 新規追加に移動し、お問い合わせフォームの名前を入力します。これは参照用ですので、好きな名前を使用できます。

WordPress 用の WPForms フォームビルダープラグイン

次に、「シンプルな問い合わせフォーム」テンプレートを見つけて、「テンプレートを使用」ボタンをクリックします。

WPFormsはテンプレートをフォームビルダーで開きます。テンプレートには通常必要とされるすべてのフィールドがすでに含まれていますが、左側のメニューからフィールドをドラッグしてフォームにドロップすることで、さらにフィールドを追加できます。

WordPressのコンタクトフォームにフィールドを追加する

各フィールドをクリックして編集したり、ドラッグアンドドロップでフォーム内のフィールドを並べ替えたりすることもできます。

フィールドを削除するには、マウスカーソルをその上に移動し、表示される小さなゴミ箱アイコンをクリックするだけです。

WordPressのお問い合わせフォームからフィールドを削除する

準備ができたら、「保存」ボタンをクリックして変更を保存してください。

連絡フォームをフッターに追加するには、WordPressダッシュボードの外観 » ウィジェットページに移動してください。

ここで、「+」ボタンをクリックし、「WPForms」を検索します。適切なブロックが表示されたら、テーマのフッターエリアにドラッグアンドドロップします。

ブロックを使用してWordPressフッターにコンタクトフォームを追加する

その後、「フォーム」ドロップダウンを開き、連絡フォームを選択します。

オプションのタイトルを追加することもできます。これは連絡フォームの上に表示されます。

WordPress ウェブサイトにフォームを追加する

それが完了したら、「更新」ボタンをクリックします。

これで、ウェブサイトにアクセスすると、フッターに新しいお問い合わせフォームが表示されます。

WordPressフッターにコンタクトフォームを追加する

フルサイトエディターで連絡フォームを追加する

ブロック対応テーマのフッターに連絡フォームを追加したいですか?

次に、テーマ » エディターに移動し、フッターテンプレートパートを開く必要があります。ここで、「+」アイコンをクリックし、「WPForms」と入力して正しいブロックを見つけます。

WordPressフッターテンプレートにコンタクトフォームを追加する

次に、ブロックをフッターエリアにドラッグするだけです。

WPFormsブロックで、「フォームを選択」ドロップダウンを開き、作成したばかりのコンタクトフォームを選択します。

WordPressフッターに異なるフォームを表示する

お問い合わせフォームを公開する準備ができたら、「保存」ボタンをクリックするだけです。

フッターに追加したいすべての機能について決定したら、さらにアイデアを得るためにフッターデザインの例もいくつか確認する必要があります。

たとえば、WPBeginner のフッターをご覧ください。製品や無料ツールへの重要なリンクとともに、デザインをクリーンでシンプルに保っていることがわかります。

WPBeginner フッター

私たちのフッターは、読者が必要とするすべての情報を提供し、散らかった印象を与えないため、素晴らしい例となっています。

同様に、OptinMonsterのフッターには、ドキュメントなどの重要なページへのリンクが表示され、ソフトウェアの主な機能のリストがあります。このフッターは、ユーザーがサイトをさらに探索することを奨励し、購入に至る可能性もあります。

OptinMonsterフッター

一方で、ニール・パテル氏のフッターを見てみましょう。コンパクトで分かりやすく、読者向けのクイックナビゲーションリンクがあります。

このようなフッターを追加することで、メインコンテンツの邪魔をすることなく、サイトに関する重要な詳細情報をユーザーに提供できます。

Neil Patel フッター

その他のアイデアやインスピレーションについては、最高のフッターデザイン例のリストをご覧ください。

この記事が、WordPressのフッターをより便利にするために追加すべきものを決めるのに役立ったことを願っています。また、WordPressで「固定」フローティングフッターバーを作成する方法に関するガイドや、最大限の効果を得るための素晴らしいサイドバートリックのリストも参照することをお勧めします。

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

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

究極のWordPressツールキット

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

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

9 CommentsLeave a Reply

  1. 以前はフッターにあまり時間をかけていませんでした。ヘッダーが主な焦点でしたが、時間の経過とともに、他のウェブサイトでプロフェッショナルにデザインされたフッターを高く評価するようになりました。例えば、あなたのフッターは気に入っています。十分に高く、ユーザーに多くの貴重な情報を提供しています。この記事とあなたのフッターは、私がフッターのデザイン方法を変え、以前よりもはるかに多くの労力を注ぎ込むきっかけとなりました。

  2. これは良いですね。これらすべてがウェブサイトのフッターに追加すべき重要な要素です。
    ただし、ウェブサイトのフッターのデザインはシンプルでミニマルであるべきですが、サイトにとって重要な、いくつかの重要な要素と情報を含んでいる必要があります。ニュースレター、簡単なサイトの説明、ソーシャルリンク、同じ会社の他の製品やウェブサイトのリンクを追加することをお勧めします。これにより、バックリンクが作成され、サイトの信頼性が構築されます。

  3. 注意すべき点は、ほとんどの訪問者はページの一番下までスクロールしないため、フッターのデザインはかなり基本的でミニマルに保つ傾向があるということです。
    しかし、Instagramフィードは、あまり邪魔にならずにコンテンツを披露し、より多くのフォローを促す良い方法になるかもしれません。
    貴重なご提案ありがとうございます!

    • デザインの面では、私もミニマルでシンプルであるべきだと同じように感じています。
      これは、素晴らしいモチベーションカンパニーのウェブサイトフッターのすべてに見られます。ナビゲーションが十分にあり、ナビゲートしやすく、シンプルでミニマルなデザインになっているため、機能が豊富です。

    • 多くのユーザーはページを最後までスクロールしないかもしれませんが、多くの人はフッターで重要な情報を探すことに慣れています。これには、連絡先情報、ソーシャルメディアリンク、郵便住所、または他の会社のウェブサイトへのリンクなどが含まれます。したがって、誰もが常にウェブサイトの最下部までスクロールするわけではありませんが、多くの人は必要に応じてそのような情報をそこで見つけることに慣れています。そのため、フッターの重要性を過小評価すべきではありません。うまく設計されたフッターは、少なくともデザインの観点からは、ミニマルにすることも可能です。

  4. フッターにある必須の要素について、ありがとうございます。他のフッターデザインに関する記事でまさに探していたものです。
    このリストには、便利なナビゲーション、行動喚起、重要な情報、著作権表示など、必須のポイントがすべて含まれていると思います。
    これらのすべてをウェブサイトのフッターに実装して、美しくしたいと思います。

  5. シェアしていただきありがとうございます。

    記事はかなり長いですが、気に入っています。

    質問があります。スティッキーソーシャルメディアを表示するにはどうすればよいですか?訪問者がウェブサイトをスクロールしたときに、左側または右側に表示されるようなものです。

    Waiting for your reply :D

返信する

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