itreza7

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

4 پست در این موضوع قرار دارد

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

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

برای نمایش اولین مطلب باید مورد اول کلاس 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>

 

0

به اشتراک گذاری این پست


لینک به پست

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

 

<?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; ?>

 

 

 

 

1

به اشتراک گذاری این پست


لینک به پست

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

<?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; ?>

 

0

به اشتراک گذاری این پست


لینک به پست

از کد زیر استفاده کردم مشکل حل شده !!!

<?php the_time('Y-m-d') ?>

 

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری