/ در آموزش ها, آموزش وردپرس, اشتراک رایگان / توسط
آخرین زمان ویرایش:

آموزش چگونگی تغییر پست اول بصورت متناوب در سایت با سیستم وردپرس

(جهت  اطلاعات بیشتر به ادامه مطلب مراجعه نمائید)

با سلام و خسته نباشید خدمت  کاربران سایت داده باران

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

ابتدا باید کد حلقه وردپرس خودتون رو در فایل 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++ ?></FONT>

  

و مقدار کلاسی که در 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;
}

  
تگ ها : , , , , , , , , , ,
0

نوشته های مشابه

دانلود طرح لایه باز کاور بیگ دیزاین

(جهت دانلود و اطلاعات بیشتر به ادامه مطلب مراجعه نمائید) (بیشتر…)

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

(جهت اطلاعات بیشتر به ادامه مطلب مراجعه نمائید) (بیشتر…)


لينك كوتاه اين مطلب : https://dadebaran.ir/?p=3216 منبع : داده باران

کانال تلگرام داده باران شارژ آنلاین

نظری بدهید

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

مشکل لینک ها

لینک های قدیمی متاسفانه دیگر موجود نیستند ، و ما در تلاش هستیم تا مشکل تمامی لینک ها را حل کنیم پس در صورت مشکل کامنت ارسال نکنید و فقط صبر کنید تا مشکل برطرف شود.