WordPress主题自动显示文章第一张图片代码
2012-09-23 00:00
363 查看
在修改主题的时候,我们可能需要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() ?>
在当前使用的主题模板的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() ?>
相关文章推荐
- PHP获取网站中各文章的第一张图片的代码示例
- dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
- 安卓 相机或相册图片上传至手机界面并显示 最后上传至服务器(界面xml布局代码前一个文章有)
- (转)上传自动显示图片 代码
- (转)上传自动显示图片 代码
- WordPress文章显示随机图片或默认图片代码
- 上传自动显示图片 代码
- WordPress主题设计技巧:调用文章第一张图片方法
- Jquery+ashx当把鼠标放到每篇文章时,自动显示该文章的缩略内容( 图片)的异步加载方法
- CSS3 animation实现图片轮播效果 自动显示 无需使用js 含代码(图片轮播效果一)
- 网页图片显示一段时间后自动隐藏 怎样实现 实现代码
- 如何获取文章中第一张图片并显示图片
- 如何给wordpress首页自动显示文章内容的第一个图片
- ECCMS下显示文章内容的图片时超出大小自动缩小,点击放大图片
- C#自动给文章关键字加链接实现代码
- 复制网站文章内容时自动添加版权信息的JS代码
- 网页制作 经典代码(无右键菜单\自动跳转\全屏显示\设为首页 ...
- WebView加载HTML图片大小自适应与文章自动换行
- iframe 引用微信公众号文章图片不显示问题