wordpress使用外链图片作为文章缩略图的方法

wordpress使用外链图片作为文章缩略图的方法

本文详细告诉读者如何开启wordpress特色图片(缩略图)功能，如何调用缩略图。针对使用外部链接图片作为文章缩略图的问题，以下是我的想法和解决方案。

1.应该有办法指定图片的详细地址:文章中的第一张图片，或者使用自定义通道提高一个自定义值。
2。在前台叫一个清晰的画面:你是选择韩曙的方法还是马上叫画面？

顺着这种思路，我们来完成以下内容:(前提是，所有调用都要在LOOP循环系统中，这样$post值就可以轻松应用了)

1.调用文章中的第一张图片:apply$post->:Post_content获取文章内容，然后通过搭配获取第一张图片的src值。

复制代码编码以下:
preg_match('/<img.src=[\'\"]([^\'\"])[\'\"].*\/>/i',$post->post_content,$index_piclink);if(count($index_piclink)>=2)$image_src=$index_piclink[1];if(!strstr($image_src,'http://'))$image_src=false;

复制代码编码如下:
preg_match('/=2)$image_src=$index_piclink[1]；如果(！strstr($image_src，'http://')$image_src=false；

2.调用自定义频道:以写文章为例，用专有名词post_thumb推广自定义频道，然后以图片的详细地址为值创建。如meta_key:post_thumb，meta_value:http://www.utubon.com/images/logo.png,然后按照以下方式调用它:

复制代码编码如下:
$image_src=get_post_meta($post-->；ID，'post_thumb'，true)；
$image_src=trim($image_src)！==''?trim($image_src):false；

3.在物品流通系统中应用它们。

复制代码编码以下:
if($image_src)echo'<imgsrc="'.$image_src.'"/>';

复制代码编码如下:
if(＄image_src)echo'；；

4.让他们去韩曙。

复制代码编码以下:
functionget_thumb_src($size='thumbnail',$first_pic_in_ctonte=true){
global$post;
$image_src='';
if(function_exists('has_post_thumbnail')&&has_post_thumbnail()){
$image_id=get_post_thumbnail_id();
$image_src=wp_get_attachment_image_src($image_id,$size);
$image_src=$image_src[0];
}else{
$image_src=get_post_meta($post->ID,'post_thumb',$single=true);
if(!$image_src&&$first_pic_in_ctonte){
preg_match('/<img.src=[\'\"]([^\'\"])[\'\"].*\/>/i',$post->post_content,$index_piclink);
if(count($index_piclink)>=2)$image_src=$index_piclink[1];
if(!strstr($image_src,'http://'))$image_src=false;
}
}
return$image_src;
}
functionthe_thumb_src($size='thumbnail',$first_pic_in_ctonte=true){
echoget_thumb_src($size,$first_pic_in_ctonte);
}

复制代码编码如下:
functionget_thumb_src($size='thumb'，$first_pic_in_CTonte=true){
global$post；
$image_src=''；
if(function_exists('has_post_thumbnail')&；&has_post_thumbnail()){
$image_id=get_post_thumbnail_id()；
$image_src=WP_get_attachment_image_src($image_id，$size)；
$image_src=$image_src[0]；
}else{
$image_src=get_post_meta($post->；ID，'post_thumb'，$single=true)；
如果(！$image_src&&$first_pic_in_ctonte){
preg_match('/<；img。src=[\'\"]([^\'\"])[\'\"]。*\/>；/i'，$post->；post_content，$index_piclink)；
if(count(＄index_piclink)>；=2)$image_src=$index_piclink[1]；
如果(！strstr($image_src，'http://')$image_src=false；
}
}
return$image_src；
}
函数the_thumb_src($size='thumbnail'，$first_pic_in_ctonte=true){
echoget_thumb_src($size，$first_pic_in_ctonte)；
}

这个数字(把它放在functions.php)完成文章缩略图的选择。如果已经有特色图片，就用特色图片。如果没有，检查post_thumb自定义通道。如果没有，就用文章的第一张图。如果文章中没有图片，则返回false值。适用时，以下内容:

复制代码编码如下:
if(get_thumb_src())The_thumb_src()；

这样就完成了wordpress应用的外链图片作为文章缩略图。太简单了。你学会了吗？

哦！没错。另外，扩展一个知识点，我们可以通过下面的方式应用_post_thumbnail函数，也可以完成外部链接图片的应用。前提是你按照上面的思路写了一个涵。我的完成方式如下:

1.在functions.php中添加以下代码

复制代码编码以下:
functionthe_post_thumb($thumb,$post_id,$post_image_id){
if($thumb==''){
$thumb='<imgsrc="'.get_post_meta($post_id,'post_thumb',true).'"/>';
}
return$thumb;
}
add_filter('post_thumbnail_html','the_post_thumb',10,3);

复制代码编码如下:
function_post_thumb(＄thumb，post_id，＄post_image_id){
if(＄thumb=''){
＄thumb='&imgsrc="'。'get_post_meta($post_id，'post_thumb'，true)。'"/>；；
}
return$thumb；
}
add_filter('post_thumbnail_html'，'the_post_thumb'，10，3)；

2.调用图片时应用以下代码(在文章循环中)

复制代码如下:
<？PHPif(has_post_thumbnail()||get_post_meta($post->；ID，'post_thumb')！=''):?><div><？PHPthe_post_thumbnail('post-thumbnail')；？></div>；<？phpendif？>

如你所见，我只选择了改进自定义通道post_thumb，而不是文章的第一张图。是因为我充分考虑到文章的第一张图很可能不是我想要的那张。

此外，人们甚至可以使用javascript编码根据ajax获取图片，然后在前台接收，按照改变原始元素的方式完成这一功能。