填写您的邮件地址,订阅我们的精彩内容:

wordpress首页调用文章的第一张图片

673

很多朋友希望自己的wordpress博客首页的文章开头调用一张与本文章有联系的图片,并能自由的安排这张图和文字的布局。那么接下来就将为您奉献获取文章中已经存在的图片,如果文章中没有图片,你也可以调用一张事先准备好的图片,以达到布局的一致性。

一、利用编辑文章时的自定义栏目,直接添加一张图片的地址,达到调用文章的效果。

该方法可以看为wordpress每一篇文章加入自定义的不同广告一文进行思考。本文直接说方法。

1、先在添加文章时添加一个自定义域,第一次添加好后,第二次仍然可以用其名称,在域值中填入图片的网址。

如:添加名称为artpic,值为http://www.yoursite.com/wp-content/uploads/2011/03/title.jpg

2、调用。调用代码是”<?php $key=”artpic”; get_post_meta($post->ID, $key, true); ?>”。但是必须注意的是,该代码必须放在文章调用循环语句里,在首页调用时,相信朋友们知道哪些代码是调用文章的标题、栏目、内容等的,将这句放 在内容代码的边上吧。

二、利用preg_match函数直接获取文章内容的第一个<img />标记,从而直接获得得到文章第一张图片。

首先,你的文章中必须有一张图,不管是外链还是站内的都可以。其次就是调用。

preg_match(‘/<img.+src=[‘”]([^'”]+)[‘”].* />/i’,$post->post_content, $index_piclink);
echo ‘<img src=”‘.$index_piclink[1].’” width=”190″ height=”120″ />’;

上面这段代码可以实现获得文章内容第一个<img />标签。配合上if…else语句就可以根据文章是否含有图片而决定是否使用自己事先准备好的图片。但是有一个问题,如果你在文章中给出了一个错误的src,那么就连接不到该图片,将出现一个小红叉。

三、有些主题自己佩戴了特色图片功能,只要在编辑文章时,上传一张特色图片就可以在首页调用该图了。<完>

下面我简单说几句