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

相关推荐
2601_965798472 天前
Renovate Theme Setup: Fast Contractor & Construction Site Architecture
theme·wordpress
2601_965798474 天前
Salient Theme Setup Guide for Fast Creative WordPress Sites
数据库·web3·php·wordpress
2601_965798476 天前
Boutique Business Consulting WordPress Architecture & SEO Setup
android·theme·wordpress
2601_965798477 天前
Plastic Surgery Clinic Web Setup: Deploying Rejuvita WordPress
php·theme·wordpress
2601_965798477 天前
Contractor Web Setup: Deploying Bathrooms & Kitchens Theme Fast
前端·web3·php·wordpress
e6zzseo14 天前
wordpress独立站seo怎么做才有效
seo·wordpress·独立站·内容优化·外链建设
Web极客码16 天前
如何让用户订阅WordPress评论?提升用户互动的有效策略
运维·服务器·wordpress
fobwebs16 天前
Wordpress Xstore 主题安装Elementor Pro 后找不到某些Elements 组件的解决方法
element·wordpress·form·xstore·pro elements·elementor pro
代龙涛17 天前
WordPress sidebar.php 侧边栏开发教程
开发语言·php·wordpress
代龙涛18 天前
WordPress header.php 与 footer.php 模板结构详解
开发语言·php·wordpress