调用WordPress文章中第一张图片作为缩略图

版权声明:西柚乐ciyol.cn发布的部分内容包括:教程、文章、图片、视频、软件、程序、源码等搜集于互连网,仅供学习交流,严禁用于商业用途,请于24小时内删除,如喜欢请购买作者正版,享受售后服务!
释放双眼,带上耳机,听听看~!

以前我们在选择WordPress图文主题的比较少,如今是比较多见的。所以,一般主题中都自带可以自定义缩略图,或者是自动获取第一张文章中的图片作为缩略图。但是也有的时候我们可能需要调用文章中的图片作为缩略图。比如在企业网站模板设置的时候需要手动设置这样的功能。

第一、Functions.php代码部分

function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches[1][0];

if(empty($first_img)) {
$first_img = "/path/to/default.png";
}
return $first_img;
}

第二、调出部分

if ( get_the_post_thumbnail($post_id) != '' ) {

echo '<a href="'; the_permalink(); echo '" class="thumbnail-wrapper">';
the_post_thumbnail();
echo '</a>';

} else {

echo '<a href="'; the_permalink(); echo '" class="thumbnail-wrapper">';
echo '<img src="';
echo catch_that_image();
echo '" alt="" />';
echo '</a>';

}

根据需要调用在模板输入文章的页面中。

人已赞赏
WordPress教程

取消WordPress插入图片限制宽度和高度设置

2019-2-8 11:50:32

WordPress教程

为WordPress主题添加"点击加载更多文章"功能实现方法

2019-2-14 11:53:22

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索