استایل متفاوت برای آخرین مطلب

شاید برای شما هم پیش آمده باشد که بخواهید استایل متفاوت برای آخرین مطلب یا پستی که به تازگی در وب‌سایت وردپرسی خود منتشر می‌کنید داشته باشید. یا بالاترین عنوان برگه آرشیو و یا برگه جستجو، با استایل و رنگی متمایز از سایر نوشته‌ها و پستهای قبلی به نمایش در آید تا برای بازدید توسط اعضا، شانس بیشتری را داشته باشد و توجه مخاطبان را بیشتر به خود جذب کند.

استایل متفاوت برای آخرین مطلب

این کار بسیار راحت تر از آن چیزی است که فکرش را می‌کنید. تنها در دو مرحله و با یک کلاس ساده CSS و یک قطعه کد PHP ساده، موفق به این کار خواهید شد.

برای داشتن استایل متفاوت برای آخرین مطلب وردپرس قطعه کدی که عموما برای این کار از آن استفاده می‌شود را در پایین مشاهده می‌کنید:

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>

		<div>
			...
		</div>

	<?php endwhile; ?>
<?php endif; ?>

حال با اضافه کردن دستورات دیگری به قطعه کد بالا، مشخص می‌کنیم که می خواهیم استایل متفاوت برای آخرین مطلب سایت، داشته باشیم :

<?php $i = 0; ?>
<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
	<?php $i++ ?>

		<div class="post<?php if ($i == 1) echo ' lop-one'; ?>"> ... </div> <?php endwhile; ?> <?php endif; ?>

قدم بعدی این است که با استفاده از کلاس ‘top-post’ استایل مخصوص برای آن بنویسیم. مثلا به صورت زیر :

    .top-post

{
     background: #d0e0c0;
     border: 2px solid #fafcfa;
     padding: 15px;
}