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

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