福岡のWEBフリーランスFUGAのブログ記事をご覧いただき、誠にありがとうございます。「スマホで見た時に、Webページの下に固定されているメニューを作りたい!」という方向けに、固定メニューの作成方法をご紹介いたします。目次フッターにメニュー用のHTMLを記述するメニューをページ下部に固定するCSSを記述するタブレット・スマホのみ固定メニューを表示させるフッターにメニュー用のHTMLを記述するフッターのbodyタグ直前に下記のHTMLを記述します。</ul></div>フッター下部に追加したメニューが表示されていることを確認します。メニューをページ下部に固定するCSSを記述する次に、以下のCSSを追加して、メニューをページ下部に固定、横並びにしてスタイルを適用します。padding:20px;}ページ下部にメニューが固定されていることを確認します。タブレット・スマホのみ固定メニューを表示させる最後に、以下のCSSを追加して、タブレットとスマートフォンから見た場合にのみ固定メニューを表示させます。}}PCの画面サイズの場合には、固定メニューが表示されないことを確認します。ご参考になりましたら幸いです。記事に関してご不明な点がございましたら、FUGAまでお問い合わせくださいませ。WordPressのお困りごと解決、WordPressでのホームページ制作は、ぜひFUGAにお任せください^^WEBやWordPressのことでお困りでしたら、お気軽にお問い合わせください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。