kamenokoki.com

【149日目】投稿フォームに記事を呼び出せるようにする-5

Posted:  Last Update:

「記事の投稿ページを作成する」プロジェクト。昨日はリンクから記事のファイルパスを呼び出せるようになりました。今日は、記事の日付やタイトル、画像などを表示できるようにして行きたいです!

ここまでの成果

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

昨日までの作業で、フォームのメニュー(左側)で選択したサイト名などに従ってURLを作成、画面中央に記事のファイルパスを出力できるようになりました。

ページに記事を入れ込んでいく

各ファイルからタイトルなどを出力する

さて、今日の作業です。今現在表示している「ファイルパス」では何が書いてある記事なのか分かりません。今日の目標は、記事の内容を表示させること。

リンクのイメージは既にあります。というか、もう使い回すだけ!このサイトで使っている「関連記事」のスタイルシートを使ってしまいましょう!イメージはこれです。↓

リンクイメージ

早速作業。

画像がうまく入らない、という難関を乗り越えながら、なんとか完成!こんな画面になりました!

各ファイルからタイトルなどを出力する

PHPはこんな感じです。記事が新しい順番に並べ直すなどの作業もしました。画像が呼び出せないのは、自分のサーバーではなく、他のサーバーの画像を呼び出す必要があったので、サーバー名の操作で回避しました。

<?php
$targetdir = str_replace("Form", $site, $mypath);
$files = array();
array_push($files, glob("$targetdir/$category/*.txt"));
foreach($files as $file){
foreach ($file as $value){
$filepath[filemtime($value)][] = $value;
}
}
krsort($filepath);

foreach($filepath as $filenum){
require ($filenum[0]);
$image = str_replace($myurl, $kameurl , $articletimg);
echo '
<div id="bloglink">
<h5>関連記事</h5>
<div id="bloglinkimg"><img src="'
.$image .'"></div> <div id="bloglinktext">
'
.$articletitle.'<br>
<p id="hidewithsp">'
.$articledescription.'</p>
</div>
</div>
'
;
}
?>

今日はここまで

はい、ここで時間切れ!

視覚的に大きく変わったので、今日は大満足です!まだデザインができただけで、クリックしても何も起きないんですけどね…!「関連記事」と入ってしまっている所も、何とかしないといけません。

明日は、ここにリンクを入れて、ページ遷移ができるようにしていきたいです!では、また明日!

記事をシェアする

亀の子に連絡

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

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

広告