蓝蚂蚁工作室:wordpress建站,二次开发,主题修改,仿站等网站地图 | 联系我们

蓝蚂蚁工作室

高性能云服务器就选阿里云
当前位置: 首页 > 教程资料 > wordpress教程 > wordpress的特色图片缩略图相关代码

   最近有个客户的网站用了大量的缩略图,所以整理了有关缩略图的笔记,蓝蚂蚁相信常用的关于缩略图的代码应该都在这了吧。

1. 开启缩略图功能(又叫特色图片)

在function.php中添加代码:

add_theme_support('post-thumbnails');

加了后会在后台编辑文章的页面的右下角出现特色图片。


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

图片可以上传,也可以选择图库中已经有的,然后点击确定就可以了。

 

2. 主题中调用缩略图

<?php the_post_thumbnail(); ?>

可以用于主循环中,这样缩略图就能显示了。

 

3.  没有缩略图时显示默认图片

在functions.php中添加代码

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

修改其中的xx.jpg为默认图片的名称就可以了

 

4.  控制缩略图的大小

默认的缩略图大小是根据后台设置的值来生成缩略图的,所以有时候需要控制缩略图的大小,以便生成特定的缩略图。

修改function.php添加 

 set_post_thumbnail_size( 150, 50, true ); 

生成的缩略图宽为150像素,高为50像素

 

5.  一张图片多个缩略图

可以指定多个宽度的缩略图,然后在各处调用。

修改functions.php中,添加

set_post_thumbnail_size( 155, 110, true ); 
add_image_size( 'one', 60, 40, true ); 
add_image_size( 'two', 250, 110, true ); 
add_image_size( 'big', 746, 287, true ); 

上面代码定义了4种缩略图大小,115×110是默认的缩略图。后面3种大小分别取名为one,two和big。

在主题中调用:

$thumbPICID = get_the_post_thumbnail( $post->ID, 'two', $imgsrcparam ); ?> 

然后在写到图片所在位置就可以了。目前就用到这几种,以后再补充吧

本文地址http://www.lmygzs.com/archives/979.html

版权说明:如非注明,本站文章均为 蓝蚂蚁工作室 原创,转载请注明出处和附带本文链接。

模板分类
联系我们
推荐内容
扫一扫关注我们,微信号:lmywzgzs