اموزش متفاوت نشان دادن نوشته در وردپرس

857187

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

 

دیدگاه‌ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Time limit is exhausted. Please reload CAPTCHA.

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.