WordPress自带thumbnail缩略图功能使用介绍

所属分类: CMS教程 / WordPress 阅读数: 409
收藏 0 赞 0 分享
1.添加功能

在function.php中插入代码

add_theme_support('post-thumbnails');

插入之后会在后台编辑文章的页面的右下角出现特色图片,(有的版本可能是或者是文章缩略图)


点击设定特色图像后出来的就是和插入图片相同的界面,但是仔细看会发现在本地上传图片后,或者从媒体里打开文件下面会多了作为特色图像的选项

点击后等它显示完成便可以把小窗口关掉了~

2.如何调用

在要显示的 地方加入代码

<?php the_post_thumbnail(); ?>

既可以调用,例如插入入在首页的大循环中。

3.后续改进

(1)如果没有缩略图时调用其他图片

复制代码
代码如下:

<?php
if ( has_post_thumbnail() ) { ?>
<?php the_post_thumbnail(); ?>
<?php } else {?>
<img src=”<?php bloginfo(‘template_url’); ?>/images/xx.jpg” />
<?php } ?>

把下面的那个改成你自己图片的地址就可以了~
(2)控制缩略图大小
在function.php中刚刚插入的add_theme_support( ‘post-thumbnails’ ); 后面添加

复制代码
代码如下:

set_post_thumbnail_size( 50, 50, true );

尺寸的设置顺序是: 宽度、高度(以像素为单位)
(3)一张图片,要有多种大小的缩略图
在function.php中刚刚插入的add_theme_support( ‘post-thumbnails’ ); 后面添加

复制代码
代码如下:

set_post_thumbnail_size( 155, 110, true ); // 305 pixels wide by 380 pixels tall, set last parameter to true for hard crop mode
add_image_size( ‘one’, 155, 110, true ); // Set thumbnail size
add_image_size( ‘two’, 350, 248, true ); // Set thumbnail size
add_image_size( ‘big’, 546, 387, true ); // Set thumbnail size

其中第一个为默认的缩略图大小,后面三个是特殊的大小,可以根据实际情况使用。引号中的one,big,two也可以换成自己想要的名称。
调用,以调用350px*248px的为例,

复制代码
代码如下:

<?php
$thumbID = get_the_post_thumbnail( $post->ID, ‘two’, $imgsrcparam ); ?>
<?php echo “$thumbID”; ?>配合之前的那个,最后的代码就是:
<?php
if ( has_post_thumbnail() ) { ?>
<?php
$thumbID = get_the_post_thumbnail( $post->ID, ‘two’, $imgsrcparam ); ?>
<?php echo “$thumbID”; ?><?php } else {?>
<img src=”<?php bloginfo(‘template_url’); ?>”/>
<?php } ?>

差不多就这么多了~希望多正在研究、或者正在写wordpress主题 的人有点帮助吧~

更多精彩内容其他人还在看

WordPress投稿功能添加邮件提醒功能的方法

本文详介如何给WordPress投稿功能添加邮件提醒功能
收藏 0 赞 0 分享

为WordPress添加文章字数统计的方法

下面看一下如何统计文章字数
收藏 0 赞 0 分享

多个WordPress站点使用同一数据库的方法

对于多个WordPress站点使用同一数据库可通过修改表前缀(Table Prefix)来实现,主要分两种情况
收藏 0 赞 0 分享

WordPress反复出现需要升级数据库的解决方法

WordPress反复出现需要升级数据库,是什么原因呢
收藏 0 赞 0 分享

WordPress评论IP地址显示为127.0.0.1的解决办法

穆童博客使用的是Wordpress程序,上次在更换了服务器之后不知为何所有新评论的IP地址都显示为127.0.0.1。我们来分析一下是什么原因
收藏 0 赞 0 分享

去除wordpress中评论中的nofollow的方法

我们经常会遇到nofollow属性,特别是wordpress的评论会自动添加上external nofollow属性。那么什么是nofollow呢?在我们不想要的时候怎么能去掉呢?
收藏 0 赞 0 分享

完美解决wordpress sae版改域名后不能进入后台的问题

症状描述:输入用户名和密码点登陆后返回登陆界面,无任何提示,并且登陆页面样式错乱
收藏 0 赞 0 分享

WordPress安装使用Flowplayer简易指南

在D大的blog上看到个很不错的Flash播放器。后来得知是Flowplayer播放器,遂成本文
收藏 0 赞 0 分享

WordPress打开速度非常慢的解决办法

WordPress博客程序是当前最为成熟的博客程序之一,也是全球使用人数最多的博客程序,而随着您博客的小工具越来越多,插件越加越多,随之而来的就是您wordpress博客的运行速度越来越慢了,如何来为您的博客减减压咧?
收藏 0 赞 0 分享

IIS6.0下Wordpress 去掉 index.php 和 category 的方法小结

IIS6.0 下 Wordpress 去掉 index.php 和 category 的方法,需要的朋友可以参考下,下面又补充内容,大家多测试
收藏 0 赞 0 分享
查看更多