銀行振込サンクスメール

外出先から銀行振込に対応しやすいようにモバイル対応

2019年03月29日
昨日に続き、【銀行振込サンクスメール】の管理画面をレスポンシブ化(モバイル対応)しました。

銀行振込による商品代金支払への対応は全銀システムがからむため全自動化はほぼ不可能(できる銀行もある)ので、外出先からモバイル端末で応対する方が多くいらっしゃいます。
なのでレスポンシブ化しました。
【銀行振込サンクスメール】 中見版からご確認いただけます。

デザインの一部はcssから変更できますので、ご自分のイメージに合ったデザインにしていただけます。


各要素の色の変更や背景画像の設定もcssファイルから行うことができます。


cssの記述は基本モバイルファーストになっています。
ブレイクポイントは768pxに設定しています。
ブラウザサイズが768px以上の場合は、PCやタブレットと判断して左メニューを表示します。
767px以下の場合はスマートフォンと判断して左メニューは【メニュー】クリックでモーダル表示されるようになっています。リリースは【メニュー】という文字を表示してクリックするようにしていますが、ハンバーガーメニューなどに変更できます。もちろん色、枠も変更可能です。

ただし、tableタグはブレイクポイントは600px、PCファーストで書いています。
600px以上の場合は通常の表を表示します。
599px以下の場合は1カラム化しています。

ブレイクポイントは自身の端末の大きさに合わせて変更できます。操作しやすいと思われるポイントに変更してみてください。操作性が違ってくると思います。


【銀行振込サンクスメール】 中見版はあくまでも叩き台です。デザインはご自由にどうぞ。

htmlやcssはサポート対象外です。
どうしてもサポートがご入用な場合は、有料での対応なら可能かもしれません。
ご希望の方は【ネットビジネス便利ツール】のお問い合わせからご連絡ください。