Begin主题美化顶栏随机显示一句话经典句子、名人名言

2021年8月22日17:12:44 发表评论

效果,每次进入或刷新网页展示不同的语句:

Begin主题美化顶栏随机显示一句话经典句子、名人名言 Begin主题美化顶栏随机显示一句话经典句子、名人名言 Begin主题美化顶栏随机显示一句话经典句子、名人名言

前言

以前浏览网页,或者使用软件时,经常会看到固定位置的一些语句每次刷新都是不同的内容。这些话或突然让你陷入沉思,或突然让你追忆往事。总有一两个句子能穿透你坚强的外壳,直击柔弱的内心。为实现这样的功能,博主也是爬了不少楼。终于在仙踪小栈找到了实现的可能性。

借鉴:

WordPres博客实现随机显示一句话经典句子、名人名言的两种方法

WordPress博客顶部显示问候语和日期的完美图文教程

代码部署:

本博客为Begin LTS2017版,其他版本请自行测试。

添加代码至user-profile.php文件

打开主题目录下/inc/user/user-profile.php文件,查找以下代码(一般在倒数第二第三行)

版本不同格式不同。

  1. zm_get_option('weibo_t')

Begin主题美化顶栏随机显示一句话经典句子、名人名言

博主的在第88行找到相应代码,则在上一行插入以下代码。

  1. <script type="text/javascript" src="https://你的域名/hitokoto/?format=js&charset=utf-8"></script>
  2. <div id="hitokoto"><script>hitokoto()</script></div>

注意替换红色字体部分
插入完成后如下图:

Begin主题美化顶栏随机显示一句话经典句子、名人名言

 

在根目录新建文件夹hitokoto,并将以下代码保存为 index.php放在文件夹内。

修改、新建、上传文件等操作,如果没有基础的朋友建议用宝塔面板进行操作。

宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取

需要注意的是,这里的根目录是你网站的根目录哦~有些小伙伴别放到主题目录里!

  1. <?php
  2. //获取句子文件的绝对路径
  3. //如果你介意别人可能会拖走这个文本,可以把文件名自定义一下,或者通过Nginx禁止拉取也行。
  4. $path = dirname(__FILE__);
  5. $file = file($path."/hitokoto.txt");
  6. //随机读取一行
  7. $arr  = mt_rand( 0, count( $file ) - 1 );
  8. $content  = trim($file[$arr]);
  9. //编码判断,用于输出相应的响应头部编码
  10. if (isset($_GET['charset']) && !empty($_GET['charset'])) {
  11.     $charset = $_GET['charset'];
  12.     if (strcasecmp($charset,"gbk") == 0 ) {
  13.         $content = mb_convert_encoding($content,'gbk', 'utf-8');
  14.     }
  15. else {
  16.     $charset = 'utf-8';
  17. }
  18. header("Content-Type: text/html; charset=$charset");
  19. //格式化判断,输出js或纯文本
  20. if ($_GET['format'] === 'js') {
  21.     echo "function hitokoto(){document.write('" . $content ."');}";
  22. else {
  23.     echo $content;
  24. }

 

自定义句子文本

新建文件hitokoto.txt并上传到文件夹hitokoto,然后把你喜欢的句子写入文本,注意一行一个句子。句子不易太长,长了会回行,很丑。

本来仙踪小栈有提供现成的hitokoto.txt文件。但因为使用场景不一样,里面很多语句实在太长了,便弃了。

下面放上我自己收集的一些诗句的hitokoto.txt文件,大家也可以自行收集。这个没有任何难度。

结语

感谢:仙踪小栈

WordPres博客实现随机显示一句话经典句子、名人名言的两种方法

WordPress博客顶部显示问候语和日期的完美图文教程

兰溪苑

发表评论

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