パソコンで右に、スマホで下にメニューを固定表示するカスタマイズ例

2022年7月5日(火)2025年10月6日(月) 対馬俊彦

対馬俊彦

パソコンでは画面の右または右下に、スマホやタブレットでは画面の下に固定表示するオリジナルメニューをカスタマイズ例のデモ用に制作しました。

アイコンと説明文を表示できて、フローティングバナー的な活用も可能となっています。

この投稿に実装してあり、実際の動きをご覧いただけます。

画面幅が大きいパソコンの場合

画面右に縦に並んで表示されます。

画面幅が小さいノートパソコンの場合

画面右に縦に並んで表示され、説明文が縦書きになります。

タブレット(横画面表示)の場合

画面右下に横に並んで表示されます。

タブレット(縦画面表示)の場合

画面下に全幅で表示されます。

スマホの場合

画面下に説明文なしでコンパクトに表示されます。

お客様側で自由にメニューの中味の差し替えができます

WordPress のメニューを表示する方式でカスタマイズしてありますので、下記のメニュー編集画面を開いて、お客様の側でかんたんにメニューの中味を書き換えていただけるようになっています。

カスタマイズ費用の目安

この記事で行っているカスタマイズをご希望される場合、まずカスタマイズのためのコード (PHP および CSS) をメールでお伝えします。

そして、お客様様の WordPress サイトの画面を Zoom で共有していただき、実際に操作しながらカスタマイズ手順を説明いたします。

概算費用は 16,500円(税込) です。

【内訳】
　カスタマイズのコード 11,000円
　Zoom サポート 5,500円 (1時間まで) *1

*1
1時間を超える場合は30分までごとに上記サポート料金の50%がかかります。このカスタマイズであれば1時間以内で対応できることがほとんどですが、お客様の WordPress サイトの状況等によっては時間が超過する場合があります。
カスタマイズされているサイトの場合、カスタマイズ済みの内容によっては作業時間が超過する場合があります。

WordPress / Lightning
のカスタマイズを承ります

ベクトル公式テクニカルパートナー
があなたをお手伝いします

弊社 (魚沼情報サービス) ではこのサイトで紹介しているようなカスタマイズのお仕事をお引き受けしています。
デザイン・仕様について、お客様のご要望に合わせてカスタマイズいたします。
無料で費用見積りいたしますので、お気軽にお問い合わせください。

ご依頼・お問い合わせはこちら

投稿者プロフィール

対馬俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー

【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。

メールでのお問い合わせはこちら