・スライドメニューボタンを設置したい
・閉じるボタンをもっと大きくしたい
というご要望をいただき、とあるクライアント様（公開許可済み）にて、スマホ表示でフッター（下の方）に固定したボタンでも「スライドメニューを開閉するボタン」をサイトに実装しました。
今回はその方法についてご紹介します！
カスタマイズイメージ
こんな形になります。
動画にするとこんな形です。
実装のポイント
- Affinger5 カスタマイズ
- スマホ用スライドメニューを設置済み
- デフォルトのボタン以外で開く操作をしたい
- 閉じるボタンを拡大したい
設定方法
- スライドメニューを作成します。
- 固定フッターにボタンを設置します。画像／HTML／CSSの編集が必要です。
- 閉じるボタンのCSSを調整します。
- 動作を確認して問題なければOKです。
詳細はサイトによってまちまちなので、不明な部分は直接、聞いてください。
スキルシェアサービス「ココナラ」でご支援していますので、必要に応じてお声がけください。
その場合は下記リンクまで。ちなみにココナラが手数料が2割くらいかかる関係で、Twitterか直接お問い合わせフォームからご相談なら優先的に対応します。
お問い合わせフォーム
Twitterダイレクトメッセージ
GoogleアナリティクスGoogleタグマネージャ開発サポート | ココナラ
おまけ：このリンクから登録するとココナラの1000円分のプレゼントあります