WordPress缩略图显示随机图片

前言 一开始搭建APTX部落这个博客时,博客的图片都用的Vicer大佬的,最近有时间了,便把图片大部分换成自己找的了(感谢P站各位画师),每个文章设置特色图像太麻烦了,怎么才能让他随机显示呢,就像萌咖...

前言

一开始搭建APTX部落这个博客时,博客的图片都用的Vicer大佬的,最近有时间了,便把图片大部分换成自己找的了(感谢P站各位画师),每个文章设置特色图像太麻烦了,怎么才能让他随机显示呢,就像萌咖一样。

教程

1、编辑主题文件,在主题的functions.php中加入以下代码

//支持外链缩略图
if ( function_exists('add_theme_support') )
add_theme_support('post-thumbnails'); // 若有错误删掉上面两行
function catch_first_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))
{
$image_size = getimagesize($first_img);
$image_width = $image_size[0];
}
//如果第一张图不存在或过小,则返回随机图片           可乐补充如果不需要默认第一张图的话把上面的代码以及if都去掉即可
if(empty($first_img) || $image_width<50){
$first_img = '';
//从2张图中随机选择,可根据自己的图片数量设置
$random = mt_rand(1, 2);
echo get_bloginfo ( 'stylesheet_directory' );
echo '/images/random/'.$random.'.jpg';
}
return $first_img;
}

2、在主题中新建/images/random/目录,找一些自己拍的图片放进去。将他们重命名为1..2…3..4..5.jpg网上有一件重命名脚本/

3、打开主题目录下content.php,将原主题的特色图像代码换成下面的

<!--裁切高大于宽的图片-->
<div >
<img src='https://www.cokemine.com/<?php echo catch_first_image(); ?>' />
</div>

如下图(KRATOS)

二次前言

现在才发现这个没有跳转文章链接,我又加上了。。

请用这个(KRATOS)

function catch_rand_image() {
global $post, $posts;$imgg_url;
ob_start();
ob_end_clean();
$random = mt_rand(1, 63);
$imgg_url = 'https://xxx/images/random/'.$random.'.jpg';
echo '<a href="'.get_permalink().'"><img src="'.$imgg_url.'" /></a>';
}

content.php:

<?php echo catch_rand_image(); ?>

后记

一些地方需要自己调一下,不要忘记修改rand里的值要不然只会选择1.jpg和2.jpg

文章大部分参考自:https://talk.synyan.net/11030

人已赞赏
wordpress教程文章教程

WordPress官方编辑器插件Gutenberg发布

2020-10-16 17:30:47

wordpress教程文章教程

WordPress联系表单插件:WPForms

2020-10-16 17:30:49

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索