【90日目】関連記事をおしゃれに表示させたい！-4
Posted: Last Update:
「関連記事の投稿をおしゃれに表示したい」という課題に取り掛かって4日目になりました。昨日までの作業でスタイルシートは完成したので、PHPで関連記事を呼び出す処理をしていきたいと思います。
昨日までの成果と今日やりたいこと
昨日までの作業で、下記スクリーンショットのような関連記事の箱が準備できました。
今日は、PHPでこの箱に入れる内容を呼び出す構文を作成していきたいと思います。
PHPを試しに作ってみる
計画としては、「<a id="bloglink" href="">」というような、id="bloglink"を持っているリンクがあった場合に、関連する記事の情報を呼び出すPHPを作っていきたいと思っています。
昨日テスト環境が整っていることを確認したので、早速試していきたいと思います。…functionとか使うのかな？試すと言いながら、しょっぱなからつまずいております…。
以前、pregmachというPHPの関数を使ったので、これを使いまわせそうです。とりあえず、思いつくままに書いてみる！
<?php
$linkset = '/<a id="bloglink" (.*?)>(.*?)<\/a>/i';
preg_match_all($linkset , $articlebody, $matches, PREG_SET_ORDER );
$i = 0;
foreach($matches as $link){
$linkset2 = '/<a id="bloglink" href="(.*?)">/';
preg_match($linkset2, $link, $link2);
require("$myurl/$link2");
$bloglink = preg_replace( '<a id="bloglink" (.*?)>(.*?)<\/a>/', '
<div id="bloglink">
<div id="bloglinkimg"><img src="$articleimage" alt="$articletitle"></div>
<div id="bloglinktext">
<b>$articletitle</b><br>
<p>$articledescription</p>
</div>
</div>
', $link[0]);
$articlebody = preg_replace( $linkset, $bloglink, $articlebody, 1);
}
?>
$linkset = '/<a id="bloglink" (.*?)>(.*?)<\/a>/i';
preg_match_all($linkset , $articlebody, $matches, PREG_SET_ORDER );
$i = 0;
foreach($matches as $link){
$linkset2 = '/<a id="bloglink" href="(.*?)">/';
preg_match($linkset2, $link, $link2);
require("$myurl/$link2");
$bloglink = preg_replace( '<a id="bloglink" (.*?)>(.*?)<\/a>/', '
<div id="bloglink">
<div id="bloglinkimg"><img src="$articleimage" alt="$articletitle"></div>
<div id="bloglinktext">
<b>$articletitle</b><br>
<p>$articledescription</p>
</div>
</div>
', $link[0]);
$articlebody = preg_replace( $linkset, $bloglink, $articlebody, 1);
}
?>
今日はここまで
まぁ、案の定エラーが出るのですが、時間切れになってしまいました。
「href=""」からどのように対象のファイル名を抜き出してくるのかが、まずは課題ですね。明日はじっくり調べてみたいと思います！では、また明日。
おまけのロードマップ
サイト作成がどのくらい進んでいるかロードマップで進捗を確認すると、ここまで進んでいます。
- 準備 - サイトの全体像を決める
- 使用するプログラミング言語を決めて環境を整える
- サイトの基本構造を作って公開する
- 収益化に最適なサイトにアップグレードする
- GoogleアドセンスとAmazonアソシエイトの申し込みをする ←完了！
- ローカルで簡単に入力ができるようにフォームを作る
- フォローアップ - より収益化に向いたサイト構造に変更する
記事をシェアする
亀の子に連絡
ランキング参加中！ぽちっとしてね
