مشکل اسلایدر بوت استرپ در وردپرس

[rn o j t a b a 0]

دوستان کسی میدونه اسلایدر بوت استرپ رو چطور میشه با وردپرس هماهنگ کرد؟ طوری که آخرین پست ها رو نمایش بده؟

من یه همچین کدی نوشتم

		   <div id="myCarousel" class="carousel slide">
		    <?php
			  $my_query = new WP_Query('showposts=5');
			  $my_query->the_post();
			  $x=0;
			  $do_not_duplicate = $post->ID;
			  echo '<ol class="carousel-indicators">';
			  while ($my_query -> have_posts()) :
			  $my_query -> the_post();
	 echo '<li data-target=\"#myCarousel\"data-slide-to="'; echo $x; $x++; echo '"';if( $x=0 ){ echo'class=\"active\" ';  }echo'></li>';
			  endwhile ;
			  echo' </ol>';
		    ?>
				  <!-- Carousel items -->
				  <div class="carousel-inner">
    <?php $x=0; while ($my_query -> have_posts()) :
			  $my_query -> the_post(); ?>
				    <div <?php if($x=0){echo 'class="active item"';}else{echo'class="item"';} ?> ><img  src="" alt=""><?php the_post_thumbnail( array(1161,400) )?>
					    <div class="carousel-caption">
						  <h3><?php the_title(); ?></h3>
						  <p><?php the_excerpt();  ?></p>
					    </div>
				    </div> 
				 <?php endwhile; ?>
				  </div>
				  <!-- Carousel nav -->
				  <a class="carousel-control1 right" href="#myCarousel" data-slide="prev">‹</a>
				  <a class="carousel-control1 left" href="#myCarousel" data-slide="next">›</a>
				  <?php wp_reset_query(); ?>
			  </div>

منتها چنتا مشکل داره:

1- تصویر شاخص بریده نمیشه! در صورتی که سایز کوچکتر بزنم بریده میشه (منظورم crop هست)

2- بلافاصله بعد از لود صفحه اسلایدر نمایش داده نمیشه بعد از 10 11 ثانیه نمایش داده میشه

3- bullet ها به اندازه پست ها و تصاویر شاخص نمایش داده نمیشن یعنی دو تا اسلایدر هست و 1 bullet

کسی میدونه اشکال من کجاس

[perkas 0]

برای مشکل تصویر میتونی این کار رو بکنی :

1- با کد زیر چند نوع تصویر بند انگشتی تعریف میکنی ( تو فایل فانکشن )

add_theme_support('post-thumbnails');
if (function_exists('add_image_size')){
  add_image_size('firest-thumb',150.150,true);
  add_image_size('secound-thumb',400.300,true);
  add_image_size('third-thumb',125.125,true);
}

2- حالا تصویر رو به این صورت استفاده کن

<?php the_post_thumbnail('first-thumb'); ?>

اینجا من سایز first-thumb رو 150*150 انتخاب کردم

شما میتونی هر سایزی دوست داشتی بذاری

تو کد مرحله 2 اگه به جای first-thumb گزینه secound-thumb رو میذاشتم سایز تصویر میشد 400*300