kamenokoki.com

【173日目】自作ブログ投稿フォーム:編集画面のデザインを整える-2

Posted:  Last Update:

「記事の投稿ページを作成する」プロジェクト。今日は昨日に引き続きデザインに手を加えていきたいと思います。本文も部分的に呼び出せるようになったので、全体のバランスが見やすくなりました。

ここまでの成果

一大プロジェクト「記事の投稿ページを作成する」!今手打ちでタグとかも書いている入力を、フォームで簡単にできるようにするのが目標です。現在までにできているのが、大まかに次に四つです。

  1. フォームのデザインを整えた
  2. ページ左側のMenuからサイトを選ぶと、真ん中に記事一覧ページを表示させられるようになった
  3. 記事のクリックで編集ページに遷移できるようになった
  4. 編集ページに記事の一部を表示できるようになった

色々と表示できるようになったら操作性(みための使いやすさ)が気になりだしました。昨日は入力フォームのデザインを少し弄って、昨日の最後は下のスクリーンショットのようになっています。

編集ページのデザインを変える

デザインをもう少し調整してみる

悪くはないのですが、良くもないので、さらに手を加えていきます。

スタイルシートをいじって…。下のスクリーンショットのようになりました!多少は見やすくなっていると思います。

デザインをもう少し調整してみる

今日はここまで

ここで時間が来てしまいました!今日は全く進んでいない…。そういう日もあります!作業はまた明日にします。

作業内容を書き出しているリストです。いろいろありますね。少しずつこなしていきたいと思います!

  • コードを自動で色分けして表示させたい
  • リストはリスト形式で表示させたい
  • 画像のPHPがループしないように設定し、現在のPHPから余分を取り除きたい
  • 文章中のリンクをリンク表示させたい
  • 文章中の装飾をそのまま表示したい(太字や赤字など)
記事をシェア / @kamenokoki
Tweet @kamenokoki

亀の子にコメント / 感想を送る
  DM

広告