Unsplash.it 是一个使用漂亮的图像作为占位符的工具。只要把你的图像尺寸（宽与高）放到网址后面的参数中，你会得到一个占位符。你可以很容易地得到一个随机图像或者是一个模糊图像。也支持获取灰度图像和特定图像。

Puma主题是大发同学开发的一款Wordpress主题，头部的背景图片是其特色之一。所以想到了使用Unsplash来替换随机色缩略图，达到随机的效果

在header.php中找到如下代码：

<header class="site-header u-textAlignCenter hasImage">

修改为如下：

<header class="site-header u-textAlignCenter hasImage"<?php echo 'style="background-image:url(https://unsplash.it/900/380/?random)" '?>>

保存替换即可！

Unsplash It官网地址：https://unsplash.it/

赏

扫码打赏，您说多少就多少！

感谢您的打赏，我们会更加努力的更新站点！

相关文章

发表评论

• 10 评论
• 4参与者

• • 

    小众网站 7年前 (2015-12-18)

    这个非常棒，收藏了

    回复
    • 

      liuronghuan 7年前 (2015-12-18)

      @小众网站 欢迎常来

      回复
  • 

    Tokin 7年前 (2015-11-26)

    我很奇怪，为什么随机背景你要用php的echo输出

    回复
    • 

      liuronghuan 7年前 (2015-12-04)

      @Tokin 没什么 顺手写的

      回复
      • 

        Tokin 7年前 (2015-12-04)

        @liuronghuan 不知道是不是我线路问题，这家服务经常前一分钟能用，后一分钟无法使用，等几分钟又能用了

        回复
        • 

          liuronghuan 7年前 (2015-12-04)

          @Tokin 我这边还好 所以一直在用 不过感觉速度比较慢 顺便测试一下邮件回复 看看能不能收到

          回复
          • 

            Tokin 7年前 (2015-12-05)

            @liuronghuan 能收到

            回复
  • 

    Tokin 7年前 (2015-11-26)

    大发那边倒是有Puma的随机banner解决方案

    回复
    • 

      liuronghuan 7年前 (2015-12-04)

      @Tokin 我看过了 然后突然发现这么一个网站

      回复
  • 

    ScottJu 7年前 (2015-11-25)

    不知道这个适用于我那个主题不，要是能就好咯。逼格就更高了。

    回复
• • liuronghuan
  • 小众网站
  • Tokin
  • ScottJu