前回の記事では、ヘッダービルダーでホーム画面の一番上の部分を変えてみました。同じ要領でフッターも変更することができるので、変えてみましょう!
目次
- フッタービルダーとは?
- 背景カラーを変えてみる。
- ヘッダーと同じメニューを表示してみる。
- まとめ
1.フッタービルダーとは?
ヘッダービルダーと同様に、コーディングなしで簡単にフッターを編集できる機能です。サンプルサイトのホーム画面を見てみると、サイト下部にこのようなエリアがありますよね。
ただ、この部分って固定ページの編集画面にはありません。
フッターはフッタービルダーで編集します。
フッタービルダーを利用すると、こんないいことがあります。
- すべてのページに、同じ内容が表示される。
- コーディングなしで簡単に作成できる。
- 各要素の配置の変更もドラッグ&ドロップで変更できる。
いろんなホームページを見ると、会社や団体の住所、電話番号や、簡単なメニューはここに表示されますよね。
2.背景カラーを変えてみる。
まずは簡単に色を変えてみます。
「外観」>「カスタマイズ」>「フッタービルダー」を選択します。
次に、プレビュー下部に表示されている3段組みの、真ん中行の歯車をクリックします。
左サイドバーの表示が変わったら、「DESIGN」タブ > 背景エリアを表示します。
右にある黒丸をクリックし、色を変更します。
これで色が変わったと思います!
3.ヘッダーと同じメニューを表示してみる。
ヘッダーに表示されているメニューをフッターにも表示してみます。
まずは、メニューの設定を変更します。
「外観」>「メニュー」をクリックします。
メニュー設定画面が開いたら、設定画面下部にある「メニュー設定」で、「フッターメニュー」にチェックを付けます。メニューを保存を忘れずに!
保存出来たら再びフッタービルダーに戻ります。
レイアウト編集部分で、「Footer Menu」を追加します。
(プラスボタンをクリック⇒Footer Menuクリックで追加されます)
すると、団体情報の上にメニューが表示されます。1.でやったものと同じ要領で色を変更してみた結果が下の画像です。
まとめ
ヘッダー、フッターともに非常に簡単に、しかもおしゃれな感じで設定できるのが非常に魅力的なテーマですね。レイアウト編集部分では3段組みで設定でき、今回は一部しか使いませんでしたがいろいろ試してみても面白いと思います。自分で作ったHTMLも追加できるので、特殊な文字や画像を追加するならそれを使用してもいいかもしれません。
様々な工夫の余地があり、面白いテーマですね!
デモサイト↓↓
Astraデモサイト
みなさまのホームページやイメージがよくなるお手伝いをいたします。
ヘッダー画像、バナー画像、ロゴ、WordPressデザインなどお気軽にご相談ください!
WordPressデザインサービスは以下から承っております。