当前位置:首页 > 网站建设 > 正文
运行天数:3005 天 最后更新:2020-7-11

如何给wordpress首页自动显示文章内容的第一个图片

用手机或者平板电脑扫描应用扫描本二维码,可以在手机浏览器继续浏览,也可以分享给你的联系人。

2016年03月20日 | 作者: 影子 | 分类: 网站建设 | 点击量: 1,100

WDJA网站内容管理系统,免费开源可商用 点我获取,简单好用的PHP版CMS

如何修改wordpress的php带来来实现这个首页自动显示文章内容缩略图的功能。

1.找到主题下的functions.php,增加一个现实第一个图片的方法。我是用的是 twentyeleven 主题,所以修改文件存在于 wp-content/themes/twentyeleven/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 = bloginfo('template_url'). '/images/default-thumb.jpg'; 
    } 
    return $first_img; 
 } 

2.首页是index.php生成的,我们能看到以下代码,
<a href="<?php%20the_permalink();%20?>"><img src="<?php%20echo%20catch_that_image()%20?>" alt="<?php the_title(); ?>"/></a>  //增加这一行即可

 



手机扫码浏览本文


关键词:

本文网址:https://www.menglei.net/2005/,转载请以链接形式注明出处,谢谢合作!

*本站部分内容转载自其他媒体,版权归其所有。如若内容或图片侵犯您的权益,请与本站联系,我们将在24小时内处理完毕。

作者:清晨@深圳网站建设专家. | 清晨,领先的深圳网站优化品牌。

交流QQ号:925474725 邮件支持:shadoweb@qq.com