رفتن به مطلب
lvlr.ava

اضافه کردن کلاس یکی درمیان به پست ها

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

سلام وقت شما اساتید به خیر باشه

اما سوال بنده ....

من 2 تا کلاس دارم مثل class1 و class2 میخوام پستهام یکی در میان از این کلاسها استفاده کنند . پستهای فرد از کلاس 1 و پست های زوج از کلاس2

ممنون میشم راهنمایی کنید

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


لینک به ارسال

ساده ترین روش:

کد حلقه تون رو اینجوری اصلاح کنید


<?php
$x ='class1';
while(have_posts()) :
the_post();
?>
<div class="post <?php echo $x;?>">
...
</div>
<?php
if($x=='class1') {
$x='class2';
}
else {
$x='class1';
}
endwhile;?>

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


لینک به ارسال

باید با سی اس اس این کار رو انجام بدید

یه مثال براتون قرار دادم

باید بجای p آدرس div زیر رو قرار بدی که اولی فرد رو انتخاب میکنه دومی زوج ها رو.

<div class="post <?php echo $x;?>">
p:nth-child(odd) {
    background: #ff0000;
}

p:nth-child(even) {
    background: #0000ff;
}

مثال:

 div.class:nth-child(odd) {
    background: #ff0000;
}
  
div.class:nth-child(even) {
    background: #0000ff;
}
  
  
  

 

فقط آدرس div رو باید درست بدید

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

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


لینک به ارسال

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

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

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

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

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

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

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

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


  • مطالب مشابه

    • توسط Selno
      سلام یه سوال داشتم من قالبم بوت استرپی هست و الان به یه مشکلی خوردم برای مثال من navigation  پوسته م رو با بوت استرپ ساختم و توی اون برای li از کلاس nav-item و برای a ها از کلاس nav-link استفاده شده اما وفتی از تابع برای مثال wp_nav_menus استفاده میکنم توی اون فقط میشه کلاس ul هارو تغییر داد و کلاس های li و a رو نمیشه کاریش کرد از طرفی هم نمیشه که برم تو css بوت استرپم و اونا رو مچ کنم آیا راهی برای حل این مشکل هست ؟
×
×
  • اضافه کردن...