WordPress 调用指定分类下的文章

有时需要在博客或者企业网站中调用指定分类下的文章并,这里分享一下如何正确的调用WordPress 指定分类的文章。

在需要调用的页面添加以下代码:

<?php
  $args = array(
      'post_type'      => 'post', //文章类型
      'cat'            => 1, //分类 id
      'showposts'      => 10,//显示几篇文章
    );

  $custom_query = new WP_Query( $args ); ?>

  <?php if ( $custom_query->have_posts() ) : ?>
    <?php while ( $custom_query->have_posts() ) : $custom_query->the_post(); ?>
   
            <article id="post-<?php the_ID(); ?>" <?php post_class('col-md-6'); ?>>
               
             
                <?php if (has_post_thumbnail()) : ?>

                    <a href="<?php the_permalink();?>">
                        <img src="<?php the_post_thumbnail_url(); ?>" alt="<?php the_title();?>">
                    </a>

                <?php else: ?>
                    
                    <?php edit_post_link('添加缩略图'); ?>

                <?php endif; ?>
             

              <div class="text-box">
                  <h3 class="title">
                      <a href="<?php the_permalink();?>">
                        <?php the_title();?>
                      </a>
                  </h3>

                  <div class="text">

                    <div class="meta">
                        <span>
                            标签:<?php the_tags( false, ', ', '' ); ?>
                        </span>

                        <span>
                            分类:<?php the_category( '/', '', false ); ?>
                        </span>

                        <span>
                            时间:<?php the_time( 'Y-m-d' ); ?>
                        </span>

                        
                    </div>
                    
                      <p>
                          <?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 40,"..."); ?>
                      </p>
                  </div>
              </div>

              </article>
       
    <?php endwhile; ?>
  <?php wp_reset_postdata(); ?>

  <?php else:  ?>
    <article>抱歉,未发现文章</article>
<?php endif; ?>

如果你还定义了缩略图大小,可以将 19行的 代码:

<?php the_post_thumbnail_url(); ?>

改为:

<?php the_post_thumbnail_url('thumb-w6-h4' ); ?>

thumb-w6-h4 为你自定义添加到缩略图名称

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注