ユーザー用のログイン画面を作成するときに、ユーザーが離脱したり、迷子になってしまわないうにするためには、意外と考慮しなければなないことがたくさんあります。
- ログイン / 新規登録後に管理画面に入ってしまってはダメ
- ログインとサインアップ(新規登録)は、タブ等で切り替えられるのが望ましい
- スマホ利用を考えると、ログイン / 新規登録はポップアップが望ましい
- ユーザーが何かのアクションを起こそうとしたときに「それをするにはログインして…」とするには、ログイン / 新規登録後にはページの再読み込みが望ましい
このような条件が考えられるわけですが…
いくつかのプラグインなどを駆使してで施策してみたところ、いろいろなケースで引っかかってしまいました
- 入力エラーがあってもポップアップが閉じてしまい、再度開くまでエラーがあったことに気づかない
- ログイン / 新規登録の切り替えがポップアップ内でできない(ultimate member プラグインの切り替えだと、別ページを読み込んでしまう)
- 入力エラーがあった場合にもデフォルトのタブ表示に戻されていまう
- 新規登録後再読み込みの指定ができない(指定URLかマイページに遷移してしまう)
※元ページのURLを指定すれば良いのですが、様々なページからログインポップアップを呼び出される場合に、複数の予備だと元ページを動的に指定できない(Javascriptなどを組めばできるのですが面倒くさいww)