مای دیزاین را همراه با آموزش های جدید در سایت طوسی دنبال کنید: http://tooc.ir
آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
پست اول وردپرسی خود را متفاوت کنید

پست اول وردپرسی خود را متفاوت کنید
سلام. در این آموزش ساده میخوام با استفاده از ترفندی ساده پست اول (اولین پست هر صفحه) سایتتون رو متفاومت با بقیه پست ها کنید.
ابتدا باید کد حلقه وردپرس خودتون رو در فایل index.php قالبتون پیدا کنید. حلقه وردپرس به شکل زیر است:

<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>
<div class="post"></div>
<?php endwhile; ?><?php endif; ?>

این کد شامل کد هایی در بین خود است که برای هر قالب به شکلی متفاوت نوشته میشود ولی معمولا تمامی حالات شامل یک DIV با کلاس post هستند. این DIV در واقع باکس کلی پست است که برای هر پست تکرار میشود.
خوب حالا کد زیر رو باید به جای بخش شروع حلقه قرار دهید:

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

و مقدار کلاسی که در DIV اصلی هست رو به این شکل تغییر میدهیم:

class="post <?php if ($i == 1) echo 'first-post' ?>"

حالا توضیح! در خط اول یک متغیر با نام i و مقدار صفر تعریف میکنیم که با هر بار لود صفحه مقدار آن خالی شود. در خط سوم با استفاده از کد i++ مقدار i را یک واحد اضافه میکنیم. یعنی با هر بار فراخوانی حلقه پست های وردپرس یک واحد به i اضافه میشود و فقط در بار اول است که تا پایان حلقه مقدار برابر با یک است. در بخش کلاس هم ما با استفاده از دستور شرطی if و شرط اینکه اگر i برابر یک بود، میگوییم عبارت first-post رو چاپ کنه.
حلقه کامل به شکل زیر میشود:

<?php $i=0 ?>
<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>
	<?php $i++ ?>
	<div class="post <?php if ($i == 1) echo 'first-post' ?>"></div>
<?php endwhile; ?><?php endif; ?>

حالا در فایل CSS قالبتون یک کلاس با نام first-post و استایلی که میخواید تعریف کنید، برای مثال:

.first-post {
	background-color:#f5f55f;
}

امیدوارم براتون کاربردی باشه.

2 پاسخ به “پست اول وردپرسی خود را متفاوت کنید”

  1. فرهاد گفت:

    سلام

    دوستان برای اینکه شرط به درستی اعمال شود باید کد خط ۴ که برای کلاس بندی است رو به این صورت تغییر بدین

پاسخ دهید

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

آخرین محصولات فروشگاه
برخی مطالب تصادفی مای دیزاین
مجموعه آیکون های تخت رنگارنگ لایه باز
ساخت قطره آب در فتوشاپ
فعال سازی مدیریت پیوندها در وردپرس ۳٫۵ و بالاتر
مجموعه عظیم آیکون های کاربردی (سری پنجم)
مجموعه جدید آیکون سریال های در حال پخش
مجموعه آیکون های تخت موبایل (سری دوم)