WordPress从文章中获取第一张图片作为缩略图

简介:

假设您想使用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>';
 
}
目录
相关文章
|
存储 数据库 对象存储
7款WordPress图片分离对象存储插件 含国内主流云服务存储商
如果我们有用WordPress搭建网站的朋友应该会发现网站文件和数据库其实没有多大,在网站运营几年后数据最大的就是图片。而且图片占用服务器的空间会搬家比较麻烦,而且占用服务求的带宽。我们看到很多的WordPress站点加速教程中是不是有提到建议图片和网站数据分离存储,将图片存储到其他服务器或者用云服务商的对象存储存储图片,起到分离加速的效果。
751 0
7款WordPress图片分离对象存储插件 含国内主流云服务存储商
|
2月前
|
前端开发 Java
WordPress动漫图片主题cxudy模板
WordPress多功能CX-UDY图片主题代码分享
26 1
|
Windows
wordpress timthumb无法显示缩略图的解决办法
wordpress使用缩略图工具timthumb.php缩略图不显示,错误信息中包含如下内容
455 0
wordpress timthumb无法显示缩略图的解决办法
|
PHP 数据库 关系型数据库
|
存储 云栖大会 对象存储
201601上海云栖大会Workshop - 使用OSS对Wordpress进行图片动静分离
目标 熟悉OSS的基本概念 使用Wordpress插件将图片存储到OSS 准备工作 OSS主页和控制台OSS主页 OSS控制台 AccessKey获取页面 OSS文档和SDK 注意事项:预计耗费的费用OSS是一个按量计费的
6332 0
|
监控 PHP
WordPress日志缩略图功能深度剖析
对于一个有深度有内涵的网站而言,精彩的内容永远都是要放在第一位的,但这并不意味着我们可以忽视网站的外观设计,设想一下网站上到处都是大段的纯文字,那么即使字字玑珠,也会引起读者的视觉疲劳。在这样一种情境下,为WordPress的日志正文搭配相关的插图、网站首页搭配日志缩略图就变得十分必要。
1102 0