服务器与VPS
促销优惠信息

纯代码实现wordpress缩略图切换 随机缩略图美化网站

查看目录
文章目录隐藏
  1. 1、随机缩略图切换代码:
  2. 2、上传随机缩略图:
  3. 3、调用随机缩略图:

在wordpress搭建的网站中,通常在首页和列表页都会展示文章缩略图,而缩略图的来源一般是来自文章的特色图片或者自动调用文章内第一张图片。但如果文章内没有图片则会显示主题的默认缩略图,但是这样很多文章会显示同一缩略图,而且很多主题自带缩略图并不好看,其实我们可以让wordpress缩略图随机切换为预先设定好的美观图片。下面这段代码可以让文章缩略图随机显示,如果有缩略图就调用缩略图,没有缩略图会随机选取一张预先设定图片为缩略图。

纯代码实现wordpress缩略图切换 随机缩略图美化网站

1、随机缩略图切换代码:

把下面的代码放到我们主题的function文件中。

//支持外链缩略图
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($image_width<50){
        $first_img = '';
        //从50张图中随机选择,可根据自己的图片数量设置
        $random = mt_rand(1, 50);
        echo get_bloginfo ( 'stylesheet_directory' );
        echo '/images/random/'.$random.'.jpg';
        }
  return $first_img;
}

注意:$random = mt_rand(1, 2);为图片编号数量。比如图片有1.jpg,2.jpg,....30.jpg,那么修改成:$random = mt_rand(1, 50);

2、上传随机缩略图:

在主题中目录下新建/images/random/目录,找一些自己喜欢的图片上传进去,重命名为1,2,3,4,5.jpg。这些随机缩略图最好风格统一,比如都是美女图片、都是风景图片、都是科技图片等等~

3、调用随机缩略图:

在想要展示缩略图的地方(注意是替换链接图片地址部分)加入下面代码。

  1. <?php echo catch_first_image(); ?>

通过此方法,可以实现让你没有设置特色图片的文章缩略图随机切换,这样看上去网站会更加美观,给访客一个美好的体验,提升网站用户粘度!

楚狂人 » 纯代码实现wordpress缩略图切换 随机缩略图美化网站

相关推荐

  • 暂无文章

评论 抢沙发

  • (必填)
  • (必填)

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏