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

سلام 

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

post1   post2 

post3   post4

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

<div class="container-fluid">
    <div class="row">
    <!-- start col for  post -->
    <div class="col-lg-8">
        <div class="row">
            
        <div class="col-lg-6 float-right">
            <h2>عنوان نوشته</h2>
            <hr>
            متن نوشته
        </div>
        <div class="col-lg-6 float-left">
            <h2>عنوان نوشته</h2>
            <hr>
            متن نوشته 
        </div>
            
        </div>
    </div>
    <!-- end col for  post -->
     <!-- start col for  sidebar -->
        <div class="col-lg-4">
            sidebar content
        </div>
        <!-- end col for  sidebar -->
    </div><!-- end row -->
</div><!-- end container   -->

تبدیل به وردپرس با حلقه : 

<body>
<div class="container-fluid">
    <div class="row">
    <!-- start col for  post -->
    <div class="col-lg-8">
           <?php if ( have_posts() ) : ?>
               
	     <?php
               while ( have_posts() ) : the_post(); 
        ?> 
        <div class="row">
            
        <div class="col-lg-6 float-right">
            <h2><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" ><?php the_title(); ?></a></h2>
            <hr>
                <?php the_excerpt(); ?>
        </div>
        <div class="col-lg-6 float-left">
            <h2><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" ><?php the_title(); ?></a></h2>
            <hr>
                <?php the_excerpt(); ?>
        </div>
            
        </div>
<?php endwhile; ?>
<?php endif; ?>
    </div>
    <!-- end col for  post -->
     <!-- start col for  sidebar -->
        <div class="col-lg-4">
            sidebar content
        </div>
        <!-- end col for  sidebar -->
    </div><!-- end row -->
</div><!-- end container   -->
</body>

حالا بجای اینکه در هر ستون پست های مجزا رو نمایش بده پست ها در ستون یا col بصورت تکراری هست ! 

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

 

0

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


لینک به پست

سلام دوست عزیز

همیشه کدی که میزنید رو یک بار تحلیل کنید ، در این کد شما یک حلقه درست کردید و دارید در این حلقه 2 بار :

            <h2><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" ><?php the_title(); ?></a></h2>

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

میتونید از دستور Offset استفاده کنید .

https://codex.wordpress.org/Template_Tags/get_posts

بهتون راه حل رو نشون دادم پس لطفاً نگین که کد بالا رو براتون درست کنم !!! خودتون دست به کار بشید تا همیشه این مورد رو بیاد داشته باشید .

در داخل همین انجمن هم جستجو کنید سوال های مشابه زیاد هستش .

موفق باشید

2

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


لینک به پست

سلام و درود

 

ضمن تشکر از جناب @وردپرس فارسی

کد شما به این شکل میشه:

<body>
<div class="container-fluid">
    <div class="row">
    <!-- start col for  post -->
    <div class="col-lg-8">
           <?php if ( have_posts() ) :
		   
				$i = 0;
		   ?>
               
	     <?php
               while ( have_posts() ) : the_post(); 
        ?> 
        <div class="row">
        <?php if($i % 2 == 0) { ?>
        <div class="col-lg-6 float-right">
            <h2><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" ><?php the_title(); ?></a></h2>
            <hr>
                <?php the_excerpt(); ?>
        </div>
		<?php } else { ?>
        <div class="col-lg-6 float-left">
            <h2><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" ><?php the_title(); ?></a></h2>
            <hr>
                <?php the_excerpt(); ?>
        </div>
        <?php } ?>
        </div>
<?php $i++; endwhile; ?>
<?php endif; ?>
    </div>
    <!-- end col for  post -->
     <!-- start col for  sidebar -->
        <div class="col-lg-4">
            sidebar content
        </div>
        <!-- end col for  sidebar -->
    </div><!-- end row -->
</div><!-- end container   -->
</body>

 

موفق باشید

1

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


لینک به پست

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

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

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

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


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

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

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


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