今回のアップデートは、スマホでのヘッダー・フッター周りの機能追加が主な内容となります。
アップデート内容
- スマホヘッダーを画面上部に固定するかしないかを選択可能に
- スマホヘッダーメニューの項目をループするかしないかを選択可能に
- スマホ用のフッター固定メニュー機能を追加
- その他、PHPコードやCSSの微調整
目次
スマホヘッダーの固定設定の追加
これまでスマホ表示時のヘッダーは上部に固定されており、「固定しない」ように設定することができませんでしたが、自由に選択できるように変更いたしました。
設定は「カスタマイザー」>「ヘッダー設定」から変更可能です。
![カスタマイザー設定箇所](https://swell-theme.com/wp-content/uploads/2019/03/setting_head_fix.png)
スマホヘッダーメニューの項目ループ設定
スマホヘッダーメニューはこれまで自動でループされてどこまでも横にスクロール可能でしたが、項目が少ない場合には逆に見にくくなってしまっていました。
そこで、メニュー項目をループさせるかどうかを自由に選択できるように変更いたしました。
![ループなし](https://swell-theme.com/wp-content/uploads/2019/03/sp_head_nav_no_loop.jpg)
![ループあり](https://swell-theme.com/wp-content/uploads/2019/03/sp_head_nav_loop.jpg)
設定は「カスタマイザー」>「ヘッダー設定」から変更可能です。
![カスタマイザーの設定箇所](https://swell-theme.com/wp-content/uploads/2019/03/setting_menu_loop.png)
フッター固定メニュー機能
スマホ画面下部に固定表示されるフッターメニューの設定追加しました。
![](https://swell-theme.com/wp-content/uploads/2019/03/fix_bottom_menu.jpg)
詳しい設定方法については、以下の記事をご覧ください。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://swell-theme.com/wp-content/uploads/2019/03/thumb_fbm-300x169.png)
スマホ用の固定フッターメニューの設定方法
このページでは、スマホ画面下部に固定表示されるフッターメニューの使用方法・設定方法について紹介いたします。 以下、「固定フッターメニュー」とは、以下のオレンジ…