アメブロの更新情報の一覧表示
まずは実装サンプルを確認。お笑い芸人のナイツ塙さんのブログの更新リストです。
- 2024年03月27日 ふと思いまして。ありがとうございました。
- 2024年03月26日 オドーア
- 2024年03月25日 春休み
- 2024年03月24日 未来アクションフェス
- 2024年03月23日 山東餃子
PHPの記述
アメブロの更新情報の一覧表示を入れたい箇所に以下のソースを張り付け、適宜内容を修正する。
{php} //読み込みたいRSS FeedのURL $RSSpath = "https://ameblo.jp/knights-hanawa/rss20.xml"; $XML = simplexml_load_file($RSSpath); $return_html = "<ul class='listing'>"; $entry_date = ""; $i = 0; foreach($XML->channel->item as $entry) { if($i >= 5) { //表示したい件数 5件 break; }else{ $title = $entry->title; //【記事タイトル】 $entry_date = date('Y年m月d日', strtotime($entry->pubDate)); //【投稿日】 $link = $entry->link; //【記事リンク】 //出力する html $return_html.='<li>・<span>'. $entry_date.'</span> <a href="'.$link.'" target="_blank">'. $title.'</a></li>'; $i++; } } $return_html .= "</ul>"; echo $return_html; {/php}
HTMLファイルにPHPを呼び込む場合
PHPを別ファイルとして保存して、htmlにファイルをインクルードすることも可能です。
<script> $(function(){ $('#feed').load('/path-to-the-file/ameblo-load.php'); }); </script> <div id="feed"></div>