### [wordpress怎么做产品展示页](https://www.prosaas.cn/article/8355)

**Published:** 2019-07-19T08:28:56

**Author:** 5201314

**Excerpt:** wordpress做产品展示页实现步骤如下：一、创建分类后台创建文章分类：产品中心二、开启缩略图功能在主题的f…

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212131120478.jpg)

**wordpress做产品展示页实现步骤如下****：**

**一、创建分类**

后台创建文章分类：产品中心

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212131120537.jpg)

**二、开启缩略图功能**

在主题的functions.php中，添加一段代码，代码如下：

add\_theme\_support( 'post-thumbnails' );

**三、添加文章并设置缩略图**

**四、****调用该分类信息、文章标题和缩略图**

<div class="section sectionL">

<?php
    $product\_term =get\_term\_by('name','产品中心',category);
    $product\_term\_id=$product\_term->term\_id;
    $product\_link=get\_term\_link($product\_term\_id,'category');
?>
    <h2>
          <a href="<?php echo $product\_link?>">产品中心</a>
        <span><a href="<?php echo $product\_link;?>"></a></span>
    </h2>
    <ul>
    <?php
        $product\_query=new WP\_Query(array(
            'cat'=>2,
            'posts\_per\_page'=>8
            ));
    if($product\_query->have\_posts()) : while($product\_query->have\_posts()) :$product\_query->the\_post();
    ?>
    <li>
       <a href="<?php the\_permalink();?>"> 
           <?php if ( has\_post\_thumbnail() ) : ?>
            <?php the\_post\_thumbnail( 'thumbnail' ); ?>
            <?php else: ?>
            //显示默认图片
            <?php endif; ?>
        </a>
        <h3><a href="<?php the\_permalink();?>"><?php the\_title();?>dd</a></h3>
    </li>           
    <?php endwhile;?>
    <?php endif;?>
    </ul>   
</div>

更多wordpress相关技术文章，请访问wordpress教程栏目进行学习！

以上就是wordpress怎么做产品展示页的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** WordPress

---