WordPressでフッターを編集する方法に苦労していますか?
あなたのフッターは、あなたのサイトの下部に、通常はすべての単一のページに表示されるあなたのWordPressテーマの一部です。
フッターの編集は、いくつかのテーマが他のテーマとは異なることを行うため、難しい主題になる可能性があります。 つまり、あるテーマでフッターを編集する方法は、別のテーマで行う方法とまったく同じではない可能性があります。
ありがたいことに、今は多くの共通点があり、ほとんどのテーマが同様の方法を使い始めています。
この記事では、これらの方法を使用してWordPressのフッターを編集する方法を紹介します。
それだけでは不十分な場合は、さらに進んで、視覚的なドラッグアンドドロップエディタを使用して独自の100%カスタムフッターを作成する方法と、コードスニペットをフッターに挿入する方法を示すことで終わります。
以下をクリックすると、特定のセクションに直接ジャンプできます:
- WordPressのカスタマイザーを使用してフッターを編集する¶ほとんどのユーザーはここから始めるべきです
- Elementor page builderを使用して独自のカスタムフッターを作成
- フッターにコードスニペットを挿入
カスタマイザーを使用してWordPressのフッターを編集する方法
2021年には、ほとんどのテーマはネイティブWordPressを使用しています。機能は、フッターの編集など、テーマのカスタマイズを管理するためのカスタマイザと呼ばれます。
カスタマイザ内には、サイトのフッターを管理するいくつかの異なる方法があります:
- WordPressのウィジェット–多くのテーマは、あなたのフッターのウィジェット領域を作成します。 ウィジェットを編集または追加することで、フッターのコンテンツを編集できます。
- テーマ設定–多くのテーマは、フッターを制御するための独自のオプションを提供します。 これらは、通常、レイアウト設定に焦点を当てています。 たとえば、フッター列の数を選択し、ウィジェットを使用してそれらの列にコンテンツを追加することができます。
- WordPressのメニュー–一部のテーマは、フッターへのリンクを追加するためにWordPressの内蔵メニューシステムを使用しています。
テーマは、フッターを制御するために、これらのオプションのいずれか、二つ、または三つすべてを使用することができます。 私たちは、このセクションでは、それらのすべてがどのように動作するかを紹介します。
WordPressカスタマイザを開くには、WordPressダッシュボードの外観→カスタマイズに移動します。 右側にサイトのライブプレビューが表示され、左側に設定サイドバーが表示されます。
WordPressウィジェット
2021年以降、多くのWordPressテーマはWordPressの組み込みウィジェットシステムを使用してフッターの内容を制御しています。
これがテーマに適用されるかどうかを確認するには、サイドバーの設定でウィジェットオプションを選択します。 次に、テーマ内のウィジェットの場所のリストが表示されます。
テーマがフッターウィジェットをサポートしている場合は、フッターの場所のエントリが少なくとも一つ表示されます。 また、複数のフッターウィジェットの場所を表示するのも一般的です。 この場合、各ウィジェットの場所は通常、フッター内の共通を表します。
たとえば、Twenty Twentyテーマには、二つのフッターウィジェットの場所が含まれています。:
これらの領域のいずれかを選択した場合は、WordPressウィジェットを追加/削除/編集して、フッターのその部分のコンテンツを制御できます。 変更を加えると、フッターの更新のライブプレビューが自動的に表示されます:
あなたがより多くのウィジェットオプションを追加したい場合は、ウィジェットの新しいタイプを追加するには、WordPressのウィジェットプラグインを使
フッターがどのように見えるかに満足したら、サイドバーの上部にある公開ボタンをクリックして変更をライブにしてください。
テーマ設定
一部のテーマには、フッターをカスタマイズするための独自の特別なオプションが含まれています。 たとえば、無料のNeveテーマには、独自のカスタムフッターレイアウトを作成できる独自のドラッグアンドドロップフッタービルダーが含まれています。
これらの設定は、カスタマイザのサイドバーのテーマのオプション内のどこかに配置されます。 Neveを使用すると、フッターのオプションにアクセスするのは非常に簡単です–あなただけのトップレベルのフッターの選択を選択します。 ただし、他の多くのテーマでは、フッター設定が別のセクションのサブメニューに配置されます。
これらの設定をすばやく見つけるための良いトリックは、ライブプレビューのフッターの上にマウスを置くことです。 その後、青い鉛筆アイコンが表示されます–そのアイコンをクリックすると、フッターの設定に直接移動します:
そこから、あなたのフッターをカスタマイズするためにあなたのテーマの設定を使用することができます。 Neveを使用すると、あなたのフッターの正確なレイアウトを制御することができ、この本当にきちんとしたドラッグアンドドロップビルダ:
あなたのテーマはあなたに非常に柔軟なツールを与えないかもしれませんが、少なくともいくつかのオプションが必要です。
変更を加えると、フッターのライブプレビューが自動的に更新されます。
それがどのように見えるかに満足したら、公開ボタンをクリックしてください。
WordPressメニュー
WordPressテーマの中には、WordPressメニューシステムを使用してフッターメニューを作成するものがあります。 これにより、サイトのフッターに表示されるリンクを編集できますが、ウィジェットのようにカスタムコンテンツを追加することはできません。
テーマの構築方法によっては、フッターメニューを使用してフッターの一部だけを制御することができます。 または、あなたの主題に1つがないかもしれない。
テーマにこの機能があるかどうかを確認するには、WordPressカスタマイザのメニュー領域を開きます。 次に、すべての場所を表示するオプションを選択します:
テーマにフッターメニューがある場合は、”フッターメニュー”などの名前の場所が表示されるはずです。 サイトから既存のメニューを選択するか、リンクをクリックして新しいメニューを作成できます:
新しいメニューを作成すると、カスタマイザーにメニュー項目を追加できるようになります。 新しいコンテンツを追加すると、ライブプレビューの更新が自動的に表示されます:
完了したら、ボタンをクリックしてメニューを公開してください。
ドラッグアンドドロップでカスタムWordPressのフッターを作成する方法
WordPressでフッターを編集する方法を学ぶことはあなたのために十分ではない場合は、さらに一歩を踏み出すと、独自の完全にカスタムフッターを作成することができます。
心配しないで–特別な技術的知識やコードスキルは必要ありません。 代わりに、視覚的なドラッグアンドドロップエディタを使用して、サイトに最適なフッターを作成することができます。
レイアウトや色を完全に制御しながら、独自のテキスト、画像、フォーム、ボタン、ソーシャルメディアの統合などを追加することができます。
これを実現するには、二つの無料のプラグインを使用することができます:
- Elementor-この人気のあるページビルダーは、あなたの視覚的な、ドラッグアンドドロップ編集体験を提供します。 私たちのElementorのレビューで詳細を学びます。
- Elementor–ヘッダー、フッター&ブロックテンプレート–この無料のプラグインは、あなたのテーマのフッターを設計するためにElementorを使用することができます
開始するには、両方のプラグインをインストールしてアクティブにすることを確認してください。 次に、Elementorを使用してWordPressでフッターを編集する方法については、次の手順に従ってください…
フッターテンプレートを作成
両方のプラグインがアクティブになったら、WordPressのダッシュボードで外観→ヘッダーフッター&ブロックに移動します。 次に、”新規追加”をクリックして新しいテンプレートを作成します:
“テンプレートの種類”で、”フッター”を選択します。 次に、他の設定を使用して、フッターを表示する場所とフッターを表示するユーザーを制御できます。 サイトのすべてのページでこのフッターを使用するには、Webサイト全体に表示するオプションを選択します。
ルールに満足したら、ボタンをクリックしてブログ記事のように公開してください:
Elementorでコンテンツを追加
次に、elementorで大きな編集ボタンをクリックしてElementorインターフェイスを起動します。 今、あなたはあなたのフッターのすべての部分をカスタマイズするために、視覚的なドラッグアンドドロップエディタを使用することができます。
開始するには、使用する列の数を含むセクションを追加します:
次に、Elementorの多くのウィジェットを使用して、さまざまな種類のコンテンツを追加できます。 Elementor-Header,Footer&ブロックテンプレートプラグインは、専用の著作権ウィジェットなど、独自の便利なウィジェットを追加します:
あなたのデザインに満足したら、それを保存することを確認してください。 その後、それはあなたのサイトにライブになります。
Elementorの使い方の詳細については、これらの投稿をチェックしてください:
- Elementor review
- Elementorでランディングページを構築する方法(これはフッターの構築に固有のものではありませんが、Elementorインターフェイスの使用方法を教えています)
WordPressのフッターにカスタムコードを追加する方法
時には、あなたはそれが訪問者にどのように見えるかを変更するのではなく、あなたのWordPressのサイトのフッターにバックエンドコードを追加することをお勧めします。 一般的には、スクリプト、分析、A/Bテストツールなどを追跡するためにこのアプローチを使用します。 基本的には、あなたのサイトのフッターにいくつかのJavaScriptを追加する必要がある任意の状況。
子テーマを作成したり、フッターテンプレートを手動で編集したりすることなく、このコードを簡単に挿入するには、以下の無料のInsert Headers and Footersプラグインを使WordPress.org.
インストールして有効にすると、設定→ヘッダーとフッターを挿入し、WordPressのフッターに含めるスクリプトを追加することができます:
それはWordPressでフッターを編集する方法です!
要約すると、WordPressでフッターを編集するために使用できるいくつかの異なる方法を示しました。
ほとんどの人は、あなたのテーマは、その組み込みのフッターのカスタマイズオプションを持っている必要があります場所だとして、WordPressのカスタマイ
テーマに応じて、WordPressのウィジェット、ユニークなテーマ設定、および/またはWordPressのメニューシステムを使用することができます。
たとえば、私たちの無料のNeveテーマはまた、ウィジェットやメニューが組み込まれてWordPressのカスタマイザで独自のフッタービルダーが含まれています。
あなたのテーマがあなたのフッターを十分に制御できない場合、別のオプションは、人気のあるElementor page builderプラグインを使用して自分で構築することです。
最後に、フッターに何を含めるかについては、すべてのウェブサイトの三つの主要なフッター要素に関する記事をチェックしてください。