Slider bu sitedeki gibi

Sliderı bu siteden hazır yapılı olarak indirdim temam için kendim uyarlıyorum

Belirlediğim kategoriden öne çıkan görselle birlikte kısa yazı içeriğinin geldiği slider

İlk görsel ve yazı kısaltmasında sorun yok fakat sonraki slidera geçince resim gözükmüyor

<?php endwhile;wp_reset_query() ?>
<?php endif; ?> kodunu tam şablona ekleyemedim bu yüzden <?php the_post_thumbnail('resim-buyuk'); ?> kodunu sonraki slidera işlemiyor.

İkinci sorum ise;

<div class="slide_resim">
<div class="slider_icerik">
<?php endwhile;wp_reset_query() ?>
<?php endif; ?>
</div>

div tagleri içine aldığım için yazı olmasada boş slide göstermekte ilk soruyla sanırım buda çözülecektir

<!-- Slider -->
<div id="slider" >
<div class="slider">
<div id="slider1_container" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 980px; height: 550px; background: transparent;">
<div u="slides" style="cursor: move; position: absolute; left: 0px; margin-top: 30px; width: 980px; height: 400px; overflow: hidden;">
<div>
							
<div class="slide_resim">
<?php the_post_thumbnail('resim-buyuk');  ?>
</div>
<div class="slider_icerik">
<?php if (have_posts()) : ?> 
<?php $usluer = new WP_Query("cat=2&showposts=10"); while($usluer->have_posts()) : $usluer->the_post();?> 
<h2><?php the_title(); ?></h2>
<span>
<ul><?php the_content();?></ul>
</span>

<div class="clear"></div>
<a class="buton incele" href="<?php the_permalink() ?>">İncele</a>
</div></div>
                    					
<div class="slide_resim">	
<div class="slider_icerik">
<?php endwhile;wp_reset_query() ?>
<?php endif; ?>
</div>
						</div>
                    					</div>
	                <!-- Arrow Left -->
                <span u="arrowleft" class="jssora07l" style="width: 50px; height: 50px; left: 0px;"></span>
                <!-- Arrow Right -->
                <span u="arrowright" class="jssora07r" style="width: 50px; height: 50px; right: 0px"></span>
			</div>
		</div>
	</div>
	<!-- Slider sonu -->