wordpress怎么使用外链图片作为文章缩略图
<p><strong>思路：</strong></p>
<p>
1、要有一个确定图片地址的方法：文章中的第一张图片，或者使用自定义栏目增加一个自定义值。</p>
<p>
2、在前台调用确定好的图片：采用函数的方法还是直接调用图片。</p>
<p>
<strong>实现如下：</strong></p>
<p>
<strong>前提：</strong></p>
<p>
任何调用最好都是在LOOP循环中，这样可以轻松的使用$post值。</p>
<p>
1、调用文章中的第一张图片：使用$post->post_content获得文章内容，然后用匹配的方法得到第一张图片的src值。</p>
<blockquote>
<ol>
<li>
<span><span>preg_match(</span><span>'/<img.+src=[\'\"]([^\'\"]+)[\'\"].* \/>/i'</span><span>,$post->post_content,$index_piclink); </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span><span>if</span><span>(count($index_piclink) >= 2)$image_src = $index_piclink; </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span><span>if</span><span>(!strstr($image_src,</span><span>'http://'</span><span>))$image_src = </span><span>false</span><span>; </span></span>
</li>
</ol>
</blockquote>
<p>
2、调用一个自定义栏目：在写文章的时候，增加一个名词为post_thumb的自定义栏目，然后将图片的地址作为值建立它。如meta_key:post_thumb,meta_value:http://www.utubon.com/images/logo.png，然后通过以下的方法调用它：</p>
<blockquote>
<ol>
<li>
<span><span>$image_src = get_post_meta($post->ID,</span><span>'post_thumb'</span><span>,</span><span>true</span><span>); </span></span>
</li>
<li>
<span>$image_src = trim($image_src) !== <span>''</span><span> ? trim($image_src) : </span><span>false</span><span>; </span></span>
</li>
</ol>
</blockquote>
<p>
3、在文章循环中使用它们</p>
<blockquote>
<ol>
<li>
<span><span>if</span><span>($image_src)echo </span><span>'<img src="'</span><span>.$image_src.</span><span>'" />'</span><span>; </span></span>
</li>
</ol>
</blockquote>
<p>
4、把他们做成函数</p>
<blockquote>
<ol>
<li>
<span><span>function</span><span> get_thumb_src($size = </span><span>'thumbnail'</span><span>,$first_pic_in_ctonte = </span><span>true</span><span>){ </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span>global $post; </span>
</li>
<li>
<span> </span>
</li>
<li>
<span>$image_src = <span>''</span><span>; </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span><span>if</span><span>(function_exists(</span><span>'has_post_thumbnail'</span><span>) && has_post_thumbnail()){ </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span>$image_id = get_post_thumbnail_id(); </span>
</li>
<li>
<span> </span>
</li>
<li>
<span>$image_src = wp_get_attachment_image_src($image_id,$size); </span>
</li>
<li>
<span> </span>
</li>
<li>
<span>$image_src = $image_src; </span>
</li>
<li>
<span> </span>
</li>
<li>
<span>}<span>else</span><span>{ </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span>$image_src = get_post_meta($post->ID,<span>'post_thumb'</span><span>,$single=</span><span>true</span><span>); </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span><span>if</span><span>(!$image_src && $first_pic_in_ctonte){ </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span>preg_match(<span>'/<img.+src=[\'\"]([^\'\"]+)[\'\"].* \/>/i'</span><span>,$post->post_content,$index_piclink); </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span><span>if</span><span>(count($index_piclink) >= 2)$image_src = $index_piclink; </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span><span>if</span><span>(!strstr($image_src,</span><span>'http://'</span><span>))$image_src =</span><span>false</span><span>; </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span>} </span>
</li>
<li>
<span> </span>
</li>
<li>
<span>} </span>
</li>
<li>
<span> </span>
</li>
<li>
<span><span>return</span><span> $image_src; </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span>} </span>
</li>
<li>
<span> </span>
</li>
<li>
<span><span>function</span><span> the_thumb_src($size = </span><span>'thumbnail'</span><span>,$first_pic_in_ctonte = </span><span>true</span><span>){ </span></span>
</li>
<li>
<span> </span>
</li>
<li>
<span>echo get_thumb_src($size,$first_pic_in_ctonte); </span>
</li>
<li>
<span> </span>
</li>
<li>
<span>} </span>
</li>
</ol>
</blockquote>
<p>
这个函数（把它放在functions.php中）实现了对文章缩略图的挑选，如果已经有特色图片，则使用特色图片，如果没有就检查post_thumb自定义栏目，如果也没有就使用文章第一张图片，如果文章没有图片，就返回false值。在使用时如下：</p>
<blockquote>
<ol>
<li>
<span><span>if</span><span>(get_thumb_src())the_thumb_src(); </span></span>
</li>
</ol>
</blockquote>
<p>
以上就是wordpress怎么使用外链图片作为文章缩略图的详细内容，更多请关注网站的其它相关文章！</p>
頁:
[1]