目录
首页 笔记 详情

wordpress做产品展示的教程


对于一些公司企业网站,在网站的首页可以通过图片的方式展示的效果去展示公司的产品,对于使用wordpress程序去做企业官方网站时,如果去实现产品展示?

产品展示准备工作

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

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

add_theme_support( 'post-thumbnails' ); 

下面的步骤和平常添加文章一样,

创建分类

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

别名为:chanpin

添加文章并设置缩略图

制作产品列表页

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

新建category-chanpin.php

<?php get_header(); ?>
<style>
/*------------------
    分页部分的CSS
------------------*/
.fenye{    
    height: 25px;
    line-height: 25px;
    _background: #F9F9F9;
    padding: 2px 5px;
/*     margin: 20px 4px; */
    _border: solid 1px #ccc;
    _text-align: center;
}

.fenye a{
    padding:4px 6px 4px 6px;
    margin:0 2px 0 2px;
    border:1px solid #aaa;
    text-decoration:none;
    color:#333;
}

.fenye a.current{    
    background:#ff6f3d;    
    color:#fff;
}

.fenye a:hover{
    background:#ff6f3d;
    color:#fff;
}


.nav_right  .current-menu-item  a { background:#0083c7;color: #fff !important;}
.nav_right  .current-menu-item,.nav_right .current-menu-parent li span{ background:#0083c7;color: #fff !important;}
</style>
<div class="main fixed"> 
<?php get_template_part( 'leftside' ); ?>
 <div class="right wow fadeInUp">
  <div class="path">
        <h3><?php if(is_category()) {$cat = get_query_var('cat');$yourcat = get_category($cat);echo "" . $yourcat->cat_name;} ?></h3>
        <div class="pathdiv"> 		<?php echo cmp_breadcrumbs() ?></div>
      </div>
      <ul id="yxrw">
         <?php  if ( have_posts() ) :while ( have_posts() ) : the_post();     ?>	
           <li><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('full'); ?><span><?php the_title(); ?></span></a></li>
           <?php endwhile;endif; ?>	
         </ul>
     <!--left end--> 
      <div class="pagess">
        <ul>
		<?php lingfeng_pagenavi(); ?>
        </ul>
      </div>
    </div> 
   </div> 

<?php get_footer(); ?>

以上就是产品展示的详细步骤,更多教程请访问WordPress教程


写笔记

咨询

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