4f858679-e2ad-48fa-af63-85f8b2366b1d_0_60 – 副本

4f858679-e2ad-48fa-af63-85f8b2366b1d_0_60 – 副本
   
首页» 产品服务 » 产品展示 » 的偏文章

的偏文章

2017年03月14日
 | 网站首页 | QQ个性网 | 软件下载 | 免费素材 | 桌面美化 | 源码中心 | 教程中心 | 猎奇图库 | 图片中心 | 留言 | 分类 | 行政地图  旅游地图  交通地图
教程中心 >> 绿化室软件类系统类网络类图像类多媒体办公类安全类数据库服务器WinXPVistaWin7Win8
91y游戏中心
 绿色第一站 >> 教程中心 >> 网站类 >> WordPress >>
Wordpress教程:教你如何使用文章缩略图功能
作者:佚名 文章来源:Onegreen.Net 浏览次数: 6992 更新时间:2013-8-4
TAG:wordpress教程  博客程序  文章缩略图 Wordpress教程:教你如何使用文章缩略图功能 首页你要看下你所用的主题有没有开启文章缩略图功能,如果看起的话,会在wordpress后台编辑页面或者文章时在右下角的地方看到一个特色图像的设置,如下图: Wordpress教程:教你如何使用文章缩略图功能 如果没有说明你还没有激活这功能。我们需要在你主题functions.php里面加一段代码。
<?php add_theme_support( 'post-thumbnails' ); //激活文章和页面的缩略图功能。 //如果你想分别激活它们,可以使用下面的代码: add_theme_support( 'post-thumbnails', array( 'post' ) ); // 激活文章缩略图功能 add_theme_support( 'post-thumbnails', array( 'page' ) ); // 激活页面缩略图功能 ?>
这样你的缩略图功能就激活了,然后我们添加图片或者直接点击设置特色图片的时候,你会发现多了一个设置如图。 Wordpress教程:教你如何使用文章缩略图功能 我们单击作为特色图像,这样你就可以将这个图片作为特色图片显示了。 Wordpress教程:教你如何使用文章缩略图功能 做好之后我们就要对它进行调用然后在前台显示出来,代码是:
<?php the_post_thumbnail(); //需要将这段代码放在你的主循环中比如: <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?> <?php the_post_thumbnail(); ?> <?php endwhile; ?> ?>
这样缩略图就可以显示了。这个基本的方法掌握好之后,下面是一些它的其他使用方法。 1.自定义缩略图的大小(放在主题functions.php里面add_theme_support()的下面)
<?php set_post_thumbnail_size( $width, $height, $crop ); ?> //$width 是图片的宽度,可以直接填数字 //$height 是图片的高度,也可以直接填数字 //$crop 是否进行裁剪,默认是false不裁剪,如果填写true 你的图片将会裁剪成你设置的大小。
不过set_post_thumbnail_size()笔者在用的时候不起作用,不知道大家有没有试过。试过后如果可以使用的记得和笔者说下哈。 我这边使用的是直接规定缩略图大小(直接在主循环里面输出)
<?php the_post_thumbnail('thumbnail');       // 缩略图(最大默认 宽150px高150px) the_post_thumbnail('medium');          // 中等大小(最大默认 宽300px 高300px) the_post_thumbnail('large');           // 大图 (最后默认宽1024px高1024px) the_post_thumbnail('full');            // 原图 the_post_thumbnail( array(100,100) );  // 自己定义宽高 ?>
这里需要多讲一下,设置默认缩略图大小是在wordpress后台 设置->媒体 里面。 Wordpress教程:教你如何使用文章缩略图功能 2.判断文章是否含有缩略图
<?php has_post_thumbnail(); //用法是,通过if如果进行判断 if ( has_post_thumbnail() ) { //显示缩略图 } else { //没有缩略图( 这里可以放一张默认的图片 ) } ?>
3.创建新的缩略图大小(放在主题functions.php文件add_theme_support()下面) 我们看到上面设置的图片大小都是等比例缩小的。不管你怎么设置它都是按比列来进行缩小的。如果想设置宽高不等的。便可以使用下面这个函数。
<?php add_image_size( $name, $width, $height, $crop ); //这里的第一个参数$name是新创建缩略图的名称,其他的参数和上面说的是一样的 //使用方法 add_image_size('home-thumb','200','120'); ?>
然后我们在显示的时候只需要在填上新的缩略图名称如:the_post_thumbnail('home-thumb');这样就可以显示了。 4.获取缩略图ID号
<?php  get_post_thumbnail_id();  ?>  //放在主循环中
关 键 字:织梦CMS教程 DedeCMS教程 相关文章: 如何实现WordPress分类目录双列显示 教你如何在WordPress 正文链接添加tooltips 教程 利用百度的云平台——BAE搭建WordPress教程 如何将Lightbox整合到WordPress主题教程 如何将网站从z-blog转移到wordpress系统中
SQL Server降权:以GU Windows2003 MSSQL安全 动易Cms:自定义动态函 推荐使用Wordpress最佳
子栏目导航
 网站架设   SEO 技术 织网备忘   动易CMS 帝国CMS   织梦CMS PHPWind   WordPress
最 新 教 程
· sql2005转sql2000最新文章 · 动易CMS如何修改频道名称和目录 · 解决动易系统6.6上传小图片时也自 · 动易系统软件频道增加远程存图和 · SQL Server降权:以GUESTS权限运 · Windows2003 MSSQL安全设置教程 · SQL 数据库角色解释 · 动易网站后台解决IE8下无法使用编 · 电脑知识常识技巧大全(极具收藏 · 动易中实现点击图片进入下一张的
最 新 推 荐
RAW格式使用技巧详 SAI(Easy Paint T
支持48种格式全能 教你如何重装XP系
最 新 热 门
· 动易CMS如何修改频道名称和目录 · 解决动易系统6.6上传小图片时也自 · 动易系统软件频道增加远程存图和 · SQL Server降权:以GUESTS权限运 · Windows2003 MSSQL安全设置教程 · SQL 数据库角色解释 · 动易网站后台解决IE8下无法使用编 · 电脑知识常识技巧大全(极具收藏 · 动易中实现点击图片进入下一张的 · 动易Cms:自定义动态函数标签调用
前一篇