رفتن به مطلب

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


پست های پیشنهاد شده

من قصد دارم از کد اسلایدر زیر که مربوط به سورس بوت استراپه برای نمایش آخرین پست های یه دسته خاص استفاده کنم.

به راحتی میشه یه با قرار دادن حلقه آخرین مطالب اینکار رو کرد اما من یه مشکل دارم.

برای نمایش اولین مطلب باید مورد اول کلاس active داشته باشه ،

درصورتی که کسی اطلاع داره راهنمایی کنه چطور تعیین کنم که مطلب اول کلاس active داشته باشه؟ مثلا با استفاده از یه دستور if یا هرچیزی که صلاح میدونید.

 

<div id="slider1" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#slider1" data-slide-to="0" class="active"></li>
    <li data-target="#slider1" data-slide-to="1"></li>
    <li data-target="#slider1" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
	  <img src="#" alt="...">
	  <div class="carousel-caption d-none d-md-block">
		<h5>دانلود کالکشن هابیت به طور کامل و با لینک مستقیم</h5>
	  </div>
	</div>
	<div class="carousel-item">
	  <img src="#" alt="...">
	  <div class="carousel-caption d-none d-md-block">
		<h5>دانلود کالکشن هابیت به طور کامل و با لینک مستقیم</h5>
	  </div>
	</div>
    <div class="carousel-item">
	  <img src="#" alt="...">
	  <div class="carousel-caption d-none d-md-block">
		<h5>دانلود کالکشن هابیت به طور کامل و با لینک مستقیم</h5>
	  </div>
	</div>
  </div>
  <a class="carousel-control-prev" href="#slider1" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#slider1" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

 

لینک به ارسال

هم میتونی برنامه بدی هم کد و استایل بدی

 

<?php $i=0 ?>
<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>
    <?php $i++ ?>
    <div class="post <?php if ($i == 1) echo 'first-post' ?>"></div>
<?php endwhile; ?><?php endif; ?>

 

 

 

 

لینک به ارسال

متاسفانه کد زیر رو قرار دادم اما نیاز بودن تاریخ هر پست هم نشون بده اما فقط تاریخ پست اول رو نشون میده ، دلیلش چی میتونه باشه؟

<?php $i=0 ?>
     <?php if (have_posts()) : ?><?php
        $my_query = new WP_Query('showposts=3&cat=1');
        while ($my_query->have_posts()):
        $my_query->the_post();
        $do_not_duplicate = $post->ID;?>
      <?php $i++ ?>
        <div class="carousel-item <?php if ($i == 1) echo 'active' ?>">
          <?php the_post_thumbnail( 'slider-1_image' ); ?>
              <div class="carousel-caption d-none d-md-block">
                <h5><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h5>
                   <p><i class="fas fa-clock"></i>  <?php the_date(); ?></p>
              </div>
        </div>
   <?php endwhile; ?><?php endif; ?>

 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...