شکل اولین نوشته در وردپرس را با لوپ متفاوت کنید
loading...

ناب اسکریپت

شاید شما نیز بخواهید که نوشته جدید خود را را در لوپ صفحه اصلی، برگه آرشیو و یا برگه جستجو با استایل متفاوتی به نمایش بگذارید. انجام این عمل با استفاده از یک کلاس سی اس اس مخصوص و یک کد php ساده قابل پیاده سازی می باشد.از یک لوپ معمولی برای خروجی دادن نوشته هایمان استفاده می کنیم:<?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div> ... </div> <?php endwhile; ?> <?php endif; ?> شاید شما نیز بخواهید که نوشته  جدید خود را را در لوپ صفحه…

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

admin بازدید : 595 چهارشنبه 16 مرداد 1392 نظرات ()

شاید شما نیز بخواهید که نوشته جدید خود را را در لوپ صفحه اصلی، برگه آرشیو و یا برگه جستجو با استایل متفاوتی به نمایش بگذارید. انجام این عمل با استفاده از یک کلاس سی اس اس مخصوص و یک کد 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;
}

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

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

نام
ایمیل (منتشر نمی‌شود)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B :S
کد امنیتی
رفرش
کد امنیتی
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نویسندگان
    آرشیو
    آمار سایت
  • کل مطالب : 142
  • کل نظرات : 3
  • افراد آنلاین : 1
  • تعداد اعضا : 20
  • آی پی امروز : 3
  • آی پی دیروز : 36
  • بازدید امروز : 186
  • باردید دیروز : 102
  • گوگل امروز : 0
  • گوگل دیروز : 7
  • بازدید هفته : 444
  • بازدید ماه : 841
  • بازدید سال : 111,904
  • بازدید کلی : 418,781