×
  1. レスポンシブでスマホ表示時についてくるメニューについて
みんなのお仕事相談所
発注者からの相談
HTML・CSSコーディングの見積もり・相場に関する相談

レスポンシブでスマホ表示時についてくるメニューについて

回答
受付中
回答数
3
閲覧回数
4544
すぐ知りたい!  : すぐ知りたい!

ワードプレスでレスポンシブデザインのサイトがあります。

スマホ表示時にだけ

電話番号を画面の一番したに
追尾して表示させたいと思っています。

サイドについてくるメニューではなく、
スマホ画面の一番下に
いつでも大きく電話番号を表示させたいです。

参考サイト
http://熊本ネイルサロン.com/


上記サイトもレスポンシブですが
スマホで表示させると

(フローティングメニューというのでしょうか?)
がずっと追いかけて表示されます。


同様のものをワードプレスのレスポンシブサイトに組み込みたいのです

ボタンのデザインと
タグを書いて頂いて
どこに設定するのかを

指示していただいて
こちらでWPの更新したいと思っています。


実際にテストして
動きを確認して

うまくいくまで
何度か質問するかもしれませんが
最後まで面倒をみていただきたいと思っています。

ここまでの作業で
いくら位になりますか?

よろしくお願いします。

2014年07月06日 19:11
tamasallyさんからの回答

初めまして、デザイナーの玉田と申します。
こちら拝見させていたしましたところ、下記作業が必要になるかと思います。

・ボタンのデザインの作成・CSS実装
・wordpress側にスマートフォン端末で表示された場合のみ、
表示させる分岐処理の追加
・必要に応じてフッターボタン用のjsを実装

弊社では、サポートを含め¥6,000程度の作業見積もりになります。

もしよろしければ、ご検討のほどお願いいたします。

2014年07月07日 10:01
相談者コメント

玉田様

早速の返信有難うございます。
サポートも含めて予算内ですので、具体的に決定しましたら再度ご連絡させて
頂きたいと思います。

よろしくお願いします。


吉本

2014年07月07日 13:46
tamasallyさんからの回答

吉本様

ご連絡ありがとうございます。

こちらの旨、承知いたしました。
具体的に決まりましたら、是非よろしくお願いいたします。


玉田

2014年07月07日 14:25
相談者コメント

追加で質問させていただきます。

ついてくるボタンは
IOS、andoroid のどちらでも
追いかけて来ますか?

参考のサイトはIOSでは追いかけて来ましたが
andoroidでは追いかけて来なかったみたいです。

また電話発信は自分で以下の様に設置するつもりですが

<a href="tel:0312345678">電話はこちらへ</a>

制約条件などはありますか?

2014年07月07日 16:08
tamasallyさんからの回答

こちら返信させていただきます。

1)ついてくるボタンは
IOS、andoroid のどちらでも
追いかけて来ますか?

こちらjQueryのライブラリを使うことで可能になります。
※対象バージョン:iOS5以上、Android2.2以上になります。

・ただし、IOSとandoroidでは機能面で問題ない程度で、
多少表示・操作感覚が異なることがあるかもしれません。

・スマホのOSが古いものですと、多少動作にカクつき等があるかもしれません。

※これらは各スマホ端末とOSに依存するものなので、
ある程度の差異はご了承いただけると幸いです。

2)電話発信のタグについて
> <a href="tel:0312345678">電話はこちらへ</a>

こちらの形式で特には問題ないかと思います。(※数列の形式であること)
実際には「電話はこちらへ」の箇所に、ボタン画像等が入る等HTMLの作業が発生します。

どうぞよろしくお願いいたします。

2014年07月07日 17:17
相談者コメント

迅速なご対応ありがとうございます

的確かつ分かりやすくお返事いただけて
大変助かりました。

決定しましたらご連絡いたします。
よろしくお願いします。

2014年07月07日 19:46
ご意見箱

× 今後表示しない