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

ناب اسکریپت

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

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

admin بازدید : 334 چهارشنبه 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
  • تعداد اعضا : 4
  • آی پی امروز : 34
  • آی پی دیروز : 32
  • بازدید امروز : 187
  • باردید دیروز : 174
  • گوگل امروز : 1
  • گوگل دیروز : 3
  • بازدید هفته : 536
  • بازدید ماه : 2,646
  • بازدید سال : 21,942
  • بازدید کلی : 171,949