Hi!请登陆

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

2021-2-26 45 2/26

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

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

纯净版

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

  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,可点击任意文章查看!

相关推荐