【173日目】自作ブログ投稿フォーム:編集画面のデザインを整える-2
Posted: Last Update:
「記事の投稿ページを作成する」プロジェクト。今日は昨日に引き続きデザインに手を加えていきたいと思います。本文も部分的に呼び出せるようになったので、全体のバランスが見やすくなりました。
ここまでの成果
一大プロジェクト「記事の投稿ページを作成する」!今手打ちでタグとかも書いている入力を、フォームで簡単にできるようにするのが目標です。現在までにできているのが、大まかに次に四つです。
- フォームのデザインを整えた
- ページ左側のMenuからサイトを選ぶと、真ん中に記事一覧ページを表示させられるようになった
- 記事のクリックで編集ページに遷移できるようになった
- 編集ページに記事の一部を表示できるようになった
色々と表示できるようになったら操作性(みための使いやすさ)が気になりだしました。昨日は入力フォームのデザインを少し弄って、昨日の最後は下のスクリーンショットのようになっています。
デザインをもう少し調整してみる
悪くはないのですが、良くもないので、さらに手を加えていきます。
スタイルシートをいじって…。下のスクリーンショットのようになりました!多少は見やすくなっていると思います。
今日はここまで
ここで時間が来てしまいました!今日は全く進んでいない…。そういう日もあります!作業はまた明日にします。
作業内容を書き出しているリストです。いろいろありますね。少しずつこなしていきたいと思います!
- コードを自動で色分けして表示させたい
- リストはリスト形式で表示させたい
- 画像のPHPがループしないように設定し、現在のPHPから余分を取り除きたい
- 文章中のリンクをリンク表示させたい
- 文章中の装飾をそのまま表示したい(太字や赤字など)
