您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 咨询培训 > Wordpress教程教你如何使用文章缩略图功能
Wordpress教程:教你如何使用文章缩略图功能Wordpress教程:教你如何使用文章缩略图功能首页你要看下你所用的主题有没有开启文章缩略图功能,如果看起的话,会在wordpress后台编辑页面或者文章时在右下角的地方看到一个特色图像的设置,如下图:如果没有说明你还没有激活这功能。我们需要在你主题functions.php里面加一段代码。?phpadd_theme_support('post-thumbnails');//激活文章和页面的缩略图功能。//如果你想分别激活它们,可以使用下面的代码:add_theme_support('post-thumbnails',array('post'));//激活文章缩略图功能add_theme_support('post-thumbnails',array('page'));//激活页面缩略图功能?这样你的缩略图功能就激活了,然后我们添加图片或者直接点击设置特色图片的时候,你会发现多了一个设置如图。我们单击作为特色图像,这样你就可以将这个图片作为特色图片显示了。做好之后我们就要对它进行调用然后在前台显示出来,代码是:?phpthe_post_thumbnail();//需要将这段代码放在你的主循环中比如:?phpif(have_posts())while(have_posts()):the_post();??phpthe_post_thumbnail();??phpendwhile;??这样缩略图就可以显示了。这个基本的方法掌握好之后,下面是一些它的其他使用方法。1.自定义缩略图的大小(放在主题functions.php里面add_theme_support()的下面)?phpset_post_thumbnail_size($width,$height,$crop);?//$width是图片的宽度,可以直接填数字//$height是图片的高度,也可以直接填数字//$crop是否进行裁剪,默认是false不裁剪,如果填写true你的图片将会裁剪成你设置的大小。不过set_post_thumbnail_size()笔者在用的时候不起作用,不知道大家有没有试过。试过后如果可以使用的记得和笔者说下哈。我这边使用的是直接规定缩略图大小(直接在主循环里面输出)?phpthe_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后台设置-媒体里面。2.判断文章是否含有缩略图?phphas_post_thumbnail();//用法是,通过if如果进行判断if(has_post_thumbnail()){//显示缩略图}else{//没有缩略图(这里可以放一张默认的图片)}?3.创建新的缩略图大小(放在主题functions.php文件add_theme_support()下面)我们看到上面设置的图片大小都是等比例缩小的。不管你怎么设置它都是按比列来进行缩小的。如果想设置宽高不等的。便可以使用下面这个函数。?phpadd_image_size($name,$width,$height,$crop);//这里的第一个参数$name是新创建缩略图的名称,其他的参数和上面说的是一样的//使用方法add_image_size('home-thumb','200','120');?然后我们在显示的时候只需要在填上新的缩略图名称如:the_post_thumbnail('home-thumb');这样就可以显示了。4.获取缩略图ID号?phpget_post_thumbnail_id();?//放在主循环中
本文标题:Wordpress教程教你如何使用文章缩略图功能
链接地址:https://www.777doc.com/doc-2856872 .html