Diviテーマフッターを編集するためのステップバイステップのガイドラインとビデオチュートリアル

公開: 2022-02-07

最高のユーザーエクスペリエンスのためにDiviテーマフッターを編集する方法を学びたいですか？適切な場所にアクセスして、Diviページビルダーを使用してフッターをカスタマイズする手順を確認しました。

理解しやすいように、ビデオチュートリアルも追加しました。設定オプションやデザインを簡単に確認できるようになることを願っています。

WordPressをインストールすると、Webページの下部にデフォルトのテキスト「 ProudlyPowered by WordPress 」が表示されます。そうです、それはそのプロフェッショナルな外観に影響を与えます。

さらに、一部の人々、特に最初のWebサイトを開発している人々は、Webサイトのフッター部分をカスタマイズするのが難しいと感じるかもしれません。あなたはその一人ですか？

上手！ Diviテーマを使用すると、フッターを簡単にカスタマイズできます。 Diviテーマを使用していて、フッターセクションをカスタマイズする方法がわからない場合は、この記事が役に立ちます。

最大の収益を得るためにDiviWebサイトのフッターをカスタマイズする方法を説明します。私はあなたが独占オファーを通して最高のDivi割引を10％獲得したと思います、私たちも同じことをしました。

詳細なガイドラインを開始する前に、ビジネスWebサイトのフッターをカスタマイズすることの重要性について説明します。

ウェブサイトのフッターを設計する利点

カスタマイズされたフッターを持つことには多くの利点がありますが、これらは無視できないトップ7です！

1.ロゴとブランド画像を追加します

トップナビゲーションと同じように、フッターナビゲーションでブランドイメージを使用しますか？次に、ページの最後に、フッターを通じてブランド認知度を高めるためにロゴを追加する絶好の機会があります。

2.著作権記号

ウェブサイトを著作権侵害から保護するために、事業開始年の著作権記号をフッターに含めることができます。

3.目に見える連絡先情報

フッターには通常、会社の詳細、連絡先情報、ソーシャルメディアの投稿リンク、関連コンテンツなどの重要な情報が含まれています。ユーザーは、そのような情報を検索するためにフッターを下にスクロールできます。フッターには、残りのコンテンツには含まれていない追加情報を含めることもできます。

4.効果的なサイトナビゲーション

フッターは、訪問者に製品のオファーを提供するための優れた方法です。フッターリンクは、Webサイトへのメインナビゲーションの強力な拡張機能として機能します。これは、訪問者がサイトをナビゲートし、各サービスエリアについて詳しく知るのに役立ちます。

5.会社の詳細を強調表示する

フッターは、ページ、キャリア、イベント、レビュー、製品リストやカテゴリ、および関連するビジネス情報などの会社情報を強調するのに最適な場所です。

6.ソーシャルプレゼンスを高める

ほとんどのWebサイトのフッターにはソーシャルアイコンが含まれており、ソーシャルエンゲージメントを高めるのに役立ちます。そのため、フッターはeコマースWebサイトのデザインにとって理想的な方法になりつつあります。それはあなたが確立されたブランドであることの社会的証明として機能します。

7.ビスタをサポートする

訪問者が特定の製品の購入中または購入後に疑問や質問がある場合、訪問者はしばしばあなたのフッターを使用します。したがって、連絡先情報以外にヘルプセンターやその他のオンラインヘルプなどの他のサポートソースがある場合は、そのリンクをフッターに含めることができます。

Diviテーマフッターを編集するためのステップバイステップの説明

ステップ1： Divi Footerで変更を加えるには、 WordPressダッシュボード>外観>カスタマイズまたはダッシュボード> Divi>テーマカスタマイザーに移動するか、フロントエンドのトップメニューから「テーマカスタマイザー」に直接移動することもできます。これらすべての設定により、インストールされているDiviテーマをカスタマイズできます。

まず、Diviフッターの著作権セクションを設定します。

ステップ2 ：フッター設定に移動>5つのセクションが表示されます>ボトムバー

次に、[フッタークレジットの編集]セクションにテキストを書き留めます。サイトの下部に自動的に表示されます。一番いいのは、簡単にカスタマイズできることです

背景色
フォントの色
フォントスタイル
フォントサイズ
ソーシャルメディアアイコン

ボトムバーのデザインが完了したら、[公開]をクリックします

ステップ3 ：ボトムバーを終了したら、[レイアウト]セクションにアクセスして、1列、2列、または最大4つの任意の数（5つの異なるスタイルが利用可能）などのレイアウトの「 N 」数を選択します。

ウィジェットを追加できます。 3つの列を選択したとすると、これらの3つの列にウィジェットを追加できます。

ステップ4 ：「ウィジェット」セクションに移動して、最新の投稿、カテゴリ、画像、テキストなど、利用可能なウィジェットの要素をフッター領域に追加します。

フッター領域に好みのブロックを追加したら、「公開」ボタンをクリックすることを忘れないでください。

このウィジェットセクションは、ウィジェットの表示方法を制御します。ここでは、個々のテキストのサイズと高さ、ヘッダーと本文のフォントスタイル、テキストの色、本文/リンクのテキストのサイズと行の高さ、ウィジェットのテキストとリンクの色などを簡単にカスタマイズできます。

また、フッターセクションの背景色を変更したい場合は、ここで行うことができます。

ステップ5：フッター要素セクションを使用して、ソーシャルメディアアイコンの表示を制御できます。要件に応じて、アイコンを表示したり非表示にしたりすることもできます。

また、[フッターメニュー]セクションでは、ウィジェットとフッターバーの間にメニューを配置できます。

背景色、テキストの色、文字の間隔、フォントスタイル、サイズを編集できます。以下のスクリーンショットで設定を確認できます。好みの設定をカスタマイズしたら、「公開」をクリックしてデザインの変更を保存します。

これで、Diviテーマフッターの編集に成功しました。私が説明したことと設定を明確にしていただければ幸いです。

Diviテーマフッターを編集するためのビデオチュートリアル

ライブ編集でテーマ設定を明確に確認する必要がある場合は、ビデオチュートリアルを見て、Diviテーマフッターを変更することをお忘れなく。

その他のDiviテーマチュートリアル

Diviテーマでサイドバーを削除する方法は？

Diviテーマでロゴを変更する方法は？

まとめ

ウェブサイトのフッターは、ウェブデザインの最も無視されている要素です。ただし、適切に設計されたWebサイトを使用すると、UXを改善し、Webサイトでのエンゲージメントを高めることが容易になると思います。

フッターを無視することにした場合、ユーザーエンゲージメントの絶好の機会を逃していることになります。インターネット上の多くのウェブサイトにはフッターがありません。しかし、ユーザーがアクセスしやすく、信頼関係を築くのに役立つため、サイトにそれがあるのは素晴らしいことです。

うまくいけば、Diviテーマフッターを編集する方法についてのあなたの質問に答えることができました。他に質問はありますか？コメントで教えてください。私はDiviページビルダーを使用してクライアントサイトを設計しているので、スムーズに作業を進めることができます。