WordPress主题开发:开启文章缩略图功能
2017-01-31 22:55
471 查看
安装wordpress后,默认的主题里编辑文章都会看见这个缩略图功能,那么我们自己开发的新主题怎么有这个功能呢?
目录:
一、开启缩略功能
二、设置缩略图大小
三、编辑文章,上传缩略图
四、调用缩略图
五:add_image_size
一、开启缩略功能
在主题的functions.php中,添加一段代码,代码如下:
如果你仅想让文章信息开启缩略图功能,则使用以下代码:
如果你仅想让页面信息开启缩略图功能,则使用以下代码:
二、设置缩略图大小
三、编辑文章,上传缩略图
上传的图片将保持在/wp-content/uploads
四、调用缩略图
判断一篇文章是否存在缩略图,如果有,则显示缩略图,否则显示默认缩略图。
the_post_thumbnail可以是字符串或数组
a.字符串参数时:thumbnail(小尺寸)、medium(中等尺寸)、large(大尺寸)、full(完整尺寸)
b.数组参数
c.默认尺寸:
五、add_image_size
如果大中小满足不了你的尺寸可使用
使用时:
帮助文档:
中文官方参考文档:http://codex.wordpress.org/zh-cn:%E4%B8%BB%E9%A2%98%E7%89%B9%E6%80%A7
英文官方参考文档:http://codex.wordpress.org/Theme_Features
目录:
一、开启缩略功能
二、设置缩略图大小
三、编辑文章,上传缩略图
四、调用缩略图
五:add_image_size
一、开启缩略功能
在主题的functions.php中,添加一段代码,代码如下:
add_theme_support( 'post-thumbnails' );
如果你仅想让文章信息开启缩略图功能,则使用以下代码:
add_theme_support('post-thumbnails', array('post'));
如果你仅想让页面信息开启缩略图功能,则使用以下代码:
add_theme_support('post-thumbnails', array('page'));
二、设置缩略图大小
三、编辑文章,上传缩略图
上传的图片将保持在/wp-content/uploads
四、调用缩略图
判断一篇文章是否存在缩略图,如果有,则显示缩略图,否则显示默认缩略图。
<?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(); ?>
五、add_image_size
如果大中小满足不了你的尺寸可使用
add_image_size('newchicun',148,100,$crop);
使用时:
<?php the_post_thumbnail('newchicun' ); ?>
帮助文档:
中文官方参考文档: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主题开发:开启导航菜单功能
- 黄聪:WordPress 多站点建站教程(一):怎样开启WordPress多站点功能,实现手机移动端主题开发,与主站用户数据共享
- WordPress主题开发:开启侧边栏小工具功能
- WordPress主题开发:开启feed功能
- wordpress 主题制作-自定义文章分类页并带翻页功能
- WordPress主题开发: 制作文章页面single.php
- WordPress主题开发实例:获取当前分类的文章列表
- WordPress主题开发:实现分页功能
- 黄聪:如何使用WordPress 2.9内置文章缩略图功能(Post Thumbnail)
- WordPress主题开发实例:查询单篇文章
- WordPress主题开发实例:显示最新发表文章
- wordpress第三方主题开启文章形式
- wordpress 文章缩略图功能
- WordPress纯代码纯静态开启七牛CDN并集成七牛缩略图和水印功能
- wordpress主题开发教程手记:短代码功能开发实例
- wordpress如何使用特色图像功能,wordpress文章缩略图的调用
- WordPress主题开发: 制作文章页面single.php
- 使用jQuery tag handler开发一个带有标签功能的文章发布系统
- 增强wordpress文章编辑框功能