رفتن به مطلب

استایل متفاوت برای پست ها در صفحه اصلی


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

سلام

دوستان چطور میتونم کاری کنم که که پست هام یکی در میون استایلشون باهم فرق کنه مثال

<div class="backred">post 1</div>
<div class="backblue">post 2</div>
<div class="backred">post 3</div>
<div class="backblue">post 4</div>
<div class="backred">post 5</div>
<div class="backblue">post 6</div>

امیدوارم منظورمو واضح رسونده باشم

لینک به ارسال

سلام

<?php
if(have_posts()): while(have_posts()): the_post();
if($post->ID%2==0){ ?>
<div class="backred">post 1</div>
<?php
} else { ?>
<div class="backblue">post 2</div>
<?php }
endwhile; endif; ?>

 

لینک به ارسال
در 1 ساعت قبل، SM-Mahdavi گفته است :

 

ممنون از پاسختون کدتون رو به اینصورت گذاشتم ولی متاسفانه نتیجه به این شکل شد

 

PHP

<?php
if(have_posts()): while(have_posts()): the_post();
if($post->ID%2==0){ ?>
<div class="postsa">
   
   <h2><a href="<?php the_permalink() ?>" target="_blank"><?php the_title(); ?></a><span style="font-size:10px;"><?php the_field ('release_date'); ?></span></h2>
   <?php the_excerpt(); ?>

</div>
<?php
} else { ?>
<div class="postsb">
   
   <h2><a href="<?php the_permalink() ?>" target="_blank"><?php the_title(); ?></a><span style="font-size:10px;"><?php the_field ('release_date'); ?></span></h2>
   <?php the_excerpt(); ?>

</div>
<?php }
endwhile; endif; ?>

CSS

.posts .postsb{
  background:#000;
}
.posts .postsa{
  background:#ff0000;
}

 

1231.jpg

لینک به ارسال

سلام

یه راهش اینه بگید پست های فرد، رنگ a بگیرند . پست های زوج، رنگ b

به این شکل:

.post :nth-child(even){
	background:green;
}
.post :nth-child(odd){
	background:blue;
}

البته بجای post. کلاسی که برای قسمت مطالب سایتتون استفاده شده رو بذارید.

اگه جواب نگرفتید آدرس آنلاین سایتتون رو بذارید.

ویرایش شده توسط Mohammad_E
لینک به ارسال

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

 

.posts:nth-last-of-type(odd) {background: green;}
.posts:nth-last-of-type(even) {background: yellowgreen;}

ویرایش شده توسط alam7o
لینک به ارسال

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

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

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

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

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

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

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

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

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