WordPress 用代码实现刷新网页都随机变换背景图片

鳄鱼君

发表文章数:642

Vieu四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
首页 » WordPress » WordPress 用代码实现刷新网页都随机变换背景图片

WordPress文章没有图片时显示随机图片或默认图片的代码网上有很多。cmhello的主题上看到两个很好用的代码。分享给大家.

打开主题的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)){
    		$random = mt_rand(1, 10);
    		echo get_bloginfo ( 'stylesheet_directory' );
    		echo '/images/random/'.$random.'.jpg';
    		}
      return $first_img;
    }
    ;
 

上面的代码,只需要准备10张图片,放在主题的/images/random/目录即可,如果需要显示一张默认的图片,可以使用下面的代码替换

显示默认图片

 //支持外链缩略图
    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)){
    		$first_img = bloginfo('template_url'). '/images/default-thumb.jpg';
    		}
      return $first_img;
    }
    ;
 

默认图片放在Hcms主题的images文件夹里,并将名字命名为default-thumb.jpg。

以上的函数,在调用的时候,可以使用下面的语句.

    <?php echo catch_first_image() ?> 

未经允许不得转载:作者:鳄鱼君, 转载或复制请以 超链接形式 并注明出处 鳄鱼君
原文地址:《WordPress 用代码实现刷新网页都随机变换背景图片》 发布于2020-02-19

分享到:
赞(0) 赏杯咖啡

评论 抢沙发

8 + 6 =


文章对你有帮助可赏作者一杯咖啡

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.6主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册