【155日目】自作ブログ投稿フォーム:ブログ編集ページにリード文を呼び出す
Posted: Last Update:
「記事の投稿ページを作成する」プロジェクト。編集ページのブログの基本情報部分のデザインを整え、ブログ本文部分もデザインを完了できました。今日からは、ブログの本文部分の読み込みに挑戦していきたいです！
ここまでの成果
今手打ちでタグとかも書いている入力を、フォームで簡単にできるようにするのが目標。一大プロジェクト「記事の投稿ページを作成する」！
ここまでの作業で完了したことは大きく次の4つです。
- フォームのデザインを整えた
- ページ左側のMenuからサイトを選ぶと、真ん中に記事一覧ページを表示させられるようになった
- 記事のクリックで編集ページに遷移できるようになった
- 編集ページに記事の一部を表示できるようになった
一昨日は、ヘッダーと左のメニューバーを固定して、編集部分をスクロールできるようにしました。今の入力フォームの外観はスクショの通りです。
今日やること
今日やりたいこと。記事の本文の「<p></p>」で囲まれている部分を読み込みたい！
早速作業していきましょう。まずは、導入部分を読み込むことに成功しました。導入は開発記事にしかないので「導入があれば」という条件付きで設定しました。
PHP、該当部分がこんな感じ。
<?php
if(isset($articleintro)){
$articleintro = str_replace("<p>", "" , $articleintro);
$articleintro = str_replace("</p>", "" , $articleintro);
echo'
<label for="description">導入（100～200文字）</label><br>
<textarea type="text" id="description00" name="description00" rows="4" cols="50">'.$articleintro.'</textarea><br>
';
}
?>
if(isset($articleintro)){
$articleintro = str_replace("<p>", "" , $articleintro);
$articleintro = str_replace("</p>", "" , $articleintro);
echo'
<label for="description">導入（100～200文字）</label><br>
<textarea type="text" id="description00" name="description00" rows="4" cols="50">'.$articleintro.'</textarea><br>
';
}
?>
今日はここまで
今日はここで時間が来てしまいました。いつもよりちょっと早いですが、ここまでにします！
基準文字数が書いてあるのに、何文字入力してるのか分からないのが気になりますね…。ちょっと予定を変更して明日は文字をカウントする機能をつけてみようかな？
では、また明日！
記事をシェアする
亀の子に連絡
ランキング参加中！ぽちっとしてね
