wordpressにAmebloアメブロの新着記事一覧表示をするためのコード

wordpressでブログは当然書けるんですが、amebloをずっとやっていたからアメブロの新着情報を表示させたいという人も結構います。
そんな時に、wordpressのトップページに指定している固定ページなどに、アメブロの新着情報を表示させるコードを紹介します！

下のコードのアメブロのIDの部分を、ご自分のIDに変更して、固定ページなどのphpファイルの表示させたい箇所に記述するだけでOKです！
あとは、CSSなどで表示をご自分好みにカスタマイズしてください！

<!-- ameblo新着情報読み込み -->
<div id="ameblo1020">

<h2>ブログ</h2>

<ul id="amebloWAKU">


<?php
include_once(ABSPATH . WPINC . '/feed.php');
$rss = fetch_feed('https://ameblo.jp/アメブロID/rss20.xml'); // ここに埋め込みたいアメブロのURLを入れる
if (!is_wp_error($rss)) {
  $maxitems = $rss->get_item_quantity(4); //何件記事を表示するか
  $rss_items = $rss->get_items(0, $maxitems);
}
?>
<?php if (!empty($maxitems)) : ?>
  <?php if ($maxitems == 0) : ?>
    <p>RSSデータがありませんでした</p>
  <?php else : ?>
    <!-- ループ処理 -->
    <?php foreach ($rss_items as $item) : ?>
    
    
      <li class="ameblo_box">
        <!-- 最初の画像を取得 -->
        <?php
              $first_img = '';
              if (preg_match(
                '/<img.+?src=[\'"]([^\'"]+?)[\'"].*?>/msi',
                $item->get_content(),
                $matches
              )) {
                $first_img = $matches[1];
              }
              ?>
        <?php if (!empty($first_img)) : ?>
        <div class="amabloImg"><a href="<?php echo $item->get_permalink(); ?>" target="_blank"><img src="<?php echo esc_attr($first_img); ?>" alt="" /></a></div>
        <?php endif; ?>
        <p class="amebloDate"><?php echo $item->get_date('Y.m.d'); ?></p>
        <p class="amebloTit"><a href="<?php echo $item->get_permalink(); ?>" target="_blank"><?php echo $item->get_title(); ?></a></p>
      </li>
      
      
    <?php endforeach; ?>
  <?php endif; ?>
<?php endif; ?>

</ul><!-- amebloWAKU -->

<div id="topamebloallBtn"><a href="https://ameblo.jp/asahiken31/entrylist.html" target="_blank">一覧を見る</a></div>

</div><!-- ameblo1020 -->
<!-- ameblo新着情報読み込み -->

参考サイト

【簡単】アメブロ記事一覧をサイトに埋め込む方法