طراحی قالب وردپرس

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

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

css-list-styles-2-450x442

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

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

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

<?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;
}

خواندن مطالب زیر را نیز به شما پیشنهاد میکنیم:

دیدگاهها و نظرات کاربران عزیز

سوال یا نظری دارید؟ بنویسید و ارسال کنید.