kamenokoki.com

【170日目】自作ブログ投稿フォーム:既存記事のパーツをさらに呼び出す

Posted:  Last Update:

「記事の投稿ページを作成する」プロジェクト。基本的なフォームの形ができ、本文も部分的に呼び出せるようになりました。今日はさらに呼び出す要素を追加していきたいと思います!

ここまでの成果

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

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

昨日は操作性を高めるために、少しデザインを弄りました。また改善の余地はありますが、現状はこのようになっています。最初よりは見やすくなっているはず!

デザインを変更していく

記事内のリンクを読み込む

まずはやりたいことのおさらいです。下のようなリストを作っていました。リストを見ていたら、ラストを読み込むPHPを入れていないことに気が付いたので追加しました。

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

まずは手の付けやすそうなところから、記事内のリンクを読みだしてみたいと思います。

コードをいじって…、完成!スクショの上部、小見出しの真上です。URLとタイトルが分かるようになりました。そのうち自動でタイトルを入れられるようになりたいですね。

記事内のリンクを読み込む

記事内画像を読み込むPHP

では、次に行きましょう。画像が多い記事もあるので、画像からやろうかな?

こちらもさくさくっとコードを弄って…??うまくいきません…。なぜかツリーのようになってしまう…。

記事内画像を読み込むPHP

今現在のPHPがこのような感じ。最後の、画像を呼び出しているimgが悪さをしているのは分かるのですが、何が悪いのか分からないぞ??

記事内画像を読み込むPHP-PHP

ページのソースがこの通り、ループしてしまっているようですね…。何回も見に行ってしまっている…のか?

記事内画像を読み込むPHP-ページソース

今日はここまで

エラーのままで気持ち悪いですが、今日は時間が来てしまいました…。解決は明日に回したいと思います。無事にできるといいな…。

記事をシェアする

亀の子に連絡

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

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

広告