استایل اختصاصی مطالب فقط در صفحه اول

آموزش وردپرس

 

استایل اختصاصی مطالب فقط در صفحه اول

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

مشکل

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

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

راه حل.

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

<?php
$postnum = 0;
while (have_posts()) : the_post(); ?>

<?php if ($postnum <= 3){ ?>
<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
  <div class="date"><span><?php the_time('M j') ?></span></div>
    <h2>(<?php echo $postnum;?>)<a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
  <div class="post-image" style="text-align:center;">
    <a href="<?php the_permalink() ?>"><img src="<?php bloginfo('template_directory' ); ?>/timthumb.php?src=<?php  echo catch_that_image(); ?>&amp;w=500&amp;h=200&amp;zc=1" alt="<?php the_title(); ?>" /></a>
  </div>
  <p><?php the_content('Read the rest of this entry &raquo;'); ?></p>
  <p class="more"><a href="#">Read More</a></p>
  </div>
</div>

<?php } else {
<div <?php post_class( 'single ' . $end ); ?> id="post-<?php the_ID(); ?>">
  <div class="post-content">
    <h3><a href="<?php the_permalink() ?>">(<?php echo $postnum; ?>)<?php the_title(); ?></a> <?php edit_post_link('_', '', ''); ?></h3>
    <p><?php the_excerpt( '' ); ?></p>
    <p class="more"><a href="#">Read More ?</a></p>
  </div>
</div><!-- End post -->

<?php }
  endwhile;
  ?>

توضیح کد

هیچ چیز سخت در اینجا وجود ندارد! ما فقط یک متغیر پی اچ پی ایجاد کردیم ، به نام postnum$ که در پایان حلقه استناد شده است. اگر postnum$ کمتر یا برابر با 3 است، پس به طور کامل نمایش داده شود. در غیر این صورت، در فرم فشرده آن نمایش داده شود.

1 دیدگاه. Leave new

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

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

Fill out this field
Fill out this field
لطفاً یک نشانی ایمیل معتبر بنویسید.

فهرست