ヘッダーとフッターを二度とおろそかにするな! 90% ウェブサイトのプロフェッショナリズムはこのステップで失敗する!

ページをよりプロフェッショナルでブランディングされたものに見せるためには、ヘッダー(Header)とフッター(Footer)を無視してはならない。ヘッダーとフッターを設定する全プロセスは、コードを1ビットも使わずに行われます。この記事では、Astraテーマの組み込みカスタマイズツールを使って、あなたのウェブサイトのニーズを満たすヘッダーとフッターのレイアウトを簡単にデザインすることができます。

画像[1]-ヘッダーとフッターをおろそかにするな!90% ウェブサイトのプロフェッショナルは、このステップで失敗する!

I. なぜヘッダーとフッターをカスタマイズする必要があるのですか?

ヘッダーとフッターは、地味ではありますが、ウェブサイトのプロフェッショナリズムとユーザーエクスペリエンスを高める重要なポジションです:

  • ヘッダーはブランドの第一印象であり、ロゴ、メニュー、連絡先などを表示するためによく使われる;
  • フッターには通常、著作権情報、クイックリンク、ソーシャルアイコン、購読フォームなどが含まれている;
  • カスタマイズされた構造は、よりブランドのトーンに沿ったものであり、次のようなことに役立つ。 SEO とコンバージョン率の向上。

次に、アストラ独自の「カスタマイザー」を使って、ヘッダーとフッターを編集する(推奨方法)。

アストラは強力なビジュアルカスタマイザー最も重要なことは、大多数のユーザーに適しているということだ。

1.カスタマイザーを開く

入り込む ワードプレス バックステージ

順番にクリックする:外観 > カスタマイズ

画像[2]-ヘッダーとフッターをおろそかにするな!90% ウェブサイトのプロはこのステップで失敗する

2.カスタマイズされたヘッダー(ヘッダー)

カスタマイザーで"フッター「モジュール

3つのエリアが見られる:

  • サイトタイトル&ロゴ
  • 主要メニュー
  • ソーシャル
画像[3]-ヘッダーとフッターをおろそかにするな!90% ウェブサイトのプロはこのステップで失敗する

カスタマイズ可能なコンテンツ:

  • ロゴのアップロード
  • メインメニューの設定
  • ソーシャル・アイコンを追加する
画像[4]-ヘッダーとフッターをおろそかにするな!90% ウェブサイトのプロフェッショナルは、このステップで失敗する!

3.カスタムフッター(フッター)

クリック "フッター"モジュールをエディターに追加すると、Astraテーマの組み込みのフッタービルダー(フッタービルダー)。

モジュールは自由に追加してレイアウトすることができ、フッターは複数の編集可能な領域(行と列)に分割され、各列は1つまたは複数の要素に挿入することができます。

挿入可能なコンテンツは以下の通り:

  • 著作権情報(著作権)
  • 言語スイッチャー(言語スイッチャー)
  • ソーシャル・アイコン(ソーシャル)
  • ウィジェットエリア(ウィジェット1~4)
  • HTMLやテキストなどのカスタマイズ
画像[5]-ヘッダーとフッターをおろそかにするな!90% ウェブサイトのプロはこのステップで失敗する

実用的なコンテンツ:

  • ドラッグ&ドロップ・レイアウトシングル、ダブル、トリプルカラム構造の設定
画像[6]-ヘッダーとフッターをおろそかにするな!90% ウェブサイトのプロはこのステップで失敗する
  • レスポンシブレイアウトデスクトップ、タブレット、モバイルディスプレイへの適応
画像[7]-ヘッダーとフッターをおろそかにするな!90% ウェブサイトのプロはこのステップで失敗する

III.よくある質問

Q1: カスタマイザーで追加したメニューがクリックできない場合はどうすればいいですか?

Menusモジュールが正しいメニューに関連付けられていることを確認し(外観 > メニュー)、レスポンシブデザイン設定が有効になっていることを確認します。

Q2:フッターの表示は英語ですか?中国語に変更するには?

Astra いくつかのテンプレートはデフォルトで英語になっています。 ロコ翻訳 プラグイン翻訳。

Q3: モバイルでメニューが表示されない?

Astraの "Mobile Menu Styles "を有効にし、カスタマイザーを使って特定のレイアウト調整を行い、ボタンが適切なサイズ、色、間隔になるようにすることをお勧めします。

結論

ヘッダーとフッターは地味ですが、ウェブサイトのプロフェッショナルな雰囲気とユーザーエクスペリエンスを高める鍵です。使用方法 アストラ ロゴ、メニュー、ソーシャルアイコンなどを素早くセットアップできる自己完結型の機能により、統一された外観と機能を備えたプロフェッショナルなウェブサイト構造を作成できます。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はToastが執筆した。
終わり
好きなら応援してください。
クドス126 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし