杨泽业:给你的wordpress博客添加经典语录功能,适合所有php网站

杨泽业 2018年6月17日09:48:33
评论
1

我们做一个网站就是要不断给访客提供最佳的用户体验,同时提升自己的品牌价值,而文章结束的经典语录的功能,完全可以实现我们所要达到的效果。(如下图)

杨泽业:给你的wordpress博客添加经典语录功能,适合所有php网站

给你的wordpress博客添加经典语录功能

这个是怎样实现的呢?其实很简单,下面我就将核心文件和代码分享给大家。

第一步:添加语录功能的核心文件。

在网站的根目录里面添加一个yulu的文件夹,里面含有index.php和yulu.txt两个文件。其中index.php里面是核心代码,yulu.txt是要显示的经典语录,一条占用一行。

文末免费给出了所有文件的下载,给出的下载文件里面有一个叫做yulu888.txt文件里面有大量的网上下载的语录,反正我是不用的,我完全使用自己自定义的。

 

第二步:添加显示代码到指定的显示位置。

我使用的是知更鸟的begin模板,我把经典语录显示的位置,放在赞赏下方,即在begin\template\social.php最底部添加这个代码就行了。

  1. <!--经典语录功能开始-->
  2. <div>
  3. <script type="text/javascript" src="https://www.yangzeye.net/yulu/?format=js&charset=utf-8"></script>
  4. <div id="yulu"><script>yulu()</script></div>
  5. </div>
  6. <br>
  7. <!--经典语录功能结束-->

当然为了显示更加漂亮一点,可以在博客当前的主题Begin: 样式表 (style.css)里面,添加css代码,如:

  1. #yulu{
  2.     border-left: 5px solid #2f889a;
  3.     border-right: 5px solid #2f889a;
  4.     background-color: #ebebeb;
  5.     padding: 10px;text-align: center;
  6.     color: #095AD4;
  7.     margin: 5px 0 5px 0;
  8. }

好了,给你的wordpress博客添加经典语录功能,适合所有php网站的教程就到此结束了,直接在下方点击下载吧!

 

下载信息 经典语录功能核心文件
下载地址 查看演示

  • 泽业建站官方QQ群
  • 群号:187388018
  • weinxin
  • 我的微信公众号
  • 名称:杨泽业建站
  • weinxin
杨泽业
  • 本文由 发表于 2018年6月17日09:48:33
  • 转载请务必保留本文链接:https://www.yangzeye.net/yulu.html
wordpress IP验证不当漏洞修复方案 wordpress

wordpress IP验证不当漏洞修复方案

在我们使用阿里云的服务器里面,阿里云的云安全中心会提醒我们服务器里面cms漏洞,wordpress我更新到了最新版的5.2.1也是存在这个漏洞。 漏洞名称:wordpress IP验证不当漏洞 漏洞简...
WordPress网站升级教程 wordpress

WordPress网站升级教程

今天给大家讲讲WordPress的升级,目前最新版本的中文版是5.0.3的,当然不管是哪一个版本,保持最新版本的WordPress总是最安全的。   第一步,到官方下载最新版本的中文Word...
匿名

发表评论

匿名网友 填写信息

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