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

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

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