ヘッダー・フッター作成
それではサイトに必要なヘッダー・フッターを作っていきましょう。
このようにサイト上部にメニューを表示させる方法です。
![](https://saku39log.com/wp-content/uploads/2024/03/image-22.png)
管理画面>外観>メニュー>メニューを編集タブ>新しいメニューを作成しましょう>メニュー名(任意の名前をつける/グローバルナビなど)>グローバルナビにチェック>メニュー作成を押下
![](https://saku39log.com/wp-content/uploads/2024/03/image-23-1024x525.png)
メニュー項目を追加>すべて表示タブ>ヘッダーに表示させたいメニューをチェック>メニューに追加を押下>メニュー一覧が表示されるので、表示させたい順番に入れ替えて>メニューを保存押下
![](https://saku39log.com/wp-content/uploads/2024/03/image-24-1024x705.png)
これでヘッダーメニュー(グローバルナビ)は完成です。
次にヘッダー用のロゴを入れます。
カスタマイズ>ヘッダー>ヘッダーロゴの設定>画像を選択でロゴ画像を選択
![](https://saku39log.com/wp-content/uploads/2024/03/image-28.png)
あと初期にはヘッダーバーというバーが上部に表示されているので、これを消しときましょう。
![](https://saku39log.com/wp-content/uploads/2024/03/image-26-1024x56.png)
カスタマイズ>ヘッダー>ヘッダーバー設定>表示設定のチェックをすべて外す
![](https://saku39log.com/wp-content/uploads/2024/03/image-27.png)
お疲れ様でした!ヘッダーについては完成です。
フッターも作成していきましょう。
今回作成した完成形はこちら。
![](https://saku39log.com/wp-content/uploads/2024/03/image-29-1024x461.png)
➁のヘッダーメニューと同じ要領でフッターメニューを作成します。
![](https://saku39log.com/wp-content/uploads/2024/03/image-31-1024x600.png)
ここでフッターにチェックをいれれば下記のような一番簡易なフッターは作成できます。
![](https://saku39log.com/wp-content/uploads/2024/03/image-30.png)
今回はチェックをいれずにメニューを保存してください。
管理画面>外観>ウィジェット>フッター(PC)1に左の利用できるウィジェットから「画像」「テキスト」「SNSリンク」「ナビゲーションメニュー」を持ってきます。
- 「画像」⇒会社のロゴ
- 「テキスト」⇒会社名・住所
- 「SNSリンク」⇒リンクさせたいSNS
- 「ナビゲーションメニュー」⇒⑤で作成したフッターメニュー
![](https://saku39log.com/wp-content/uploads/2024/03/image-32-1024x505.png)
管理画面>外観>ウィジェット>フッター(PC)2にはFacebook表示用のコードをいれたいので、左の利用できるウィジェットから「カスタムHTML」をもってきてここにコードを入れます。
お疲れ様でした!これでフッターも完成です。
まとめ
お疲れ様でした!フッターは(PC)3まで使用すれば3列にすることもできますので、好きなデザインにして色々調整してください。
![](https://saku39log.com/wp-content/uploads/2024/03/3e82518db10b0b7ec0b3d02389c5d736-300x169.png)