アカウント作成画面の見た目をちょっとまとめる

前回、リンクの紐付けが簡単にできたところで 今回はアカウント作成画面の見た目を見やすく・使いやすくする。

とりあえず、現状がこんな感じスクリーンショット 2017-07-29 13.35.10.png

んー・・。

ものっそ(物凄いの意味)プレーン。。

まぁ生成したまま何も触ってないから仕方ないか

 

んで、このページをどこで弄るか。

html形式をいじるのでまずはviewディレクトリを見る

Deviseのコマンドで生成したのでdeviseを見てみるスクリーンショット 2017-07-29 13.41.45.png

えっっ。。どれ・・・?(困惑)

ウチ「googleさん!こやつらが一体何なのかウチに教えたってください!(泣き声)」

googleさん「ちょい待って。一旦落ち着こ?な?」

googleさん「とりあえず上から順番に行くと。

confirmation=確認

mailer=メーラー

password=パスワード(これ教える必要ある・・?)

registration=登録

sessions=セッション

shared=共有

unlock=ロック解除

・・みたいやで」

ウチ「何個か意味わからんやつあったけど助かりました!あざーす!」

googleさん「いいえ〜(微笑)」『これでも意味わかってないんかよ・・。』

 

アカウント作成=登録ってことで「登録」の意味のragistrationを開くと editとnewから始まる2つのファイルがあるのを確認。 さすがにこれの意味はわかったのでnewの方のファイルを開く

スクリーンショット 2017-07-29 13.53.54.png

お、一行目に「Sign up」の文字が。

とりあえず前に作ったリンクページとかの欄(アカウント作成とか画像の上段にあったやつ)を 同じように登録画面にも表示させたいので indexのファイルから「navbar」のコードを持ってくる。

スクリーンショット 2017-07-29 14.03.00.png

ふっ、これでいいだろう(自己満)

よし、ブラウザで確認。

スクリーンショット 2017-07-29 14.03.50.png ファッ!?どこにもないやん!

スクリーンショット 2017-07-29 14.04.57.png

いや、あった(だいぶ焦って5分くらい探した)

原因を調べたらどうも文字色が白いから背景と同化してしまってるよう。。

 

んーこれは次回でなんとかしよう。(流石に長くなる)

ってことで次回!

ではー。

この記事をシェアする