纯代码让你的WordPress更显文艺

2017年8月2日18:06:29 发表评论 217 views

最近在逛一些博客的时候发现了一个比较好玩的东西,给WordPress的文章随机添加一句文艺的话。看到就喜欢上了。于是便找到了这个代码 。

纯代码让你的WordPress更显文艺

以上就是效果图。

这个位置的蓝色字体每次刷新都会随机更换一次。不多说,以下是代码:

  1. <script type="text/javascript" src="https://api.lwl12.com/hitokoto/main/get?encode=js&charset=utf-8"></script>
  2. <div class="ad" id="lwlhitokoto"><script>lwlhitokoto()</script></div>

只需要将上面代码放在主题对应的文章模板里就可以了。使用知更鸟的主题,代码部署在content.php、content-aside.php、content-image.php、content-video.php这几个标准模板、日志模板、图片模板、视频模板里面就好了 。

刚添加好的话,是没有任何美化的,作者在这里还提供一个css参考,只需要将其添加到主题下的style.css里就好了。代码如下:

  1. .ad {
  2.     background-color#f0f8ff;
  3.     padding10px;
  4.     text-aligncenter;
  5.     color#095AD4;
  6.     margin5px 0 5px 0;
  7.     border-radius: 2px;
  8. }

本站已经完美使用了,可点击任意文章查看效果~~~

代码来源于Devoted

weinxin
博客之家
博客之家,欢迎各位来加入,一起来交流!本站资源全部上传在群里,有需要的也可以加群来免费下载。
如果本站内容对你有所帮助,请帮忙点击下页面上的广告,帮助下网站发展,谢谢大家!
朱曙明

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: :aa: