Rumah > Tutorial CMS > WordTekan > wordpress如何做产品展示页

wordpress如何做产品展示页

爱喝马黛茶的安东尼
Lepaskan: 2019-07-16 13:31:53
asal
8579 orang telah melayarinya

wordpress如何做产品展示页

产品展示用到文章和缩略图功能

q.jpg

相关推荐:《WordPress教程

实现步骤:

一、创建分类

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

w.jpg

二、开启缩略图功能

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

add_theme_support( 'post-thumbnails' );
Salin selepas log masuk

更多设置请参考:

http://www.cnblogs.com/tinyphp/p/6359167.html

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

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

<div class="section sectionL">
<?php
    $product_term =get_term_by(&#39;name&#39;,&#39;产品中心&#39;,category);
    $product_term_id=$product_term->term_id;
    $product_link=get_term_link($product_term_id,&#39;category&#39;);
?>
    <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(
            &#39;cat&#39;=>2,
            &#39;posts_per_page&#39;=>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( &#39;thumbnail&#39; ); ?>
            <?php else: ?>
            //显示默认图片
            <?php endif; ?>
        </a>
        <h3><a href="<?php the_permalink();?>"><?php the_title();?>dd</a></h3>
    </li>           
    <?php endwhile;?>
    <?php endif;?>
    </ul>   
</div>
Salin selepas log masuk

Atas ialah kandungan terperinci wordpress如何做产品展示页. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan