アメブロの更新情報の一覧表示
まずは実装サンプルを確認。お笑い芸人のナイツ塙さんのブログの更新リストです。
- 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>