如何显示一个不同于其他帖子的帖子?

时间:2013-05-29 作者:user32447

我在下面使用的代码将在我选择的任何类别中显示最后5篇文章,但我想知道,如何才能获得它,以便第一篇文章显示出与其他4篇不同的内容?

我想第一篇文章显示缩略图和标题下,其余的显示标题。我在最近发布的here 但它已经关闭了,所以我无法发表评论并提出问题。

这是我正在使用的代码

<?php
$queryObject = new  Wp_Query( array(
    \'showposts\' => 5,
    \'post_type\' => array(\'post\'),
    \'category_name\' => videos,
        \'orderby\' => 1,
    ));

// The Loop
if ( $queryObject->have_posts() ) :
  $i = 0;
  while ( $queryObject->have_posts() ) :
      $queryObject->the_post();
      ?>
      <?php if ( $i == 0 ) : ?>
          <div class="first-post">
      <?php endif; ?>
      <a href="<?php the_permalink(); ?>" title="<?php printf(__( \'Read %s\', \'wpbx\' ), wp_specialchars(get_the_title(), 1)) ?>">
          <?php the_post_thumbnail(\'sidethumbs\'); ?>
      </a>

      <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
      <?php if ( $i == 0 ) : ?>
          </div>
      <?php endif; ?>    
      <?php $i++; ?>
  <?php endwhile; ?>
这是可行的,但问题是,我不知道从哪里开始第二个造型,也不知道如何开始第二个造型,但这个人没有解释,有人能帮我吗。

2 个回复
最合适的回答,由SO网友:Elisha Terada 整理而成

您发布的代码只会在添加时起作用<div class="first-post"></div> 对于第一篇帖子,它仍然显示所有帖子的相同信息。

请尝试以下操作:

<?php
$queryObject = new  Wp_Query( array(
    \'showposts\' => 5,
    \'post_type\' => array(\'post\'),
    \'category_name\' => videos,
    \'orderby\' => 1,
    ));

// The Loop
if ( $queryObject->have_posts() ) :
    $i = 0;
    while ( $queryObject->have_posts() ) :
        $queryObject->the_post();
        if ( $i == 0 ) : ?>
            <div class="first-post">
            <a href="<?php the_permalink(); ?>" title="<?php printf(__( \'Read %s\', \'wpbx\' ), wp_specialchars(get_the_title(), 1)) ?>">
                <?php the_post_thumbnail(\'sidethumbs\'); ?>
            </a>
        <?php else: ?>
            <div class="secondary-post">
        <?php endif; ?>
        <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
            <?php the_title(); ?>
        </a>
        </div>
        <?php $i++;
    endwhile;
endif;

SO网友:Pat J

您显示的代码将您的第一篇文章包装在<div class=\'first-post\'>...</div> 要素您可以在主题的CSS文件中添加样式style.css 或自定义样式(如果正在加载自定义样式):

div.first-post {
    /* First Post styles here */
    /* for example, if you want the text to be **bold** */
    font-weight: bold;
}

结束