前回の記事では、ヘッダービルダーでホーム画面の一番上の部分を変えてみました。同じ要領でフッターも変更することができるので、変えてみましょう!

目次

  1. フッタービルダーとは?
  2. 背景カラーを変えてみる。
  3. ヘッダーと同じメニューを表示してみる。
  4. まとめ

1.フッタービルダーとは?

ヘッダービルダーと同様に、コーディングなしで簡単にフッターを編集できる機能です。サンプルサイトのホーム画面を見てみると、サイト下部にこのようなエリアがありますよね。

フッター

ただ、この部分って固定ページの編集画面にはありません。

固定ページ編集画面。一番下にはフッター編集部分がない。

フッターはフッタービルダーで編集します。

フッタービルダーを利用すると、こんないいことがあります。

  • すべてのページに、同じ内容が表示される。
  • コーディングなしで簡単に作成できる。
  • 各要素の配置の変更もドラッグ&ドロップで変更できる。

いろんなホームページを見ると、会社や団体の住所、電話番号や、簡単なメニューはここに表示されますよね。

2.背景カラーを変えてみる。

まずは簡単に色を変えてみます。

「外観」>「カスタマイズ」>「フッタービルダー」を選択します。

フッタービルダー

次に、プレビュー下部に表示されている3段組みの、真ん中行の歯車をクリックします。

フッタービルダーレイアウト編集エリア

左サイドバーの表示が変わったら、「DESIGN」タブ > 背景エリアを表示します。
右にある黒丸をクリックし、色を変更します。

色を編集中

これで色が変わったと思います!

3.ヘッダーと同じメニューを表示してみる。

ヘッダーに表示されているメニューをフッターにも表示してみます。

まずは、メニューの設定を変更します。

「外観」>「メニュー」をクリックします。

メニュー設定画面が開いたら、設定画面下部にある「メニュー設定」で、「フッターメニュー」にチェックを付けます。メニューを保存を忘れずに!

メニュー編集画面

保存出来たら再びフッタービルダーに戻ります。

レイアウト編集部分で、「Footer Menu」を追加します。
(プラスボタンをクリック⇒Footer Menuクリックで追加されます)

レイアウト編集エリア。1段目の左にメニューを設定。

すると、団体情報の上にメニューが表示されます。1.でやったものと同じ要領で色を変更してみた結果が下の画像です。

フッターメニュー

まとめ

ヘッダー、フッターともに非常に簡単に、しかもおしゃれな感じで設定できるのが非常に魅力的なテーマですね。レイアウト編集部分では3段組みで設定でき、今回は一部しか使いませんでしたがいろいろ試してみても面白いと思います。自分で作ったHTMLも追加できるので、特殊な文字や画像を追加するならそれを使用してもいいかもしれません。

様々な工夫の余地があり、面白いテーマですね!

デモサイト↓↓
Astraデモサイト


みなさまのホームページやイメージがよくなるお手伝いをいたします。
ヘッダー画像、バナー画像、ロゴ、WordPressデザインなどお気軽にご相談ください!
WordPressデザインサービスは以下から承っております。

ワードプレスホームページを新規導入します テンプレート付き!!初めての導入、初心者の方にオススメ!!

関連記事

  • 関連記事
  • おすすめ記事
  • 特集記事
TOP