找到
7
篇与
子比美化
相关的结果
-
子比主题功能增强-友链时效检测及api接口 声明非原创,在原创的基础上二开,找不到原帖了。 修复原版的接口失效,自建接口。 修复原版检测逻辑错误,原版是检测自己站点有没有对方的链接。 修复js报错问题。大大小小修复了原版的很多漏洞,具体可自行对比。 友链界面 me9msf0v.png图片 路径:/wp-content/themes/zibll/pages/links.php 注意备份原文件,删除原代码将下方代码复制进去即可,自行修改图片地址 隐藏内容,请前往内页查看详情 子比主题根目录自行建立func.php 自己修改api地址:$url 隐藏内容,请前往内页查看详情 api接口 隐藏内容,请前往内页查看详情 -
子比主题更改首页样式幻灯片大图全宽度[子比教程] 前言 没错我上周把子比主题首页改动了一下,主要用子比的大屏幻灯片+子比图文小工具实现的,看着还可以就分享出来啦!O(∩_∩)O 哈哈~ 建议只设置 PC 端,为什么?本人感觉手机好像有点丑?(其实是没测试过….) me9jt06n.png图片 PHP 代码 在主题目录下“func.php”下面添加下面代码,这是我修改后的“图文封面卡片”小工具 代码如下: 隐藏内容,请前往内页查看详情 CSS 样式 自己在后台“主题设置”中的“自定义 CSS 样式”(别告诉我你不知道在哪哈) /*星语专用图文样式*/ .wiiuii-graphic-cover-special{margin-top:-50px;position:relative;z-index:1;margin-bottom: 30px;} .wiiuii-graphic-cover-special .wiiuii-graphic-cover-special-item{box-shadow:0 4px 4px rgba(0,0,0,.15)}OK,添加代码就这些,下面是一些相关设置!!! 关于一些设置,我不想说,自己看图吧: 1、添加小工具,添加我“修改的版本”哦! me9joy15.png图片 2、子比主题“全屏幻灯片”设置 me9jpeaw.png图片 更多的设置,自己摸索一下哈。。 效果图 me9jq78n.png图片 -
子比主题添加文章评论常用语功能[子比教程] 前言 为了方便大家文章评论是懒得写评论,而不随意乱写评论,所以花亿点点时间写一下文章评论常用语功能,也希望后续子比主题能自带此功能吧。虽然用处不大,哈哈哈哈~~~~ 话不多说,直接上教程,评论才可以查看隐藏内容哦! 食用教程 CSS代码样式 在后台主题设置[自定义CSS样式]添加下面CSS代码: /*常-用-语样式*/ .wiiuii-words-li{margin:5px auto;padding:5px;background:var(--body-bg-color);border-radius:var(--main-radius)} .wiiuii-words-li:hover{background:var(--float-btn-bg)}JS代码 在后台主题设置[自定义javascript代码]添加下面jQuery代码: // 评-论-常-用-语JS $('.wiiuii-words-li').on('click', function() { var $wiiuii_comment = $('#comment'); var wiiuii_com_text = $(this).find('span').text(); var wiiuii_com_original = $wiiuii_comment.val(); $wiiuii_comment.val(wiiuii_com_original ? wiiuii_com_original + ' ' + wiiuii_com_text : wiiuii_com_text); $('.wiui_words').removeClass('open'); });PHP代码 第一步: 在“../zibll/template/comments.php”子比主题的template目录下“comments.php”文件合适位置添加下面代码:【看截图】 me86r1vr.png图片 第二步: 在“../zibll/inc/functions/functions.php”子比主题的template目录下“functions.php”文件合适位置添加下面代码:【看截图】 me86rnsj.png图片 【说明】评论常用语自己自定义,PHP代码中用注释,自己按格式写就好啦,最好不要超过10句。 隐藏内容,请前往内页查看详情 效果 me86tpmt.png图片 -
子比主题自适应PC/手机端背景+背景图片切换[子比教程] 使用教程 第一步:创建悬浮切换按钮 创建悬浮按钮主要是切换背景图片,把下面HTML代码添加到悬浮内容里,直接看下图片,自己琢磨。 <div class="wiiuii-qh"></div>me83vvbl.png图片 第二步:添加CSS代码 在主题后台——》自定义CSS样式,添加下面css代码。 /*背景图body样式*/ body{-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:50%;cursor:pointer;background-attachment:fixed;z-index:-1} body:before{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:inherit;-webkit-background-size:cover!important;-o-background-size:cover;background-size:cover!important}第三步:添加jQuery代码 添加jQuery之前,看一下有没有添加layui的layer库,什么是layer?自己百度,主要是弹窗的。 layer添加在自定义底部HTML代码,先看看自己以前有没有添加,别添加太多,不然卡死。 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script>然后在主题后台——》自定义javascript代码,添加下面jQuery代码。 说明:”wiuiImgNum”是图片总数,我定义的是9张,看到我“img.wiiuii.cn”链接的是我的图片链接的调用,自己改为自己的链接路径,图片命名是手机端“wiuiAz-x.jpg”,PC端是“wiuiPc-x.jpg”,X是序号(0-9)。不建议使用我的,自己改一下 效果 me83xeta.png图片