トップのアイキャッチが全部同じ・・・

質問

トップページにアイキャッチを表示させたいのですが、全部一番最新のアイキャッチ画像が表示されてしまいます。。。

どうすれば別々のアイキャッチを表示することができるのでしょうか？
URL : http://blackartcard.com/

<?php get_header(""); ?>

<!-- Contents -->
<div id="contents">
<!--
一行目

-->
<div class="top-blog">
<div class="top-blog-in">
<h3><a href="/?p=131">Love&Free</a></h3>
<div class="boxgrid captionfull">
<p><img src="http://blackartcard.com/wp/wp-content/uploads/2011/10/top-blog1.jpg" alt="" width="300" height="200" /></p>
<div class="cover boxcaption">
<p><a href="/?p=131">▶ READ MORE</a></p>
</div>
</div>
</div>

<div class="top-blog-in">
<h3><a href="?p=156">Somebody Walked</a></h3>
<div class="boxgrid captionfull">
<p><img src="http://blackartcard.com/wp/wp-content/uploads/2011/10/top-blog2.jpg" alt="" width="300" height="200" /></p>
<div class="cover boxcaption">
<p><a href="?p=156">▶ READ MORE</a></p>
</div>
</div>
</div>

<div class="top-blog-in">
<h3><a href="/?p=75">NewYorkCity / 2011</a></h3>
<div class="boxgrid captionfull">
<p><img src="http://blackartcard.com/wp/wp-content/uploads/2011/10/top-blog3.jpg" alt="" width="300" height="200" /></p>
<div class="cover boxcaption">
<p><a href="/?p=75">▶ READ MORE</p>
</div>
</div>
</div>

</div>
<br clear="all"><!--一行目 -->
<!--
二行目

-->
<div class="top-blog">
<div class="top-blog-in">
<h3><a href="?p=436">Im Here</a></h3>
<div class="boxgrid captionfull">
<p><img src="http://blackartcard.com/wp/wp-content/uploads/2011/10/top-blog4.jpg" alt="" width="300" height="200" /></p>
<div class="cover boxcaption">
<p><a href="?p=436">▶ READ MORE</a></p>
</div>
</div>
</div>

<div class="top-blog-in">
<h3><a href="#">COMEING SOON...</a></h3>
<div class="boxgrid captionfull">
<p><img src="http://blackartcard.com/wp/wp-content/uploads/2011/10/sample.jpg" alt="" width="300" height="200" /></p>
<div class="cover boxcaption">
<p><a href="#">▶ READ MORE</a></p>
</div>
</div>
</div>

<div class="top-blog-in">
<h3><a href="#">COMEING SOON...</a></h3>
<div class="boxgrid captionfull">
<p><img src="http://blackartcard.com/wp/wp-content/uploads/2011/10/sample.jpg" alt="" width="300" height="200" /></p>
<div class="cover boxcaption">
<p><a href="#">▶ READ MORE</a></p>
</div>
</div>
</div>

</div>
<br clear="all"><!--2行目 -->

<div class="top-info">
<h3>新着情報</h3>
<hr>
<div class="info-info">
<?php include_once(ABSPATH . WPINC . '/feed.php');
$rss = fetch_feed(array(
'http://blackartcard.com/?cat=4',
//RSSフィード1
));
if (!is_wp_error( $rss ) ) :
$rss->set_cache_duration(1800);
$rss->init();
$maxitems = $rss->get_item_quantity(5);
$rss_items = $rss->get_items(0, $maxitems);
date_default_timezone_set('Asia/Tokyo');
endif;
?>
<dl>
<?php if ($maxitems == 0) echo '<dt>No items.</dt

回答No.1

shimix · ベストアンサー

「アイキャッチ」と呼んでいるのがどの部分なのかわかりませんが、

>全部一番最新のアイキャッチ画像が表示されてしまいます。。。

という現象から推測すると「新着情報」の部分でしょうか？であれば、提示されたソースは一番大事な部分が抜けているように思います。

＃というか画像ファイル名が日本語って・・・

お礼

自分で解決できました。

補足

初心者でまだ勉強の身で・・・お恥ずかしい。勉強します。

残りのソースはコチラです。

<div class="top-info">
<h3>新着情報</h3>
<hr>
<div class="info-info">
<?php include_once(ABSPATH . WPINC . '/feed.php');
$rss = fetch_feed(array(
'http://blackartcard.com/?cat=4',
//RSSフィード1
));
if (!is_wp_error( $rss ) ) :
$rss->set_cache_duration(1800);
$rss->init();
$maxitems = $rss->get_item_quantity(5);
$rss_items = $rss->get_items(0, $maxitems);
date_default_timezone_set('Asia/Tokyo');
endif;
?>
<dl>
<?php if ($maxitems == 0) echo '<dt>No items.</dt>';
else
foreach ( $rss_items as $item ) : ?>
<dt>
<h2><?php echo $item->get_title(); ?><br /></h2>
<?php the_post_thumbnail('msize'); ?>
<?php echo $item->get_date("Y/n/j"); ?>　　
<a href='<?php echo $item->get_permalink(); ?>' target="_blank">続きを読む</a>
</dt>
<?php endforeach; ?>
</dl>
</div>
</div>
</div>
<!-- /#main -->

<?php get_footer(); ?>