如何让你的wordpress更显文艺范?一言帮你搞定!

投稿   Devoted  2017-07-20 07:30:51  250 人阅读  27 条评论

投放广告联系   诚邀合作伙伴   赞助我们   公告栏   赞助光荣榜

如何让你的 wordpress 更显文艺范?其实就是在文章内容后面随机显示一行比较有文艺范的文字,具体效果如下图所示,蓝色字体内容每次刷新都会随机更换一次,显示不同的文字。

如何让你的wordpress更显文艺范?一言帮你搞定! WordPress 第1张

纯净版

要实现这样的效果也很简单,两行代码搞定

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

如果想展示在其他类型的文章页面中,只需要将上面代码放在主题对应的文章模板里即可。比如我的是 single-aduio.php,single-image.php,single-standard.php,single-video.php 分别对应音频模板、图形模板、标准模板和视频模板!具体还要看个人主题。除此之外,我们还可以放在其他任意页面!可自定义!注意代码规范,别乱添加,别让网站崩溃就行!

美化版

刚添加好的话,是没有任何美化的,这里可以提供一个 css 参考,只需要将其添加到主题下的 style.css 里即可

  1. .ad {
  2.     background-color: #f0f8ff;
  3.     padding: 10px;
  4.     text-align: center;
  5.     color: #095AD4;
  6.     margin: 5px 0 5px 0;
  7.     border-radius: 2px;
  8. }

另外需要在上面纯净版 div 里添加 class=”ad”

完整代码如下:

  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>

本站(Devoted)已经完美调用了一言 api,可点击任意文章查看!

文章标签: ,   ,  
原文地址:http://devoted2.site/
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 Devoted 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress/zblogPHP免费响应式博客主题Blogs

 发表评论


  1. 韭菜韭菜
    韭菜韭菜 【小白】 @回复

    不错,谢谢。

  2. 狂放
    狂放 【书童】 @回复

    我记得一言挂了来着

  3. YangOne
    YangOne 【进士】 @回复

    文艺范 更多的是从文章的内容和风格上体现吧

    • boke112导航
      boke112导航【村长】2017-07-21 16:17  回复

      @YangOne主题上也很重要,如果是一个很稳重的主题,怎么看都看不出又文艺范的

  4. 顾修博客
    顾修博客 【秀才】 @回复

    一如既往地支持,在贵站学到了很多折腾小技巧

  5. 小苍老师
    小苍老师 【进士】 @回复

    呀呼,今天还皮没有更新?坐等更新!

  6. 薅羊毛
    薅羊毛 【书童】 @回复

    还可以这样 试试

  7. 励志语录
    励志语录 【进士】 @回复

    颜色改变了,不错哦!

  8. 小萝博客
    小萝博客 【状元】 @回复

    个人感觉意义不大

  9. 明月登楼
    明月登楼 【王爷】 @回复

    不错,赞一个先!

  10. 橘子书
    橘子书 【丞相】 @回复

    有点像每日美言美句的感觉。

  11. 闲鱼
    闲鱼 【进士】 @回复

    还是点个赞,喜欢的人会喜欢,不喜欢的人莫强求

  12. 九哥
    九哥 【举人】 @回复

    调用别人的确实不安全,以后别人删掉的话你这就没了。这个随机显示文字实现起来也不难,我的说说就有用到,不用调用别人的api,文字都可以自己随便改的。

  13. BanYuner
    BanYuner 【进士】 @回复

    一开始觉得这个还是很好的,但是后来就发现多余了

  14. 玉满斋
    玉满斋 【尚书】 @回复

    过来看看!露个脸!

  15. 小苍老师
    小苍老师 【进士】 @回复

    感觉WP原生的模版就挺简约文艺的!

  16. 快修手机维修
    快修手机维修 【小白】 @回复

    确实不错,这个挺文艺的

  17. 靠谱学生兼职网
    靠谱学生兼职网 【尚书】 @回复

    效果真的好。

  18. CPA学习网
    CPA学习网 【举人】 @回复

    是很不错的!

  19. 玉满斋
    玉满斋 【尚书】 @回复

    好有文艺范儿呀!

  20. 雅兮网
    雅兮网 【尚书】 @回复

    说句不中听的,调用别人api有点危险,他挂了,你也挂了。可以参照“你好多莉”DIY一个语录

  21. 网赚乎
    网赚乎 【举人】 @回复

    感谢分享,学习了。

  22. WP头条
    WP头条 【秀才】 @回复

    功能类似,你好多莉

  23. 心动
    心动 【举人】 @回复

    有意思~

  24. 爱时尚
    爱时尚 【尚书】 @回复

    这感觉没什么实际用途