loading...
ناب اسکریپت
admin بازدید : 668 چهارشنبه 16 مرداد 1392 نظرات (0)

شاید شما نیز بخواهید که نوشته جدید خود را را در لوپ صفحه اصلی، برگه آرشیو و یا برگه جستجو با استایل متفاوتی به نمایش بگذارید. انجام این عمل با استفاده از یک کلاس سی اس اس مخصوص و یک کد php ساده قابل پیاده سازی می باشد.

از یک لوپ معمولی برای خروجی دادن نوشته هایمان استفاده می کنیم:

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<div>
...
</div>

<?php endwhile; ?>
<?php endif; ?>

شاید شما نیز بخواهید که نوشته  جدید خود را را در لوپ صفحه اصلی، برگه آرشیو و یا برگه جستجو با استایل متفاوتی به نمایش بگذارید. انجام این عمل با استفاده از یک کلاس سی اس اس مخصوص و یک کد php ساده قابل پیاده سازی می باشد.

از یک لوپ معمولی برای خروجی دادن نوشته هایمان استفاده می کنیم:

به منظور این که استایل نوشته اول را تغییر دهیم، می بایست توسط یک دستور php ساده، کلاس ‘first’ را به آن اضافه نماییم:

<?php $i = 0; ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<?php $i++ ?>

<div>
...
</div>

<?php endwhile; ?>
<?php endif; ?>

قدم بعدی این است که با استفاده از کلاس ‘first’ استایل مخصوص برای آن بنویسیم. مثلا به صورت زیر :

.first {
background: #f5f5f5;
border: 1px solid #ccc;
padding: 5px;
}

امیدوارم لذت ببرید.

مطالب مرتبط
ارسال نظر برای این مطلب

کد امنیتی رفرش
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نویسندگان
    آرشیو
    آمار سایت
  • کل مطالب : 142
  • کل نظرات : 3
  • افراد آنلاین : 3
  • تعداد اعضا : 25
  • آی پی امروز : 130
  • آی پی دیروز : 128
  • بازدید امروز : 630
  • باردید دیروز : 258
  • گوگل امروز : 1
  • گوگل دیروز : 1
  • بازدید هفته : 1,616
  • بازدید ماه : 7,222
  • بازدید سال : 14,461
  • بازدید کلی : 499,030