چگونه می توان نوشته اول وبسایت وردپرسی مان را متمایز از نوشته های قبلی نشان دهیم؟ شاید شما نیز بخواهید که نوشته اول خود را را در لوپ صفحه اصلی، برگه آرشیو و یا برگه جستجو با استایل متفاوتی به نمایش بگذارید. انجام این عمل با استفاده از یک کلاس سی اس اس مخصوص و یک کد php ساده قابل پیاده سازی می باشد.
در اینجا مثل همیشه از یک لوپ معمولی برای خروجی دادن نوشته هایمان استفاده می کنیم:
<?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div> ... </div> <?php endwhile; ?> <?php endif; ?>
به منظور این که استایل نوشته اول را تغییر دهیم، می بایست توسط یک دستور php ساده، کلاس ‘first’ را به آن اضافه نماییم:
<?php $i = 0; ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <?php $i++ ?> <div
class
=
"post<?php if ($i == 1) echo ' first'; ?>"
> ... </div> <?php endwhile; ?> <?php endif; ?>
قدم بعدی این است که با استفاده از کلاس ‘first’ استایل مخصوص برای آن بنویسیم. مثلا به صورت زیر :
.first { background: #f5f5f5; border: 1px solid #ccc; padding: 5px; }
دیدگاهتان را بنویسید