kamenokoki.com

【169日目】自作ブログ投稿フォーム:投稿フォームの差タイルを変更

Posted:  Last Update:

「記事の投稿ページを作成する」プロジェクト。基本的なフォームの形ができ、本文も部分的に呼び出せるようになったのですが、操作性が低い!今日は小見出しのスタイルなどを変更して、もっと分かりやすくしていきたいと思います

ここまでの成果

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

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

11日から13日までは少しさぼってしまったので、昨日は何をしていたのか思い出すのに時間がかかってしまいました。で、操作性を上げようと頑張ってみたのですが、大してあがらなかった(笑)

今のページがこんな感じです。

直感的な見た目にしたい-2

デザインを変更していく

昨日研究したところによると、より本番サイトに近いスタイルの方が操作性が高いと分かりました。

操作性を高めるためには、まず小見出しを本番サイトに似せるのが良さそうです。さっそく作業をしてみましょう!

ついでに、文字数のカウントも入れてみました!

デザインを変更していく

ちょっとだけ見やすくなりましたね。

タイムアップ!

今日はここで時間切れです。今日もたいして進んでいないのですが、けっこう見やすくなったので満足!

前にいくつか読み込まなくてはいけない要素を書き出していました。まだあと3つあるので、明日から順番にここをやっていきたいと思います!

  • 記事のパラグラフを読み込むPHPを作成 ←完成
  • 見出しh2~4までを読み込むPHP ←完成
  • 記事内画像を読み込むPHP
  • 記事内のコードを読み込むPHP ←作成途中、コードを色分けして読み込みたい
  • 記事内のリンクを読み込むPHP

では、また明日!

記事をシェアする

亀の子に連絡

ランキング参加中!ぽちっとしてね

F2cランキングアイコン 人気ブログランキング ブログランキング・にほんブログ村へ

広告