WordPress无插件实现带缩略图相关内容调用
ssr
撰写于 2022年 02月 26 日

老蒋在"WordPress无插件实现相关内容调用功能"文章中分享到相关文章调用,但是如果有需要调用图片的得需要找到其他方法。这里在WP大学看到有调用相关文章的时候可以带有图片,这个就比较适合有需要图片相关文章的调用功能。如果我们有需要的可以参考,同样是无插件实现的。

第一、脚本部分
A - 定义内容


//添加特色缩略图支持
if ( function_exists('add_theme_support') )add_theme_support('post-thumbnails');
//输出缩略图地址
function post_thumbnail_src(){
global $post;<br> if( $values = get_post_custom_values("thumb") ) { //输出自定义域图片地址
$values = get_post_custom_values("thumb");<br> $post_thumbnail_src = $values [0];<br> } elseif( has_post_thumbnail() ){ //如果有特色缩略图,则输出缩略图地址<br> $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');<br> $post_thumbnail_src = $thumbnail_src [0];<br> } else {<br> $post_thumbnail_src = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);<br> $post_thumbnail_src = $matches [1] [0]; //获取该图片 src<br> if(empty($post_thumbnail_src)){ //如果日志中没有图片,则显示随机图片
$random = mt_rand(1, 10);<br> echo get_bloginfo('template_url');<br> echo '/images/pic/'.$random.'.jpg';
//如果日志中没有图片,则显示默认图片
//echo '/images/default_thumb.jpg';
}
};
echo $post_thumbnail_src;
}

将脚本添加到当前主题Functions.php文件中。默认是从缩略图、文章第一张图片调用的图片。如果没有图片我们也可以自定义到/images/default_thumb.jpg设置默认图片。
B - 调出部分

您可能还喜欢这些内容:




将代码添加到模板需要调出的位置,post_num设置调用数量。
第二、设置样式

.related_posts{margin-top:5px;}
.related_img{width:600px;height:210px;}
.related_box{float:left;overflow:hidden;margin-top:5px;width:148px;border-right:1px #eee solid}
.related_box:hover{background:#f9f9f9}
.related_box .r_title{width:auto;height:72px;font-weight:400;font-size:14px;margin:0 10px;overflow:hidden;}
.related_box .r_pic{margin:6px}
.related_box .r_pic img{width:130px;height:100px;border:1px solid #e1e1e1;background:#fff;padding:2px}

根据实际调出情况设置样式。
文章参考自WP大学:
https://www.wpdaxue.com/wordpress-related-posts.html

WordPress无插件实现带缩略图相关内容调用

老蒋在"WordPress无插件实现相关内容调用功能"文章中分享到相关文章调用,但是如果有需要调用图片的得需要找到其他方法。这里在WP大学看到有调用相关文章的时候可以带有图片,这个就比较适合有需要图片相关文章的调用功能。如果我们有需要的可以参考,同样是无插件实现的。

第一、脚本部分
A - 定义内容


//添加特色缩略图支持
if ( function_exists('add_theme_support') )add_theme_support('post-thumbnails');
//输出缩略图地址
function post_thumbnail_src(){
global $post;<br> if( $values = get_post_custom_values("thumb") ) { //输出自定义域图片地址
$values = get_post_custom_values("thumb");<br> $post_thumbnail_src = $values [0];<br> } elseif( has_post_thumbnail() ){ //如果有特色缩略图,则输出缩略图地址<br> $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');<br> $post_thumbnail_src = $thumbnail_src [0];<br> } else {<br> $post_thumbnail_src = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);<br> $post_thumbnail_src = $matches [1] [0]; //获取该图片 src<br> if(empty($post_thumbnail_src)){ //如果日志中没有图片,则显示随机图片
$random = mt_rand(1, 10);<br> echo get_bloginfo('template_url');<br> echo '/images/pic/'.$random.'.jpg';
//如果日志中没有图片,则显示默认图片
//echo '/images/default_thumb.jpg';
}
};
echo $post_thumbnail_src;
}

将脚本添加到当前主题Functions.php文件中。默认是从缩略图、文章第一张图片调用的图片。如果没有图片我们也可以自定义到/images/default_thumb.jpg设置默认图片。
B - 调出部分

您可能还喜欢这些内容:




将代码添加到模板需要调出的位置,post_num设置调用数量。
第二、设置样式

.related_posts{margin-top:5px;}
.related_img{width:600px;height:210px;}
.related_box{float:left;overflow:hidden;margin-top:5px;width:148px;border-right:1px #eee solid}
.related_box:hover{background:#f9f9f9}
.related_box .r_title{width:auto;height:72px;font-weight:400;font-size:14px;margin:0 10px;overflow:hidden;}
.related_box .r_pic{margin:6px}
.related_box .r_pic img{width:130px;height:100px;border:1px solid #e1e1e1;background:#fff;padding:2px}

根据实际调出情况设置样式。
文章参考自WP大学:
https://www.wpdaxue.com/wordpress-related-posts.html

赞 (0)

猜您想看

评论区(暂无评论)

这里空空如也,快来评论吧~

我要评论