首页 > 其他 > 详细

WordPress主题开发:开启文章缩略图功能

时间:2017-01-31 23:24:12      阅读:132      评论:0      收藏:0      [点我收藏+]

安装wordpress后,默认的主题里编辑文章都会看见这个缩略图功能,那么我们自己开发的新主题怎么有这个功能呢?

技术分享

 

步骤一:在主题的functions.php中,添加一段代码,开启缩略功能,代码如下:

add_theme_support( ‘post-thumbnails‘ ); 

 

如果你仅想让文章信息开启缩略图功能,则使用以下代码:

add_theme_support(‘post-thumbnails‘, array(‘post‘));

如果你仅想让页面信息开启缩略图功能,则使用以下代码:

add_theme_support(‘post-thumbnails‘, array(‘page‘));

 

 

步骤二:编辑文章,上传缩略图

 

步骤三:调用缩略图,判断一篇文章是否存在缩略图,如果有,则显示缩略图,否则显示默认缩略图。

<?php if ( has_post_thumbnail() ) : ?>
     <?php the_post_thumbnail( ‘thumbnail‘ ); ?>
<?php else: ?>
    //显示默认图片
<?php endif; ?>

 the_post_thumbnail可以是字符串或数组

a.字符串参数时:thumbnail(小尺寸)、medium(中等尺寸)、large(大尺寸)、full(完整尺寸)

  <?php the_post_thumbnail( ‘thumbnail‘ ); ?>

技术分享

b.数组参数

//尺寸60x60
<?php the_post_thumbnail( array(60,60) ); ?>

 

c.默认尺寸:

 <?php the_post_thumbnail(); ?>

 

 

 

帮助文档:

中文官方参考文档:http://codex.wordpress.org/zh-cn:%E4%B8%BB%E9%A2%98%E7%89%B9%E6%80%A7

英文官方参考文档:http://codex.wordpress.org/Theme_Features

WordPress主题开发:开启文章缩略图功能

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!