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

ناب اسکریپت

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

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

admin بازدید : 570 چهارشنبه 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
  • آی پی امروز : 28
  • آی پی دیروز : 37
  • بازدید امروز : 339
  • باردید دیروز : 236
  • گوگل امروز : 1
  • گوگل دیروز : 6
  • بازدید هفته : 797
  • بازدید ماه : 1,012
  • بازدید سال : 94,182
  • بازدید کلی : 401,059