Wordpress

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

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

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

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

カスタマイズイメージ

こんな形になります。

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

実装のポイント

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

設定方法

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

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

スキルシェアサービス「ココナラ」でご支援していますので、必要に応じてお声がけください。
その場合は下記リンクまで。ちなみにココナラが手数料が2割くらいかかる関係で、Twitterか直接お問い合わせフォームからご相談なら優先的に対応します。

お問い合わせフォーム
Twitterダイレクトメッセージ
GoogleアナリティクスGoogleタグマネージャ開発サポート | ココナラ
おまけ:このリンクから登録するとココナラの1000円分のプレゼントあります

-Wordpress
-, , ,