WordPress主题开发:产品展示实例

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

实现步骤:

一、创建分类

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

二、开启缩略图功能

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

add_theme_support( ‘post-thumbnails‘ ); 

更多设置请参考:

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

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

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

<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>
时间: 2024-08-17 14:24:11

WordPress主题开发:产品展示实例的相关文章

黄聪:《跟黄聪学WordPress主题开发》

又一个作品完成!<跟黄聪学Wordpress主题开发>,国内最好的Wordpress主题模版开发视频教程!! 目录预览: WordPress官方源文件层式结构讲解 WordPress数据库表结构.字段详解 WordPress主题模版加载过程 WordPress主题模版开发:主题模版的安装及创建 WordPress主题模版开发:首页模版及调用options表数据 WordPress主题模版开发:如何循环输出文章列表 WordPress主题模版开发:文章元数据及多语言化 WordPress主题模版

[转]WordPress主题开发:主题初始化

本文转自:http://www.cnblogs.com/tinyphp/p/4391182.html 在最简单的情况下,一个WordPress主题由两个文件构成: index.php ------------------主模版 style.css  -------------------主样式表(注意的是两个不同的主题是不允许拥有相同的表述 , 这样会导致主题选择出错的. 简版: /* Theme Name:企业主题练习 Author:tinyphp Author URI: http://www

WordPress主题开发:最简单的主题构成

在最简单的情况下,一个WordPress主题由两个文件构成: index.php ------------------主模版 style.css -------------------主样式表 而且style.css要加上主题信息标记 (注意的是两个不同的主题是不允许拥有相同的表述 , 这样会导致主题选择出错的. /* Theme Name: 主题名称 Theme URI: 主题介绍地址(如果你的主题上传到wordpress官方资源处适用) Author: 主题的作者 Author URI: 主

WordPress主题开发:根据不同分类使用不同模板实例

实现效果: 点击"产品"相关分类,显示 否则显示 创建文件: category.php cat-news.php cat-product.php 由于点击分类时wordpress会调用category.php,所以在此页面做判断,如果是"产品分类"则调用产品模板,如果是"新闻分类"则调用新闻模板 category.php <ul> <?php if(in_category('产品中心')){ //调用产品模板 get_templ

WordPress主题开发实例:显示最新发表文章

实现效果 制作网站的时候,想在页面左栏显示最新发表的文章,如: 一.先开启侧边栏工具,在functions.php加上 $args = array( 'name' => __( '分类侧边栏'), 'id' => 'cat-01', 'description' => '将在分类页显示侧边栏', 'class' => '', 'before_widget' => '<li id="%1$s" class="widget %2$s"&

WordPress主题开发实例:利用侧边栏工具显示联系方式

利用侧边栏显示联系方式是很方便的 一.先开启侧边栏工具,在functions.php加上 $args = array( 'name' => __( '分类侧边栏'), 'id' => 'cat-01', 'description' => '将在分类页显示侧边栏', 'class' => '', 'before_widget' => '<li id="%1$s" class="widget %2$s">', 'after_wi

WordPress主题开发:格式化标题实例

页面使用: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title><?php wp_title('-',true,'right');?></title> ...... functions.php <?php /** * 想要wp_title()函数实现,访问首页显示“站点标题-站点副标题” *

WordPress主题开发:查询单篇文章实例

xxx/?page_id=5 想在首页调用以上页面的内容怎么做呢? 完整: <?php //查询 $my_query = new WP_Query( 'page_id=5' ); if($my_query->have_posts()) : while($my_query->have_posts()) : $my_query->the_post(); ?> //............输出 //............结束 <?php endwhile; endif; ?

WordPress主题开发:get_term_by()获取指定分类链接实例

根据名称获取链接 <?php //根据名称获取对应的id $term=get_term_by('name','新闻动态','category'); $term_id=$term->term_id; //根据id获取链接 $link=get_term_link($term_id,'category'); echo $link; ?> 根据别名获取链接 <?php //根据别名获取对应的id $term=get_term_by('slug','news','category'); $t