
正文开始阅读,请点击右上角“关注”按钮,关注我们
如果用的子比主题:把代码复制粘贴到主题后台–>自定义代码–>自定义底部HTML代码
其它主题:把代码放到主题footer.php
文件的在 <footer></footer>
之间添加两行代码
<div id="jsi-flying-fish-container"></div>
<script src="http://124.223.87.188//upload/2022-04-07/2204071156124619.js"></script>
使用教程
也很简单,只需要在两个文件中添加一行代码就可以实现
1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面
/*左边联系站长 css 开始 BY:映凡空间-www.yfkj6.com*/.contact-help{position: fixed; z-index: 101; left: 0; top: calc(50% - 30px); margin-top: -36px; width: 28px; height: 72px; transition: all .3s; font-size: 12px;background: var(--main-bg-color);border-radius: 0 5px 5px 0; padding: 8px 7px; line-height: 14px;}@media screen and (max-width: 768px){.contact-help{display:none;}}/*左边联系站长 css 结束 BY:映凡空间-www.yfkj6.com*/
2、在主题目录下 themes/zibll/footer.php 下的第63行,添加下面的 PHP 代码:
<!--左侧联系站长 BY:映凡空间-www.yfkj6.com--><a href="http://wpa.qq.com/msgrd?v=3&uin=3064305626&site=qq&menu=yes" target="_blank" class="contact-help main-shadow" style="font-weight:700;" />联系站长</a>
说明:PHP 代码的 HTML 代码内容、链接,可自行修改。
前言
- 这个小东西估计大家都很熟悉,一般就是引导用户收藏网站用途,因此分享给大家
添加教程
- 1、将下面的代码添加在网站页脚底部或者在 wp 后台添加小工具,效果展示是一样的我是添加在小工具的
- 2、添加路径:在后台—》外观—》小工具—》自定义 HTML—》 选择你需要放的位置
- 社长是放在 所有页面-页脚区内部 添加下方代码
<!---CTRL+D 收藏小工具开始 BY:映凡空间-www.yfkj6.com--->
<style type="text/css">
#go-fav {
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
background: #3d3d3d;
font-size: 14px;
font-weight: 400;
color: rgba(255, 255, 255, 1)
}
#go-fav span {
padding: 5px 10px;
background: rgba(255, 197, 0, 1);
border-radius: 5px;
color: #202020;
margin: 0 5px
}
#go-fav a {
color: #aeaeae
}
#go-fav a:hover {
color: var(--focus-color)
}
</style>
<div id="go-fav"> 赶紧收藏我们,查看更多心仪的内容?按<span>Ctrl</span>+<span>D</span>收藏我们 或<a class="find-more" href="/" rel="nofollow noopener" target="_blank"> 发现更多</a></div>
<!---CTRL+D 收藏小工具结束-BY:映凡空间-www.yfkj6.com--->
![图片[1]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!](https://001.pipixiaozhan.cn/2022/06/20220605104004720.png)
前言:
有朋友联系想要这个效果功能,因为最近比较忙,一直没有分享,正好趁着这次分享一次性分享给大家
使用方法
- 1、在 zibll 主题目录下,themes/zibll/footer.php文件中的顶部添加下面添加下面的代码:
<!---给网站数据库查询&页面加载耗时功能 BY:映凡空间-www.yfkj6.com--->
<center>
<p> 本次数据库查询:<?php echo get_num_queries(); ?>次 页面加载耗时<?php timer_stop(3); ?> 秒</p>
</center>
<!---网站数据库查询&页面加载耗时功能 BY:映凡空间-www.yfkj6.com--->
前言:
- 最初开始的时候设置就发布过一个 go 跳转文件美化版,在第 15 号教程,今天再给大家分享一个仪表盘版本的
使用方法:
- 1、找到子比主题/wp-content/themes/zibll 目录下的 go.php 文件打开
- 2、直接将下面的代码复制替换到 go.php 文件中即可
- 3、如需修改跳转快与慢,在文件的 78 行,将默认的 1500 修改即可,数值越小加载越快
<?php
/*
* @Author : Qinver
* @Url : zibll.com
* @Date : 2020-09-29 13:18:36
* @LastEditTime: 2022-02-27 21:59:20
* @Email : 770349780@qq.com
* @Project : Zibll 子比主题
* @Description : 一款极其优雅的 WordPress 主题
* @Read me : 感谢您使用子比主题,主题源码有详细的注释,支持二次开发。
* @Remind : 悠悠博客美化子比主题 go 跳转文件仪表盘版本 BY:映凡空间-www.yfkj6.com
*/
if (
strlen($_SERVER['REQUEST_URI']) > 384 ||
strpos($_SERVER['REQUEST_URI'], "eval(") ||
strpos($_SERVER['REQUEST_URI'], "base64")
) {
@header("HTTP/1.1 414 Request-URI Too Long");
@header("Status: 414 Request-URI Too Long");
@header("Connection: Close");
@exit;
}
//通过 QUERY_STRING 取得完整的传入数据,然后取得 url=之后的所有值,兼容性更好
@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if (!empty($t_url)) {
//判断取值是否加密
if ($t_url == base64_encode(base64_decode($t_url))) {
$t_url = base64_decode($t_url);
}
//防止 xss
$t_url = htmlspecialchars($t_url);
//对取值进行网址校验和判断
preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
if ($matches) {
$url = $t_url;
$title = '页面加载中,请稍候...';
} else {
preg_match('/\./i', $t_url, $matche);
if ($matche) {
$url = 'http://' . $t_url;
$title = '页面加载中,请稍候...';
} else {
$url = 'http://' . $_SERVER['HTTP_HOST'];
$title = '参数错误,正在返回首页...';
}
}
} else {
$title = '参数缺失,正在返回首页...';
$url = 'http://' . $_SERVER['HTTP_HOST'];
}
$url = str_replace('&', '&', $url);
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<noscript>
<meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';">
</noscript>
<script>
function link_jump() {
//禁止其他网站使用我们的跳转页面
var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
if (!MyHOST.test(document.referrer)) {
location.href = "http://" + MyHOST;
}
location.href = "<?php echo $url; ?>";
}
//延时 1S 跳转,可自行修改延时时间
setTimeout(link_jump, 1500);
//延时 50S 关闭跳转页面,用于文件下载后不会关闭跳转页的问题
setTimeout(function() {
window.opener = null;
window.close();
}, 50000);
</script>
<title><?php echo $title; ?></title>
<style type="text/css">
html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
background-color: #ffffff;
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
}
h1 {
font-size: 1.5em;
color: #404040;
text-align: center;
}
p {
font-size: 1em;
color: #404040;
text-align: center;
margin: 10px 0 0 0;
}
#spinner {
margin: 0 auto 30px auto;
display: block;
}
.attribution {
margin-top: 20px;
}
#cssload-wrapper {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 15;
overflow: hidden;
}
.cssload-loader {
width: 206px;
height: 206px;
border: 1px rgb(0, 0, 0) solid;
position: absolute;
left: 50%;
top: 50%;
margin: -250px 0 0 -103px;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.cssload-loader .cssload-loading {
font-size: 14px;
position: absolute;
width: 100%;
text-align: center;
line-height: 19px;
font-family: 'Century Gothic', sans-serif;
font-style: italic;
left: 0;
top: 50%;
margin-top: 28px;
color: rgb(0, 0, 0);
font-weight: bold;
text-transform: uppercase;
-o-text-transform: uppercase;
-ms-text-transform: uppercase;
-webkit-text-transform: uppercase;
-moz-text-transform: uppercase;
}
.cssload-loader-circle-1 {
width: 190px;
height: 190px;
left: 7px;
top: 7px;
border: 1px rgb(0, 0, 0) solid;
position: absolute;
border-right-color: transparent;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
animation: spin 3.45s linear infinite;
-o-animation: spin 3.45s linear infinite;
-ms-animation: spin 3.45s linear infinite;
-webkit-animation: spin 3.45s linear infinite;
-moz-animation: spin 3.45s linear infinite;
}
.cssload-loader-circle-2 {
width: 173px;
height: 173px;
left: 7px;
top: 7px;
border: 1px transparent solid;
position: absolute;
border-right-color: rgb(232, 21, 18);
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
animation: spin 5.75s linear infinite;
-o-animation: spin 5.75s linear infinite;
-ms-animation: spin 5.75s linear infinite;
-webkit-animation: spin 5.75s linear infinite;
-moz-animation: spin 5.75s linear infinite;
}
.cssload-loader .cssload-line {
width: 14px;
height: 3px;
background: rgb(0, 0, 0);
position: absolute;
}
.cssload-loader .cssload-line:nth-child(1) {
left: 22px;
top: 50%;
margin-top: -1px;
}
.cssload-loader .cssload-line:nth-child(2) {
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
left: 45px;
top: 45px;
}
.cssload-loader .cssload-line:nth-child(3) {
top: 22px;
left: 50%;
width: 3px;
height: 14px;
}
.cssload-loader .cssload-line:nth-child(4) {
transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
right: 45px;
top: 45px;
}
.cssload-loader .cssload-line:nth-child(5) {
right: 22px;
top: 50%;
margin-top: -1px;
}
.cssload-loader .cssload-line:nth-child(6) {
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
right: 45px;
bottom: 45px;
background: rgb(232, 21, 18);
}
.cssload-loader .cssload-subline {
position: absolute;
width: 4px;
height: 3px;
background: rgb(0, 0, 0);
}
.cssload-loader .cssload-subline:nth-child(7) {
transform: rotate(22.5deg);
-o-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
left: 29px;
top: 69px;
}
.cssload-loader .cssload-subline:nth-child(8) {
transform: rotate(67.5deg);
-o-transform: rotate(67.5deg);
-ms-transform: rotate(67.5deg);
-webkit-transform: rotate(67.5deg);
-moz-transform: rotate(67.5deg);
left: 69px;
top: 29px;
}
.cssload-loader .cssload-subline:nth-child(9) {
transform: rotate(112.5deg);
-o-transform: rotate(112.5deg);
-ms-transform: rotate(112.5deg);
-webkit-transform: rotate(112.5deg);
-moz-transform: rotate(112.5deg);
right: 69px;
top: 29px;
}
.cssload-loader .cssload-subline:nth-child(10) {
transform: rotate(157.5deg);
-o-transform: rotate(157.5deg);
-ms-transform: rotate(157.5deg);
-webkit-transform: rotate(157.5deg);
-moz-transform: rotate(157.5deg);
right: 29px;
top: 69px;
}
.cssload-loader .cssload-subline:nth-child(11) {
transform: rotate(22.5deg);
-o-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
right: 28px;
bottom: 67px;
background: rgb(232, 21, 18);
}
.cssload-loader .cssload-needle {
width: 19px;
height: 19px;
border: 1px rgb(0, 0, 0) solid;
position: absolute;
left: 50%;
top: 50%;
margin: -11px 0 0 -11px;
z-index: 1;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
animation: pegIt 3.45s infinite ease-in-out;
-o-animation: pegIt 3.45s infinite ease-in-out;
-ms-animation: pegIt 3.45s infinite ease-in-out;
-webkit-animation: pegIt 3.45s infinite ease-in-out;
-moz-animation: pegIt 3.45s infinite ease-in-out;
}
.cssload-loader .cssload-needle:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 4.5px 69px 4.5px 0;
border-color: transparent rgb(232, 21, 18) transparent transparent;
position: absolute;
right: 50%;
top: 50%;
margin: -4.5px 0 0 0;
border-radius: 0 50% 50% 0;
-o-border-radius: 0 50% 50% 0;
-ms-border-radius: 0 50% 50% 0;
-webkit-border-radius: 0 50% 50% 0;
-moz-border-radius: 0 50% 50% 0;
}
@keyframes pegIt {
0% {
transform: rotate(0deg);
}
16% {
transform: rotate(75deg);
}
25% {
transform: rotate(55deg);
}
30% {
transform: rotate(90deg);
}
36% {
transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
transform: rotate(227deg);
}
100% {
transform: rotate(0deg);
}
}
@-o-keyframes pegIt {
0% {
-o-transform: rotate(0deg);
}
16% {
-o-transform: rotate(75deg);
}
25% {
-o-transform: rotate(55deg);
}
30% {
-o-transform: rotate(90deg);
}
36% {
-o-transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
-o-transform: rotate(227deg);
}
100% {
-o-transform: rotate(0deg);
}
}
@-ms-keyframes pegIt {
0% {
-ms-transform: rotate(0deg);
}
16% {
-ms-transform: rotate(75deg);
}
25% {
-ms-transform: rotate(55deg);
}
30% {
-ms-transform: rotate(90deg);
}
36% {
-ms-transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
-ms-transform: rotate(227deg);
}
100% {
-ms-transform: rotate(0deg);
}
}
@-webkit-keyframes pegIt {
0% {
-webkit-transform: rotate(0deg);
}
16% {
-webkit-transform: rotate(75deg);
}
25% {
-webkit-transform: rotate(55deg);
}
30% {
-webkit-transform: rotate(90deg);
}
36% {
-webkit-transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
-webkit-transform: rotate(227deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes pegIt {
0% {
-moz-transform: rotate(0deg);
}
16% {
-moz-transform: rotate(75deg);
}
25% {
-moz-transform: rotate(55deg);
}
30% {
-moz-transform: rotate(90deg);
}
36% {
-moz-transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
-moz-transform: rotate(227deg);
}
100% {
-moz-transform: rotate(0deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
</style>
</head>
<body>
<table width="100%" height="100%" cellpadding="20">
<tbody><tr>
<td align="center" valign="middle">
<div class="up-browser-verification up-im-under-attack">
<noscript><h1 data-translate="turn_on_js" style="color:#bd2426;">Please turn JavaScript on and reload the page.</h1></noscript>
<div id="anticc-content">
<div id="cssload-wrapper">
<div class="cssload-loader">
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-loader-circle-1">
<div class="cssload-loader-circle-2"></div>
</div>
<div class="cssload-needle"></div>
<div class="cssload-loading">loading</div>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<h1><span data-translate="checking_browser">当前链接正在接受安全检测</span></h1>
<h2><span data-translate="checking_browser">请稍后正在检测您环境是否安全.....</span></h2>
<span style="color:red;font-family:'Microsoft YaHei'">检测完毕即将自动跳转中</span>
</div>
</div>
</td>
</tr>
</tbody></table>
</html>
![图片[2]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!](https://001.pipixiaozhan.cn/2022/06/20220605104259918.png)
前言
这个功能适用于喜欢一些二次元的朋友,具体本站就添加效果了,可查看下面的预览截图
预览效果
![图片[3]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!](https://001.pipixiaozhan.cn/2022/06/20220605104448713.png)
使用教程
- 1.子比主题设置—>自定义代码—>自定义 CSS 样式:,添加以下 CSS 代码:
- 2.在代码 28 行 background: url()括号内填写你需要显示的图片链接
span.float-btn.more-btn.hover-show.nowave {
margin-top: 0px
}
.float-right.round.position-bottom {
background: #fff;
border-radius: var(--main-radius);
transition: 0s;
right: 1px;
bottom: 170px;
border-radius: 20px 0 0 20px;
box-shadow: -5px 3px 10px 0px rgb(5 5 5 / 15%)
}
.float-right.round .float-btn {
border-radius: 8px 0px 0px 17px
}
.float-right .float-btn {
background: #fff
}
.float-right.round.position-bottom::before {
content: '';
width: 30px;
height: 60px;
background: url(这里改成你自己喜欢的图片,可以是GIF);
background-size: cover;
display: block;
margin: 5px 3px 0 7px;
}
.dark-theme .float-right.round.position-bottom {
background: #414141;
border: 1px solid #4a4a4a;
transition: 0s
}
.dark-theme .float-right .float-btn {
background: #414141
}
.dark-theme .float-right.round.position-bottom a:hover {
background: #505255;
--this-color: var(--muted-2-color)
}
.dark-theme .float-right.round.position-bottom span:hover {
background: #505255;
--this-color: var(--muted-2-color)
}
span.newadd-btns.hover-show.float-btn.add-btn .hover-show-con.dropdown-menu.drop-newadd>a:hover {
background-color: #d8d8d836;
border-radius: 8px
}
a.float-btn.ontop.fade {
display: none
}
![图片[4]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!](https://001.pipixiaozhan.cn/2022/06/20220605104717623.webp)
前言
用jQuery+Layer.js实现的一个主题切换小提示,懒得弄花里胡哨的了,随便水一篇文章。
积分签到就可以获取,不支持任何方式充值!!!没了找我要。
食用教程
第一步:调用Layer.js
Layer.js是一个非常优秀的弹层组件,看自己是否已经调用了Layer组件(办法:先别调用下面的Layer.js,看直接使用第二步的代码能否使用,若无法使用就证明没有调用Layer,自己把下面的代码放到主题里
【自定义头部HTML代码】)
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script>
第二步:jQuery代码
把下面的jQuery代码放到主题设置的【自定义javascript代码】就大功告成啦!
// 夜间切换 BY:映凡空间-www.yfkj6.com
$(".toggle-theme").click(function() {
var toggleThemeText = "当前为日间模式";
if (!$("body").hasClass('dark-theme')) {
toggleThemeText = "当前为夜间模式";
}
layer.msg(toggleThemeText, {
time: 2000,
anim: 1
});
});
文字可以修改成自己需要的
前言
看了星语小木屋的网站后感觉他的网页工具这个页面很好然后看着扒下来借鉴了一下,网页工具页面里面可以添加很多工具集合,或者你可以改成小游戏集合都可以,看你自己的需求。
效果
![图片[5]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!](https://001.pipixiaozhan.cn/2022/06/20220605111636975.png)
第一步
在主题目录--->wp-content ---> themes ---> zibll ---> pages
创建tool.php
文件,然后把下面的php代码添加进去。
<?php
/**
* Template name: 游戏中心-悠悠
* Description: 游戏中心 - game
*/
// 悠悠游戏中心 BY:映凡空间-www.yfkj6.com
get_header();
$post_id = get_queried_object_id();
$header_style = zib_get_page_header_style($post_id);
?>
<main class="container">
<div class="content-wrap">
<div class="content-layout">
<?php if($header_style != 1){echo zib_get_page_header($post_id);}?>
<div class="theme-box radius8">
<?php if($header_style == 1){ echo zib_get_page_header($post_id);}?>
<html>
<head>
<style>
.yooy-card-nav{display:flex;flex-wrap:wrap;margin:20px 0}.yooy-card-nav .item{width:25%;padding:10px}.yooy-card-nav .nav{display:flex;align-items:center;border-radius:8px;box-shadow:0px 0px 10px rgba(0,0,0,0.2);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;padding:20px 10px}.yooy-card-nav .nav .avatar{min-width:40px;min-height:40px;width:40px;height:40px;background-size:cover;border-radius:8px;margin-right:10px}.yooy-card-nav .nav .content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.yooy-card-nav .nav svg{width:18px;height:18px;min-width:18px;min-height:18px;fill:#fff}.yooy-card-nav .nav:hover{text-decoration:none !important;-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}@media (max-width: 1200px){.yooy-card-nav .item{width:33.3333333%;padding:10px}}@media (max-width: 992px){.yooy-card-nav .item{width:50%;padding:10px}.yooy-card-nav .nav svg{display:none}.yooy-card-nav{margin:15px 0}}@media screen and (max-width: 768px){.yooy-card-nav .item{width:100%;padding:10px}.yooy-card-nav .nav svg{display:none}.yooy-card-nav{margin:15px 0}}
</style>
</head>
<body>
<div class="yooy-card-nav">
<div class="item">
<a href="http://qq.yooy.vip/YX/YKXC/" class="nav" target="_blank" rel="noopener"> <span class="avatar" style="background-image: url(http://124.223.87.188//upload/2022-04-10/2204100415268543.jpg)"></span> <span class="content" style="font-weight: bold;">遥控小车</span><i class="fa fa-paper-plane-o" aria-hidden="true"></i></a>
</div>
<div class="item">
<a href="http://qq.yooy.vip/YX/HCDXG" class="nav" target="_blank" rel="noopener"> <span class="avatar" style="background-image: url(http://124.223.87.188//upload/2022-04-10/2204100555236132.jpg)"></span> <span class="content" style="font-weight: bold;">合成大西瓜</span><i class="fa fa-paper-plane-o" aria-hidden="true"></i></a>
</div>
<div class="item">
<a href="http://qq.yooy.vip/YX/YTLD/" class="nav" target="_blank" rel="noopener"> <span class="avatar" style="background-image: url(http://124.223.87.188//upload/2022-04-10/2204100355022081.jpg)"></span> <span class="content" style="font-weight: bold;">液体流体特效</span><i class="fa fa-paper-plane-o" aria-hidden="true"></i></a>
</div>
<div class="item">
<a href="http://qq.yooy.vip/YX/SMTW" class="nav" target="_blank" rel="noopener"> <span class="avatar" style="background-image: url(http://124.223.87.188//upload/2022-04-11/2204110120229515.jpg)"></span> <span class="content" style="font-weight: bold;">神庙逃亡</span> <i class="fa fa-paper-plane-o" aria-hidden="true"></i></a>
</div>
<div class="item">
<a href="http://qq.yooy.vip/YX/MF/" class="nav" target="_blank" rel="noopener"> <span class="avatar" style="background-image: url(http://124.223.87.188//upload/2022-04-10/2204101256486676.jpg)"></span> <span class="content" style="font-weight: bold;">魔方小游戏</span><i class="fa fa-paper-plane-o" aria-hidden="true"></i></a>
</div>
<div class="item">
<a href="http://qq.yooy.vip/YX/1/" class="nav" target="_blank" rel="noopener"> <span class="avatar" style="background-image: url(http://124.223.87.188//upload/2022-04-10/2204101103193352.jpg)"></span> <span class="content" style="font-weight: bold;">一个都不能死</span><i class="fa fa-paper-plane-o" aria-hidden="true"></i></a>
</div>
<div class="item">
<a href="http://qq.yooy.vip/YX/QW/#" class="nav" target="_blank" rel="noopener"> <span class="avatar" style="background-image: url(http://124.223.87.188//upload/2022-04-10/2204100404016865.jpg)"></span> <span class="content" style="font-weight: bold;">喂个大青蛙</span><i class="fa fa-paper-plane-o" aria-hidden="true"></i></a>
</div>
<div class="item">
<a href="http://qq.yooy.vip/YX/ZHSL/" class="nav" target="_blank" rel="noopener"> <span class="avatar" style="background-image: url(http://124.223.87.188//upload/2022-04-11/2204110134599885.jpg)"></span> <span class="content" style="font-weight: bold;">召唤神龙</span><i class="fa fa-paper-plane-o" aria-hidden="true"></i></a>
</div>
</div>
</div>
</body>
</html>
<br> <br> <br> <br> <br>
</div>
<?php comments_template('/template/comments.php', true); ?>
</div>
</div>
</main>
<?php
get_footer();
第二步
WordPress后台—>新建页面—>自己填标题(内容不要动他)—>模板选一下游戏中心-悠悠—>发布文章
前言
今天看到很多网站都有繁体字转换功能,今天我就结合他们的繁体字内核去弄了个侧边繁体字切换功能,注意的是这个功能只对zibll子比主题生效,其他主题不生效,好了废话不多说了直接上教程吧。
效果
![图片[6]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!](https://001.pipixiaozhan.cn/2022/06/20220605111828591.png)
教程
1.找到/wp-content/themes/zibll/inc/options/admin-options.php
文件然后点击进入在大约1326行处加以下代码进去,如下图。
/*繁体切换新加代码开始 BY:映凡空间-www.yfkj6.com*/
array(
'title' => '繁简切换',
'desc' => '<div class="c-yellow"><i class="fa fa-fw fa-info-circle fa-fw"></i>此按钮建议放置在最顶部或者最底部</div>',
'id' => 'traditional_chinese',
'type' => 'accordion',
'accordions' => array(
array(
'title' => '繁简切换',
'fields' => array(
CFS_Module::float_btn()[0],
CFS_Module::float_btn()[1],
CFS_Module::float_btn()[2],
),
),
),
),
/*繁体切换新加代码结束 BY:映凡空间-www.yfkj6.com*/
![图片[7]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!](https://001.pipixiaozhan.cn/2022/06/20220605111950254.png)
2.找到/wp-content/themes/zibll/inc/functions/zib-footer.php
,然后在大约154行处添加以下代码钩取这个繁体字切换按钮就可以了如下图。
case 'traditional_chinese':
$btn .= '<a id="StranLink"' . $style . ' class="float-btn more-btn" data-placement="left"' . $tooltip . '><span>繁</span></i>
</a>';
break;
![图片[8]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!](https://001.pipixiaozhan.cn/2022/06/20220605112037382.png)
3.后台 — 子比主题设置 — 全局&功能 — 自定义代码 — 自定义底部HTML代码里加入:
下面的zh-cn-tw.js记得替换成自己的,下面第四步有js代码。
<!--繁体中文 BY:映凡空间-www.yfkj6.com-->
<script src="zh-cn-tw.js路径"></script>
4.在你服务器或者虚拟主机下面创建一个文件命名为:zh-cn-tw.js然后把下面的js代码放入里面
var Default_isFT = 0 //默认是否繁体,0-简体,1-繁体
var StranIt_Delay = 50 //翻译延时毫秒(设这个的目的是让网页先流畅的显现出来)
//-------代码开始,以下别改-------
//转换文本
function StranText(txt,toFT,chgTxt)
{
if(txt==""||txt==null)return ""
toFT=toFT==null?BodyIsFt:toFT
if(chgTxt)txt=txt.replace((toFT?"简":"繁"),(toFT?"繁":"简"))
if(toFT){return Traditionalized(txt)}
else {return Simplized(txt)}
}
//转换对象,使用递归,逐层剥到文本
function StranBody(fobj)
{
if(typeof(fobj)=="object"){var obj=fobj.childNodes}
else
{
var tmptxt=StranLink_Obj.innerHTML.toString()
if(tmptxt.indexOf("简")<0)
{
BodyIsFt=1
StranLink_Obj.innerHTML=StranText(tmptxt,0,1)
StranLink.title=StranText(StranLink.title,0,1)
}
else
{
BodyIsFt=0
StranLink_Obj.innerHTML=StranText(tmptxt,1,1)
StranLink.title=StranText(StranLink.title,1,1)
}
setCookie(JF_cn,BodyIsFt,7)
var obj=document.body.childNodes
}
for(var i=0;i<obj.length;i++)
{
var OO=obj.item(i)
if("||BR|HR|TEXTAREA|".indexOf("|"+OO.tagName+"|")>0||OO==StranLink_Obj)continue;
if(OO.title!=""&&OO.title!=null)OO.title=StranText(OO.title);
if(OO.alt!=""&&OO.alt!=null)OO.alt=StranText(OO.alt);
if(OO.tagName=="INPUT"&&OO.value!=""&&OO.type!="text"&&OO.type!="hidden")OO.value=StranText(OO.value);
if(OO.nodeType==3){OO.data=StranText(OO.data)}
else StranBody(OO)
}
}
function JTPYStr()
{
return '皑蔼碍爱翱袄奥坝罢摆败颁办绊帮绑镑谤剥饱宝报鲍辈贝钡狈备惫绷笔毕毙闭边编贬变辩辫鳖瘪濒滨宾摈饼拨钵铂驳卜补参蚕残惭惨灿苍舱仓沧厕侧册测层诧搀掺蝉馋谗缠铲产阐颤场尝长偿肠厂畅钞车彻尘陈衬撑称惩诚骋痴迟驰耻齿炽冲虫宠畴踌筹绸丑橱厨锄雏础储触处传疮闯创锤纯绰辞词赐聪葱囱从丛凑窜错达带贷担单郸掸胆惮诞弹当挡党荡档捣岛祷导盗灯邓敌涤递缔点垫电淀钓调迭谍叠钉顶锭订东动栋冻斗犊独读赌镀锻断缎兑队对吨顿钝夺鹅额讹恶饿儿尔饵贰发罚阀珐矾钒烦范贩饭访纺飞废费纷坟奋愤粪丰枫锋风疯冯缝讽凤肤辐抚辅赋复负讣妇缚该钙盖干赶秆赣冈刚钢纲岗皋镐搁鸽阁铬个给龚宫巩贡钩沟构购够蛊顾剐关观馆惯贯广规硅归龟闺轨诡柜贵刽辊滚锅国过骇韩汉阂鹤贺横轰鸿红后壶护沪户哗华画划话怀坏欢环还缓换唤痪焕涣黄谎挥辉毁贿秽会烩汇讳诲绘荤浑伙获货祸击机积饥讥鸡绩缉极辑级挤几蓟剂济计记际继纪夹荚颊贾钾价驾歼监坚笺间艰缄茧检碱硷拣捡简俭减荐槛鉴践贱见键舰剑饯渐溅涧浆蒋桨奖讲酱胶浇骄娇搅铰矫侥脚饺缴绞轿较秸阶节茎惊经颈静镜径痉竞净纠厩旧驹举据锯惧剧鹃绢杰洁结诫届紧锦仅谨进晋烬尽劲荆觉决诀绝钧军骏开凯颗壳课垦恳抠库裤夸块侩宽矿旷况亏岿窥馈溃扩阔蜡腊莱来赖蓝栏拦篮阑兰澜谰揽览懒缆烂滥捞劳涝乐镭垒类泪篱离里鲤礼丽厉励砾历沥隶俩联莲连镰怜涟帘敛脸链恋炼练粮凉两辆谅疗辽镣猎临邻鳞凛赁龄铃凌灵岭领馏刘龙聋咙笼垄拢陇楼娄搂篓芦卢颅庐炉掳卤虏鲁赂禄录陆驴吕铝侣屡缕虑滤绿峦挛孪滦乱抡轮伦仑沦纶论萝罗逻锣箩骡骆络妈玛码蚂马骂吗买麦卖迈脉瞒馒蛮满谩猫锚铆贸么霉没镁门闷们锰梦谜弥觅绵缅庙灭悯闽鸣铭谬谋亩钠纳难挠脑恼闹馁腻撵捻酿鸟聂啮镊镍柠狞宁拧泞钮纽脓浓农疟诺欧鸥殴呕沤盘庞国爱赔喷鹏骗飘频贫苹凭评泼颇扑铺朴谱脐齐骑岂启气弃讫牵扦钎铅迁签谦钱钳潜浅谴堑枪呛墙蔷强抢锹桥乔侨翘窍窃钦亲轻氢倾顷请庆琼穷趋区躯驱龋颧权劝却鹊让饶扰绕热韧认纫荣绒软锐闰润洒萨鳃赛伞丧骚扫涩杀纱筛晒闪陕赡缮伤赏烧绍赊摄慑设绅审婶肾渗声绳胜圣师狮湿诗尸时蚀实识驶势释饰视试寿兽枢输书赎属术树竖数帅双谁税顺说硕烁丝饲耸怂颂讼诵擞苏诉肃虽绥岁孙损笋缩琐锁獭挞抬摊贪瘫滩坛谭谈叹汤烫涛绦腾誊锑题体屉条贴铁厅听烃铜统头图涂团颓蜕脱鸵驮驼椭洼袜弯湾顽万网韦违围为潍维苇伟伪纬谓卫温闻纹稳问瓮挝蜗涡窝呜钨乌诬无芜吴坞雾务误锡牺袭习铣戏细虾辖峡侠狭厦锨鲜纤咸贤衔闲显险现献县馅羡宪线厢镶乡详响项萧销晓啸蝎协挟携胁谐写泻谢锌衅兴汹锈绣虚嘘须许绪续轩悬选癣绚学勋询寻驯训讯逊压鸦鸭哑亚讶阉烟盐严颜阎艳厌砚彦谚验鸯杨扬疡阳痒养样瑶摇尧遥窑谣药爷页业叶医铱颐遗仪彝蚁艺亿忆义诣议谊译异绎荫阴银饮樱婴鹰应缨莹萤营荧蝇颖哟拥佣痈踊咏涌优忧邮铀犹游诱舆鱼渔娱与屿语吁御狱誉预驭鸳渊辕园员圆缘远愿约跃钥岳粤悦阅云郧匀陨运蕴酝晕韵杂灾载攒暂赞赃脏凿枣灶责择则泽贼赠扎札轧铡闸诈斋债毡盏斩辗崭栈战绽张涨帐账胀赵蛰辙锗这贞针侦诊镇阵挣睁狰帧郑证织职执纸挚掷帜质钟终种肿众诌轴皱昼骤猪诸诛烛瞩嘱贮铸筑驻专砖转赚桩庄装妆壮状锥赘坠缀谆浊兹资渍踪综总纵邹诅组钻致钟么为只凶准启板里雳余链泄';
}
function FTPYStr()
{
return '皚藹礙愛翺襖奧壩罷擺敗頒辦絆幫綁鎊謗剝飽寶報鮑輩貝鋇狽備憊繃筆畢斃閉邊編貶變辯辮鼈癟瀕濱賓擯餅撥缽鉑駁蔔補參蠶殘慚慘燦蒼艙倉滄廁側冊測層詫攙摻蟬饞讒纏鏟産闡顫場嘗長償腸廠暢鈔車徹塵陳襯撐稱懲誠騁癡遲馳恥齒熾沖蟲寵疇躊籌綢醜櫥廚鋤雛礎儲觸處傳瘡闖創錘純綽辭詞賜聰蔥囪從叢湊竄錯達帶貸擔單鄲撣膽憚誕彈當擋黨蕩檔搗島禱導盜燈鄧敵滌遞締點墊電澱釣調叠諜疊釘頂錠訂東動棟凍鬥犢獨讀賭鍍鍛斷緞兌隊對噸頓鈍奪鵝額訛惡餓兒爾餌貳發罰閥琺礬釩煩範販飯訪紡飛廢費紛墳奮憤糞豐楓鋒風瘋馮縫諷鳳膚輻撫輔賦複負訃婦縛該鈣蓋幹趕稈贛岡剛鋼綱崗臯鎬擱鴿閣鉻個給龔宮鞏貢鈎溝構購夠蠱顧剮關觀館慣貫廣規矽歸龜閨軌詭櫃貴劊輥滾鍋國過駭韓漢閡鶴賀橫轟鴻紅後壺護滬戶嘩華畫劃話懷壞歡環還緩換喚瘓煥渙黃謊揮輝毀賄穢會燴彙諱誨繪葷渾夥獲貨禍擊機積饑譏雞績緝極輯級擠幾薊劑濟計記際繼紀夾莢頰賈鉀價駕殲監堅箋間艱緘繭檢堿鹼揀撿簡儉減薦檻鑒踐賤見鍵艦劍餞漸濺澗漿蔣槳獎講醬膠澆驕嬌攪鉸矯僥腳餃繳絞轎較稭階節莖驚經頸靜鏡徑痙競淨糾廄舊駒舉據鋸懼劇鵑絹傑潔結誡屆緊錦僅謹進晉燼盡勁荊覺決訣絕鈞軍駿開凱顆殼課墾懇摳庫褲誇塊儈寬礦曠況虧巋窺饋潰擴闊蠟臘萊來賴藍欄攔籃闌蘭瀾讕攬覽懶纜爛濫撈勞澇樂鐳壘類淚籬離裏鯉禮麗厲勵礫曆瀝隸倆聯蓮連鐮憐漣簾斂臉鏈戀煉練糧涼兩輛諒療遼鐐獵臨鄰鱗凜賃齡鈴淩靈嶺領餾劉龍聾嚨籠壟攏隴樓婁摟簍蘆盧顱廬爐擄鹵虜魯賂祿錄陸驢呂鋁侶屢縷慮濾綠巒攣孿灤亂掄輪倫侖淪綸論蘿羅邏鑼籮騾駱絡媽瑪碼螞馬罵嗎買麥賣邁脈瞞饅蠻滿謾貓錨鉚貿麽黴沒鎂門悶們錳夢謎彌覓綿緬廟滅憫閩鳴銘謬謀畝鈉納難撓腦惱鬧餒膩攆撚釀鳥聶齧鑷鎳檸獰甯擰濘鈕紐膿濃農瘧諾歐鷗毆嘔漚盤龐國愛賠噴鵬騙飄頻貧蘋憑評潑頗撲鋪樸譜臍齊騎豈啓氣棄訖牽扡釺鉛遷簽謙錢鉗潛淺譴塹槍嗆牆薔強搶鍬橋喬僑翹竅竊欽親輕氫傾頃請慶瓊窮趨區軀驅齲顴權勸卻鵲讓饒擾繞熱韌認紉榮絨軟銳閏潤灑薩鰓賽傘喪騷掃澀殺紗篩曬閃陝贍繕傷賞燒紹賒攝懾設紳審嬸腎滲聲繩勝聖師獅濕詩屍時蝕實識駛勢釋飾視試壽獸樞輸書贖屬術樹豎數帥雙誰稅順說碩爍絲飼聳慫頌訟誦擻蘇訴肅雖綏歲孫損筍縮瑣鎖獺撻擡攤貪癱灘壇譚談歎湯燙濤縧騰謄銻題體屜條貼鐵廳聽烴銅統頭圖塗團頹蛻脫鴕馱駝橢窪襪彎灣頑萬網韋違圍爲濰維葦偉僞緯謂衛溫聞紋穩問甕撾蝸渦窩嗚鎢烏誣無蕪吳塢霧務誤錫犧襲習銑戲細蝦轄峽俠狹廈鍁鮮纖鹹賢銜閑顯險現獻縣餡羨憲線廂鑲鄉詳響項蕭銷曉嘯蠍協挾攜脅諧寫瀉謝鋅釁興洶鏽繡虛噓須許緒續軒懸選癬絢學勳詢尋馴訓訊遜壓鴉鴨啞亞訝閹煙鹽嚴顔閻豔厭硯彥諺驗鴦楊揚瘍陽癢養樣瑤搖堯遙窯謠藥爺頁業葉醫銥頤遺儀彜蟻藝億憶義詣議誼譯異繹蔭陰銀飲櫻嬰鷹應纓瑩螢營熒蠅穎喲擁傭癰踴詠湧優憂郵鈾猶遊誘輿魚漁娛與嶼語籲禦獄譽預馭鴛淵轅園員圓緣遠願約躍鑰嶽粵悅閱雲鄖勻隕運蘊醞暈韻雜災載攢暫贊贓髒鑿棗竈責擇則澤賊贈紮劄軋鍘閘詐齋債氈盞斬輾嶄棧戰綻張漲帳賬脹趙蟄轍鍺這貞針偵診鎮陣掙睜猙幀鄭證織職執紙摯擲幟質鍾終種腫衆謅軸皺晝驟豬諸誅燭矚囑貯鑄築駐專磚轉賺樁莊裝妝壯狀錐贅墜綴諄濁茲資漬蹤綜總縱鄒詛組鑽緻鐘麼為隻兇準啟闆裡靂餘鍊洩';
}
function Traditionalized(cc){
var str='',ss=JTPYStr(),tt=FTPYStr();
for(var i=0;i<cc.length;i++)
{
if(cc.charCodeAt(i)>10000&&ss.indexOf(cc.charAt(i))!=-1)str+=tt.charAt(ss.indexOf(cc.charAt(i)));
else str+=cc.charAt(i);
}
return str;
}
function Simplized(cc){
var str='',ss=JTPYStr(),tt=FTPYStr();
for(var i=0;i<cc.length;i++)
{
if(cc.charCodeAt(i)>10000&&tt.indexOf(cc.charAt(i))!=-1)str+=ss.charAt(tt.indexOf(cc.charAt(i)));
else str+=cc.charAt(i);
}
return str;
}
function setCookie(name, value) //cookies设置
{
var argv = setCookie.arguments;
var argc = setCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
if(expires!=null)
{
var LargeExpDate = new Date ();
LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1000*3600*24));
}
document.cookie = name + "=" + escape (value)+((expires == null) ? "" : ("; expires=" +LargeExpDate.toGMTString()));
}
function getCookie(Name) //cookies读取
{
var search = Name + "="
if(document.cookie.length > 0)
{
offset = document.cookie.indexOf(search)
if(offset != -1)
{
offset += search.length
end = document.cookie.indexOf(";", offset)
if(end == -1) end = document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
else return ""
}
}
var StranLink_Obj=document.getElementById("StranLink")
if (StranLink_Obj)
{
var JF_cn="ft"+self.location.hostname.toString().replace(/\./g,"")
var BodyIsFt=getCookie(JF_cn)
if(BodyIsFt!="1")BodyIsFt=Default_isFT
with(StranLink_Obj)
{
if(typeof(document.all)!="object") //非IE浏览器
{
href="javascript:StranBody()"
}
else
{
href="#";
onclick= new Function("StranBody();return false")
}
title=StranText("繁体浏览",1,1)
innerHTML=StranText(innerHTML,1,1)
}
if(BodyIsFt=="1"){setTimeout("StranBody()",StranIt_Delay)}
}
感谢您的来访,获取更多精彩文章请收藏本站。


Use this card to join the YingFan's Space and participate in a pleasant discussion together .
Welcome to YingFan's Space,wish you a nice day .
- 最新
- 最热
查看全部