WordPressでnoteの記事をRSSで取得する際にnote記事内画像が出ない

Question

WordPressでトップページのindex.phpにnote（https://note.com/）の記事をRSSで取得し
一覧を出したいのですが、note記事内に掲載している画像が出せません。

現在、下記の状態となっており、タイトルや本文などの情報は下記で表示ができました。
noteの画像は出ず、画像がないときに表示されてほしいsample.pngが表示されている状態です。

              <?php
                include_once( ABSPATH . WPINC . '/feed.php' );
              $rss = fetch_feed( 'https://note.com/test/rss' ); 
              if ( !is_wp_error( $rss ) ) {
                $maxitems = $rss->get_item_quantity( 3 );
                $rss_items = $rss->get_items( 0, $maxitems );
              }
              ?>
              <?php if ( !empty( $maxitems ) ) : ?>
                <ul>
                  <?php if ($maxitems == 0) echo '<li>RSSデータがありません</li>';
                  else
                    foreach ( $rss_items as $item ) : ?>
                      <li>
                        <a href="<?php echo $item->get_permalink(); ?>">

                        <?php
                          $first_img = '';
                          if ( preg_match( '/<img.+?src=[\'"]([^\'"]+?)[\'"].*?>/msi', $item->get_content(), $matches ) ) {
                          $first_img = $matches[1];
                          }
                        ?>
                        <?php if ( !empty( $first_img ) ) : ?>
                          <p><img src="<?php echo esc_attr( $first_img ); ?>" alt=""></p>
                        <?php else : ?>
                          <p><img src="<?php echo esc_url ( get_template_directory_uri() ); ?>/images/sample.png" alt=""></p>
                        <?php endif; ?>

                        <div class="note__content">
                          <p class="note__date"><?php echo $item->get_date('Y.m.d'); ?></p>
                          <h3 class="note__title"><?php echo $item->get_title(); ?></h3>

                          <p><?php echo mb_substr(strip_tags($item->get_description()), 0, 100); ?> ...続きを読む
                          </p>
                          </div>
                          </a>
                        </li>

                      <?php endforeach; ?>
                    </ul>
                    <?php endif; ?>

新着3件と4件目～8件目まではスタイルを変えたり表示設定を変えたりするため、
function.phpではなくindex.phpに上記のように記載したいです。
RSSの表示を行うのが初めてで、様々なサイトを拝見しましたが下記の画像を出す部分の
何が原因で、どう改善すれば表示されるのか分からず、教えていただきけませんでしょうか。

<?php
   $first_img = '';
     if ( preg_match( '/<img.+?src=[\'"]([^\'"]+?)[\'"].*?>/msi', $item->get_content(), $matches ) ) {
       $first_img = $matches[1];
        }
?>
<?php if ( !empty( $first_img ) ) : ?>
  <p><img src="<?php echo esc_attr( $first_img ); ?>" alt=""></p>
     <?php else : ?>
     <p><img src="<?php echo esc_url ( get_template_directory_uri() ); ?>/images/sample.png" alt=""></p>
<?php endif; ?>

Comments

[kei344]

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。

Answer 1

noteの画像はこれで出るかも。

if ( isset( $item->data["child"]["http://search.yahoo.com/mrss/"]["thumbnail"][0]["data"] ) ) {
	$first_img = $item->data["child"]["http://search.yahoo.com/mrss/"]["thumbnail"][0]["data"];
}

Comments

[pondering]

kei344様、回答をいただきありがとうございます。
noteの画像出ました！

http://search.yahoo.com/mrss/　
MRSS フィードを今回初めて知りました。下記のページで
”Media RSS のネームスペースは、http://search.yahoo.com/mrss/ で定義されているので、xmlns:media=”http://search.yahoo.com/mrss/” という属性を加えるようにします。”
と記載があり、まずはこのあたりのキーワードから学習を進めたいと思います。
https://digipress.info/wordpress/tips/how-to-add-post-thumbnail-to-rss-feed/
ありがとうございました。