官方QQ群 —Discuz在线开发手册购买邀请码

开启辅助访问在线金币（V币）充值切换风格

【道勤网】- www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程！【道勤网】 › 首页 ›网站程序教程› Wordpress教程 › 查看内容

WordPress如何设置文章列表自动显示文章内第一张图片

2015-12-27 22:32| 发布者: 学习NO.1| 查看: 1583| 评论: 0|原作者: 学习NO.1

摘要: 在修改主题的时候，我们可能需要WordPress自动获取文章第一张图片，在博客吧看到了相关的实现方法，记录一下，估计以后也用得到。在当前使用的主题模板的functions.php文件?php和?之前添加以下代码 function catch_t ...

在修改主题的时候，我们可能需要 wordpress自动获取文章第一张图片，在博客吧看到了相关的实现方法，记录一下，估计以后也用得到。

在当前使用的主题模板的functions.php文件<?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)){ //Defines a default image
$first_img = "/images/default.jpg";
}
return $first_img;
}

复制代码

在当前主题模板的index.php文件的内容代码前或后添加以下代码

<?php echo catch_that_image() ?>

复制代码

当然了，要限制显示图片的效果(比如大小、边框)，就需要你使用css设置了。

上一篇：wordpress安装时候发现“创建配置文件”这一步-页面无反应下一篇：最新版WORDPRESS怎么禁用REST API和移除WP-JSON链接的方法

最新评论

栏目导航MORE

最新资讯MORE

热图推荐MORE

热门资讯MORE

!jz_fbzt! !jz_lxwm! !jz_gfqqq!

!jz_fenx!

!jz_gzwx!

!jz_grzx!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-4-26 21:19

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

返回顶部