アメブロの更新情報の一覧表示

まずは実装サンプルを確認。お笑い芸人のナイツ塙さんのブログの更新リストです。

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>&nbsp;<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>