前言： 这是简单的改动一下代码，添加了几个类，如果作者更新主题时下载页面没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了） 美化图： 代码: （一些说明请仔细看） CSS代码：（放在哪，这里就不在说了，自己可以压缩一下CSS代码） /*下载样式*/ .download-article{ padding: 0 10px; } .downl…

效果图： 第一步： 在functions.php加上下面这段代码，图片是站长放在自己腾讯云里的，这里我就删除了，请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_…

美化图： 效果就是上图这样，图片自动滚动，挺适合做广告位，也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…

前言： 众所周知zibll子比主题是一个非常优秀的WordPress博客主题，但作者可能不怎么喜欢花里胡哨的文章标签，只优化了标签云显示彩色标签，文章标签没有进行彩色化（纯色）。而对于我这种喜欢花里胡哨的来说，只能自己动手，丰衣足食咯！O(∩_∩)O哈哈~文章标签美化采用的是CSS覆盖原来的样式，达到彩色的效果！直接在后台主题自定义CSS样式粘贴CSS代码，这样升级主题时无需二次复…

教程开始 放自定义顶部或底部html都可以，也可以放文件里，都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉，如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q…

前言： WordPress信息统计小工具是前几天逛别的网站看到挺可以的，然后就到百度搜索一下，果然有很多这样的教程，但是那些小工具都只显示文字，不怎么美化，特别的简洁。作为喜欢花里胡哨和爱捣鼓的我，当然要进行一些修改啦！O(∩_∩)O哈哈~，然后我自己就弄出了看上去比较可以的信息统计小工具（算是图片版吧<del>~），代码基本都是借鉴大佬的。本来有9个信息统计（删除一些…

前言： WordPress添加说说页面百度上有很多这样的页面教程，有些大佬制作的说说页面非常好，这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面，毕竟百度上一大堆教程，而且用处也不是很大。但是我在使用那些大佬制作好的说说页面，有些存在一些小BUG（可能不适配本站主题的原因）,所以我自己制作了一个清新版说说页面（当然啦，大部分代码都是借鉴和使用大佬的），花了2天的时间制作完成（主要花很多…

美化图 api文件下载地址：https://flowerdrunk.lanzouq.com/ibhV01covkyd 首页版： 将index.php里的内容复制到/wp-content/themes/zibll/index.php里你想要放置的地方 hotlist文件夹放到/wp-content/themes/zibll 内即可 页面版： 将HotList.php、hotlist放到/wp-con…

效果图： 不会自动跳转，需勾选后点击跳转 无需操作自动跳转，默认3秒可自行修改 代码教程 一、不会自动跳转的 1、复制代码，替换/wp-content/themes/zibll/go.php文件全部内容 2、搜索logo链接替换成自己的 <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERV…

美化图： 教程： 提示：建议夜间模式下不使用背景图片 /***日间主题模式***/ body { background-image: url("/**这里改为你自己的图片地址**/"); background-position-x: center; background-position-y: center; background-repeat: no-repeat; back…

美化图 javascript代码： <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>

美化教程 在主题目录下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…

前言 电视剧、电影是我们生活中必不可少的，它们可以让我们放松一下心情，但大多数的电视剧或电影都是要VIP或者付费的，本来不怎么富裕的我们更加的雪上加霜，本来可以每炖吃好的，但为了追一个剧，只能吃馒头了！那么我们怎么能够免费看那些电视剧或电影呢？为了能够看免费的，大佬们弄出了VIP视频解析接口，只需在该接口输入电视剧或电影的网址就可以观看视频。VIP视频在线解析页面采用的主要是HTML代码和一些js…

前言 现在大部分博客图标都采用Font Awesome图标库，因为Font Awesome图标库满足了大部分用户的需求了，但做为喜欢花里胡哨的我们是不够的，Font Awesome图标库的图标不仅没有彩色的图标，个性化的图标还有点少！所以对于我们喜欢彩色的菜单图标选择性很少！所以只能引入其他的矢量图标库，今天我就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标。 美化教程 阿里巴巴矢量图…

美化图 CSS代码： /*文章列表样式*/ @media screen and (min-width: 768px){.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: …

我们常常在自己博客网站发表自己的一些文章，微语页面在这时候就起到了一个很好的作用。微语页面简单地说就像我们微信的朋友圈那样。 美化教程 1、首先在子比主题目录的functions.php里面加入以下代码： //微语 add_action('init', 'my_custom_init'); function my_custom_init() { $label…

美化图 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代码： //进度条…

前言 可以用来做侧边栏的广告、领取福利等。 美化教程 很久以前网上找来的，然后自己就进行了一些小小的修改，本来这个小工具模块是广告类型的，但觉得自己侧边栏东西很少就修改成了自己的在线工具跳转的模块工具了。这是一个非常简单的模块小工具，采用结合的HTML+CSS。只需在站点后台 >> 外观 >> 小工具 >> html代码 然后把小工具添加到指定侧边栏中即可。 &…

美化图 第一步： 子比后台—自定义代码—自定义底部代码。 <!-- 灯笼1 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"…

前言 回到顶部悬挂猫咪是今天我从网上看到觉得很不错，然后就弄到了本站，确实很棒。话不多说，下面分享教程！ 美化图 回到顶部悬挂猫咪只能电脑端显示，需要手机端显示，自己修改CSS代码。 本教程以本站使用的子比主题为例，大部分主题大同小异。 回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery，所以无需担心Jquery问题（当然啦，如果主题没有Jque…

前言： 本来是准备把另一个追剧页面弄好后在一起发教程的，但一直还没有时间去弄追剧页面的样式美化（暂时没有了样式设计的想法），有星友需要这个页面，所以今天就先发布WordPressB站追番页面吧（后期会发布追剧的页面，敬请期待…）！O(∩_∩)O哈哈~。 WordPress追番页面是我在百度翻找了好久，无意间在GitHub找到的，是由Mario（蘑菇君）大佬二开的（大佬就大佬，我永远滴神…），然后我…

美化图： 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…

前言： 用jQuery+Layer.js实现的一个主题切换小提示。 美化图： 第一步： 调用Layer.js，Layer.js是一个非常优秀的弹层组件，看自己是否已经调用了Layer组件 （办法：先别调用下面的Layer.js,看直接使用第二步的代码能否使用，若无法使用就证明没有调用Layer，自己把下面的代码放到主题里【自定义头部HTML代码】） <script type="te…

前言： 这个应该好好吐槽一下，主题作者应该更新美化轮播图按钮样式，太矩形了（边角弄圆一点也好呀!）,自己动手丰衣足食，喜欢我这个样式的小伙伴，拿去吧！点赞一波就好啦！ 美化图： CSS代码：（压缩过了） /*幻灯片上一张、下一张按钮样式*/ .swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-butto…