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

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

前言 这一个很简单的网站点击彩色的效果，采用js来实现 美化教程 首先创建JS文件，复制下面的代码，粘贴到文件中，然后用script标签调用：代码调用如：，就可以啦！Worderss主题一般都在后台主题设置里的自定义JS代码里添加，其他大同小异。 JS代码： function clickEffect() { let balls = []; let longPressed = false; let …

美化图/h2> 网站后台—>外观—>小工具—>自定义HTML，然后添加到合适位置集合即可。 代码： <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff00…

前言 我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句javascript语句即可实现。请看下面的教程。 美化教…

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

前言 热门标签页面其实很早以前就想做了，但是没有正式学过前端相关的语言，自己写也写不出来，再加自己学业的原因一直没有时间去网上资料，所以就把这件事放到了脑后。昨天考完了试，终于把有时间把网站升了一下级，顺便把热门标签这个页面给弄了一下。自己写不出来，所以热门标签页面的样式借鉴了B2主题的标签聚合页样式进行了一些修改，尽量的适应子比主题，所以昨天一晚上都在弄热门标签页面适配手机端的问题。但还是有一些…

前言 很多网站也都在分享滚动播报小工具，所以一直没有写一篇文章分享滚动播报小工具，我们不是小工具的创造者，我们只是小工具的搬运工。 美化教程 其实很简单，就一段代码！只需在后台—>外观—>小工具—>自定义HTML添加下面的代码，把它放在合适的位置（本站放在侧边栏），然后就可以啦。 <section id="custom_html-2" class=&qu…

前言 WordPress默认的浏览器侧边栏滚动条是非常丑陋的，当然，有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化，有些WordPress主题是没有美化侧边滚动栏的，那么这时就需要我们去美化啦！村少今天就教大家如何自定义美化侧边滚动栏。其实非常简单，只需一句代码的事情就可以自定义美化WordPress侧边滚动栏，并且代码适用于绝大多数WordPress主题。 美化教程 一般主…

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

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

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

如果注意观察我网站的左上角，就会发现有xxFPS这几个字不断的发生变化，只需一句js代码即可实现！今天就给大家分享一下WordPress添加帧率显示的教程！ 美化教程 你只需在网站管理后台—》主题设置—》自定义代码—》自定义javascript代码，把下面的js代码复制粘贴到里面即可。 // FPS帧 $('body').before(�…

美化教程 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…

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

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

效果图： 不会自动跳转，需勾选后点击跳转 无需操作自动跳转，默认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"…

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

美化教程 CSS代码： /点击更多/ .theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a{border-radius: 30px; padding: 15px 0; color: var(--muted-color); background-color:var(--main-bg-color);color: #F…

美化图 在主题设置—》自定义CSS样式，添加下面的CSS代码： /*评论背景图*/textarea#comment {background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(https://www.cunshao.com/666666/me…

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

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

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

美化图 将下面的函数代码加入到主题目录下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…

教程开始 放自定义顶部或底部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.…

美化图 CSS代码： /*导航栏图片背景*/.header-layout-1{position:relative;background-image:url(https://www.cunshao.com/666666/meihua/img/huacao.png);background-position:center right;background-size:auto 100%;} 说明：图片背景…

美化图： 代码： 其实就是一个简单的HTML代码（因为弹窗公告支持HTML代码），自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。 <html> <body> <!--文本--> <a href="https://www.cunshao.com/" target="_blank" title="…

代码： 1.在子比主题根目录新建一个func.php文件，最顶部写上<?php（如果已经新建过了，请忽略此步骤） 2.以下代码添加到刚刚新建的func.php文件里 3.你们可以根据自己情况，修改+1 year 最终赠送的会员时间，比如一个月：+1 month 4.当然这个代码里获取到的认证时间小时可能会有偏差，因为它使用了PHP的date函数来获取当前时间   function …