缩略图功能函数 the_post_thumbnail
https://vpura.com/2018/03/26/wp_jiaocheng/code/235/ 开启缩…
https://vpura.com/2018/03/26/wp_jiaocheng/code/235/
开启缩略图
1
|
add_theme_support( ‘post-thumbnails’ );
|
开启后,在发布文章右侧底部会有“特色图片”。
使用方法
自定义缩略图尺寸
在functions.php中添加以下内容:
1
2
3
4
|
add_image_size( ‘one’, 150, 150, true );
add_image_size( ‘two’, 400,250, true );
add_image_size( ‘three’, 470, 440, true );
add_image_size( ‘four’, 550, 380, true );
|
前台调取不同尺寸的缩略图
1
2
3
4
5
6
7
8
|
the_post_thumbnail(); // 没有参数 – >; 缩略图
the_post_thumbnail( ‘thumbnail’ ); // 缩略图(默认最大150px x 150px)
the_post_thumbnail( ‘medium’ ); // 中等分辨率(最大300px x 300px)
the_post_thumbnail( ‘medium_large’ ); // 中等大分辨率(默认768px x无高度限制)
the_post_thumbnail( ‘large’ ); // 大分辨率(最大640x x 640像素)
the_post_thumbnail( ‘full’ ); // 原始图像分辨率(未修改)
the_post_thumbnail( ‘one’ ); // 自定义大小
the_post_thumbnail( array( 100, 100 ) ); // 其他分辨率(高,宽)
|
检查文章是否有缩略图
1
2
3
4
5
6
7
|
<?php
$a=catch_that_image();
if ( has_post_thumbnail() ) the_post_thumbnail(‘two’);
else
echo ‘<img src=”‘.$a.‘” />’;
endif;
?>
|
给输出的缩略图增加不同的class类名
1
|
the_post_thumbnail(‘thumbnail’,array(‘class’ => ‘homepage-thumb’));
|
wordpress调用缩略图/特色图url
1
|
<a href=“<?php the_post_thumbnail_url( ‘full’ ); ?>“><?php the_post_thumbnail(); ?></a>
|
如果不加链接
1
2
3
4
5
|
<?php if ( has_post_thumbnail() ) { ?>
<?php the_post_thumbnail(); ?>
<?php } else {?>
<img src=“这里填写默认图片地址” />
<?php } ?>
|
源文件
wp–includes/post–thumbnail–template.php
类别:WordPress开发、
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
评论功能已经关闭!