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

طراحي قالب وردپرس , طراحي پوسته وردپرس , طراحي قالب ريسپانسيو , طراحي قالب

کاملا ریسپانسیو و واکنش گرا داری پنل تنظیمات

طراحی قالب وردپرس و طراحی فروشگاه وردپرسی

ارسال سفارش

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


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

wordpress-loop

یک چرخه معمولی برای خروجی دادن نوشته هایمان استفاده می کنیم:

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

		<div>
			...
		</div>

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

اگر بخواهیم  استایل نوشته اول را تغییر دهیم، می بایست توسط یک دستور php ساده، کلاس ‘lop-one’ را به آن اضافه نماییم:

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



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

.lop-one{
     background: #f5f5f5;
     border: 1px solid #ccc;
     padding: 5px;
}

 



lopp-one


طراحی پوسته وردپرس