WordPress如何自建txt文本经典语录并随机显示一句话经典语录?

前面跟大家分享的『WordPress集成一言(Hitokoto)API经典语句功能』一文中就提供有自创API,其中懿古今顶部左上角显示的经典语录用的就是自建一个txt文本文件,然后再在前端网页指定位置随机显示语录。具体操作方法如下:

1、在网站根目录创建一个文件夹并命名为juzi,这个名称可自取,记得将第4步src值中的juzi修改为相应的名称。

2、在第1步创建的文件夹juzi中创建一个txt文本,如yulu.txt(名称可自取,记得将第3步第3行代码的文件名称改为相应名称),并在其中添加自己想要的经典语录,记得一行一句。

3、在第1步创建的文件夹juzi中创建一个index.php文件,并添加以下代码:

复制代码
<?php
$path = dirname(__FILE__);
$file = file($path."/yulu.txt");
$arr = mt_rand( 0, count( $file ) - 1 );
$content = trim($file[$arr]);
if (isset($_GET['charset']) && !empty($_GET['charset'])) {
$charset = $_GET['charset'];
if (strcasecmp($charset,"gbk") == 0 ) {
$content = mb_convert_encoding($content,'gbk', 'utf-8');
}
} else {
$charset = 'utf-8';
}
header("Content-Type: application/x-javascript; charset=$charset");
if ($_GET['ylwz'] === 'boke112.com') {
echo "function bokeyulu(){document.write('" . $content ."');}";
} else {
echo $content;
}
?>

以上第15行代码中的ylwz和boke112.com可自行修改,其中域名建议修改为自己站点的域名,若修改的话,记得跟着修改第4步src的值。

4、打开当前主题的header.php文件,在</head>的前面添加以下代码:

复制代码
<script type="text/javascript" src="http://你的网站域名/juzi/?ylwz=boke112.com&charset=utf-8"></script>

5、在想要显示随机语录的地方添加以下代码即可实现:

复制代码
<script>bokeyulu()</script>

比如你的WordPress网站使用的是JianYue主题,想要在顶部左上角显示随机语录,那么只需要打开/wp-content/themes/JianYue/header.php文件,将第39行代码替换为:

复制代码
<script>bokeyulu()</script>

并保存文件,然后访问站点前端任何一个网页,都可以看到左上角随机显示一句经典语录。

来源:https://boke112.com/post/11997.html

相关推荐
豆豆8 天前
什么是CMS系统_网站内容管理系统功能、分类与搭建方法详解
cms·wordpress·内容管理系统·网站管理系统·saas 建站·网站后台管理·网站建站
豆豆9 天前
2026年如何选择适合自己的网站管理系统?
数据库·cms·wordpress·建站系统·网站管理系统·建站软件·织梦
Web极客码10 天前
使用FeedBurner优化WordPress订阅体验
服务器·wordpress·feedburner
cll_86924189111 天前
WordPress Porto 主题后台一直提示 Porto Functionality 插件需要更新,如何隐藏?
wordpress
Web极客码12 天前
使用人工智能翻译WordPress网站
服务器·人工智能·wordpress
豆豆15 天前
2026年企业如何选择CMS网站管理系统和建站系统
cms·wordpress·建站系统·内容管理系统·网站管理系统·建站软件·建站工具
小牛itbull15 天前
告别传统主题开发!ReactPress Theme Starter —— 用 Next.js 15 构建现代化无头博客
javascript·cms·react·wordpress·nextjs·reactpress·blog-theme
TG_yunshuguoji20 天前
阿里云代理商:阿里云部署 WordPress的3 种方案
人工智能·阿里云·云计算·wordpress·ai智能体
Web极客码1 个月前
加快WooCommerce性能
服务器·wordpress·网站
豆豆1 个月前
WordPress至PageAdmin CMS跨平台迁移技术指南:应对环境约束的系统化过渡方案
cms·wordpress·建站系统·内容管理系统·网站管理系统·pageadmin