【Affinger5 カスタマイズ】スマホ用スライドメニューを デフォルトのボタン以外で開く 閉じるボタンを拡大

・スライドメニューボタンを設置したい
・閉じるボタンをもっと大きくしたい

というご要望をいただき、とあるクライアント様(公開許可済み)にて、スマホ表示でフッター(下の方)に固定したボタンでも「スライドメニューを開閉するボタン」をサイトに実装しました。

今回はその方法についてご紹介します!

カスタマイズイメージ

こんな形になります。

動画にするとこんな形です。

実装のポイント

  • Affinger5 カスタマイズ
  • スマホ用スライドメニューを設置済み
  • デフォルトのボタン以外で開く操作をしたい
  • 閉じるボタンを拡大したい

設定方法

  1. スライドメニューを作成します。
  2. 固定フッターにボタンを設置します。画像/HTML/CSSの編集が必要です。
  3. 閉じるボタンのCSSを調整します。
  4. 動作を確認して問題なければOKです。

詳細はサイトによってまちまちなので、不明な部分は直接、聞いてください。

お手伝いサービス「ココナラ」でお手伝いしていますので、必要でしたらお声がけください。
その場合は下記リンクまで。直接、お問い合わせフォームからご相談なら優先的に対応します。

お問い合わせフォーム
Googleアナリティクス/Googleタグマネージャお手伝い | ココナラ

この記事を読んだ人にオススメ