-
子比主题添加右下角活动倒计时悬浮窗
教程开始 放自定义顶部或底部html都可以,也可以放文件里,都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉,如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q… -
子比主题底部添加蓝色波浪
美化图 在zibll主题目录下,footer.php文件中的“</footer>”(重要)下面添加下面的代码: <!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.… -
子比主题添加滚动播报小工具
前言 很多网站也都在分享滚动播报小工具,所以一直没有写一篇文章分享滚动播报小工具,我们不是小工具的创造者,我们只是小工具的搬运工。 美化教程 其实很简单,就一段代码!只需在后台—>外观—>小工具—>自定义HTML添加下面的代码,把它放在合适的位置(本站放在侧边栏),然后就可以啦。 <section id="custom_html-2" class=&qu… -
子比主题添加短视频聚合无水印解析页面
前言: 短视频聚合无水印解析页面是我很久之前就弄了,但弄好之后就不怎么管了,采用了非常简洁的样式,非常的简单。说是聚合无水印解析,其实我也没怎么测试过(只测试了抖音、快手、最右这几个短视频软件),解析的API采用大佬的接口。好啦!废话少说,下面安排教程! 美化图: (其他的WP主题要注意看哦!)页面的头尾代码我只采用符合本站主题(子比主题)的头部和尾部代码,WP其他主题使用可能会出现样式错乱。若其… -
子比主题首页文章列表悬停上浮
美化教程 CSS代码: /*首页文章列表悬停上浮*/@media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article):hover{transform: translateY(-10px); box… -
子比主题聚合热搜API对接
美化图 api文件下载地址:https://flowerdrunk.lanzouq.com/ibhV01covkyd 首页版: 将index.php里的内容复制到/wp-content/themes/zibll/index.php里你想要放置的地方 hotlist文件夹放到/wp-content/themes/zibll 内即可 页面版: 将HotList.php、hotlist放到/wp-con… -
子比主题回到顶部悬挂猫咪
前言 回到顶部悬挂猫咪是今天我从网上看到觉得很不错,然后就弄到了本站,确实很棒。话不多说,下面分享教程! 美化图 回到顶部悬挂猫咪只能电脑端显示,需要手机端显示,自己修改CSS代码。 本教程以本站使用的子比主题为例,大部分主题大同小异。 回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery,所以无需担心Jquery问题(当然啦,如果主题没有Jque… -
子比主题侧边栏添加简单的小模块
前言 可以用来做侧边栏的广告、领取福利等。 美化教程 很久以前网上找来的,然后自己就进行了一些小小的修改,本来这个小工具模块是广告类型的,但觉得自己侧边栏东西很少就修改成了自己的在线工具跳转的模块工具了。这是一个非常简单的模块小工具,采用结合的HTML+CSS。只需在站点后台 >> 外观 >> 小工具 >> html代码 然后把小工具添加到指定侧边栏中即可。 &… -
子比主题公告弹窗样式美化
美化图: 代码: 其实就是一个简单的HTML代码(因为弹窗公告支持HTML代码),自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。 <html> <body> <!--文本--> <a href="https://www.cunshao.com/" target="_blank" title="… -
子比主题设置网站动态标题
前言 我们经常逛别人的网站,有些网站当我们离开该页面浏览其他页面的时候,我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样,当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了!”的字样。那么我们如何实现呢?其实很简单,只需一句javascript语句即可实现。请看下面的教程。 美化教… -
子比主题添加滚动图片广告位html小工具
美化图: 效果就是上图这样,图片自动滚动,挺适合做广告位,也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo… -
子比主题添加说说动态页面
前言: WordPress添加说说页面百度上有很多这样的页面教程,有些大佬制作的说说页面非常好,这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面,毕竟百度上一大堆教程,而且用处也不是很大。但是我在使用那些大佬制作好的说说页面,有些存在一些小BUG(可能不适配本站主题的原因),所以我自己制作了一个清新版说说页面(当然啦,大部分代码都是借鉴和使用大佬的),花了2天的时间制作完成(主要花很多… -
子比主题添加VIP视频在线解析页面
前言 电视剧、电影是我们生活中必不可少的,它们可以让我们放松一下心情,但大多数的电视剧或电影都是要VIP或者付费的,本来不怎么富裕的我们更加的雪上加霜,本来可以每炖吃好的,但为了追一个剧,只能吃馒头了!那么我们怎么能够免费看那些电视剧或电影呢?为了能够看免费的,大佬们弄出了VIP视频解析接口,只需在该接口输入电视剧或电影的网址就可以观看视频。VIP视频在线解析页面采用的主要是HTML代码和一些js… -
子比主题修改主题字体(网站字体美化)
美化教程 CSS代码:(字体样式一:) /*字体*/@font-face{font-family:"wiiuii";src:url(https://www.cunshao.com/666666/meihua/adjzRQKK4rMhqM7T.ttf);} *{font-family:"wiiuii"} CSS代码(字体样式二): /*全站字体美化*/@fon… -
子比主题添加鼠标样式
美化图 第一种 CSS代码: /** 鼠标样式 开始**//** 普通指针样式**/body{cursor: url(https://www.cunshao.com/666666/meihua/img/5ccab616ea9c8.cur), default;} /** 链接指针样式**/a:hover{cursor:url(https://www.cunshao.com/666666/meihua… -
子比主题添加底部导航带赞赏和常用按钮
效果图: 第一步: 在functions.php加上下面这段代码,图片是站长放在自己腾讯云里的,这里我就删除了,请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_… -
子比主题修改go外链跳转页面
美化教程 在主题目录下go.php文件里面的全部代码清空,然后把下面的代码复制进去即可。替换原来的即可。 更新主题和修改前记得备份go.php。 样式一: <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime : 2020-10-08 17:42:52 * @E… -
子比主题添加热门标签页面
前言 热门标签页面其实很早以前就想做了,但是没有正式学过前端相关的语言,自己写也写不出来,再加自己学业的原因一直没有时间去网上资料,所以就把这件事放到了脑后。昨天考完了试,终于把有时间把网站升了一下级,顺便把热门标签这个页面给弄了一下。自己写不出来,所以热门标签页面的样式借鉴了B2主题的标签聚合页样式进行了一些修改,尽量的适应子比主题,所以昨天一晚上都在弄热门标签页面适配手机端的问题。但还是有一些… -
子比主题添加好看的侧边ip标签小工具
美化图: 代码: <div id="wiiuii1"> <img src="https://www.cunshao.com/666666/meihua/ipqianmingdang" class="post-cover-img-more ls-is-cached lazyloaded" data-src="ht… -
子比主题首页主内容上方添加跑马灯公告小工具
美化图/h2> 网站后台—>外观—>小工具—>自定义HTML,然后添加到合适位置集合即可。 代码: <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff00… -
子比主题美化go外链跳转美化代码
效果图: 不会自动跳转,需勾选后点击跳转 无需操作自动跳转,默认3秒可自行修改 代码教程 一、不会自动跳转的 1、复制代码,替换/wp-content/themes/zibll/go.php文件全部内容 2、搜索logo链接替换成自己的 <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERV… -
子比主题给网站挂个灯笼
美化图 第一步: 子比后台—自定义代码—自定义底部代码。 <!-- 灯笼1 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"… -
子比主题添加底部统计信息模块小工具
前言: 统计信息模块小工具主要采用前端HTML+CSS和后端函数,通过后端提供功能函数,然后前台获取到后台提供的数据来显示信息功能。有兴趣的大佬可以修改一下。 美化教程 1.在子比主题的主题目录下,header.php底部添加以下函数代码: <!--统计信息函数--> <script type="text/javascript" > <?php /… -
子比主题侧边在线征稿小工具
美化图: 代码: <style type="text/css"> #update_version img{margin:0px 0 15px }#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color… -
子比主题添加复制提示框
美化图 javascript代码: <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script> -
子比主题侧边栏添加信息统计小工具
前言: WordPress信息统计小工具是前几天逛别的网站看到挺可以的,然后就到百度搜索一下,果然有很多这样的教程,但是那些小工具都只显示文字,不怎么美化,特别的简洁。作为喜欢花里胡哨和爱捣鼓的我,当然要进行一些修改啦!O(∩_∩)O哈哈~,然后我自己就弄出了看上去比较可以的信息统计小工具(算是图片版吧<del>~),代码基本都是借鉴大佬的。本来有9个信息统计(删除一些… -
子比主题文章标签美化
前言: 众所周知zibll子比主题是一个非常优秀的WordPress博客主题,但作者可能不怎么喜欢花里胡哨的文章标签,只优化了标签云显示彩色标签,文章标签没有进行彩色化(纯色)。而对于我这种喜欢花里胡哨的来说,只能自己动手,丰衣足食咯!O(∩_∩)O哈哈~文章标签美化采用的是CSS覆盖原来的样式,达到彩色的效果!直接在后台主题自定义CSS样式粘贴CSS代码,这样升级主题时无需二次复… -
子比主题下载页面添加声明或说明
美化图: HTML代码: <!--开始--> <style> .but-download>.but,.but-download>span{min-width: 200px;padding: .5em;margin-top: 10px;}.pay-extra-hide{background: var(--muted-border-color);display: b… -
子比主题顶部添加彩色进度条
美化图 CSS代码: /*进度条加载显示*/#percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius:5px;} javascript代码: //进度条加… -
子比主题添加文章更新或过期失效提示
美化图 将下面的函数代码加入到主题目录下functions.php文件中。 //文章过期提示 function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_modified_time('Y-m-d H:i:s…
子比源码
zibll主题子比主题专为个人、企业的WordPress主题美化设计开发,wp主题采用简约优雅的设计风格搭配强大的商城功能以及易用的模块化配置,成为更加适合中文wordpress商城主题模板、wordpress企…