-
推荐1图片子比主题下载页面美化（简单的美化）
前言： 这是简单的改动一下代码，添加了几个类，如果作者更新主题时下载页面没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了） 美化图： 代码: （一些说明请仔细看） CSS代码：（放在哪，这里就不在说了，自己可以压缩一下CSS代码） /*下载样式*/ .download-article{ padding: 0 10px; } .downl…- 0
- 0
- 2.5k
- 推荐1图片
子比主题聚合热搜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…- 0
- 0
- 1.4k
- 推荐1图片
子比主题顶部添加彩色进度条
美化图 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代码： //进度条…- 0
- 0
- 1k
- 推荐1图片
子比主题添加滚动播报小工具
前言 很多网站也都在分享滚动播报小工具，所以一直没有写一篇文章分享滚动播报小工具，我们不是小工具的创造者，我们只是小工具的搬运工。 美化教程 其实很简单，就一段代码！只需在后台—>外观—>小工具—>自定义HTML添加下面的代码，把它放在合适的位置（本站放在侧边栏），然后就可以啦。 <section id="custom_html-2" class=&qu…- 0
- 0
- 737
- 推荐3图片
子比主题侧边栏添加信息统计小工具
前言： WordPress信息统计小工具是前几天逛别的网站看到挺可以的，然后就到百度搜索一下，果然有很多这样的教程，但是那些小工具都只显示文字，不怎么美化，特别的简洁。作为喜欢花里胡哨和爱捣鼓的我，当然要进行一些修改啦！O(∩_∩)O哈哈~，然后我自己就弄出了看上去比较可以的信息统计小工具（算是图片版吧<del>~），代码基本都是借鉴大佬的。本来有9个信息统计（删除一些…- 0
- 0
- 1.5k
- 推荐1图片
子比主题底部可爱底线提示
美化图 在主题目录—>footer.php的“<footer class….>”上方加入以下代码： <!--底部可爱底线提示--> <div class="app_normal window" style="padding-top:" data-reactroot=&quo…- 0
- 0
- 698
- 推荐5图片
子比主题回到顶部悬挂猫咪
前言 回到顶部悬挂猫咪是今天我从网上看到觉得很不错，然后就弄到了本站，确实很棒。话不多说，下面分享教程！ 美化图 回到顶部悬挂猫咪只能电脑端显示，需要手机端显示，自己修改CSS代码。 本教程以本站使用的子比主题为例，大部分主题大同小异。 回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery，所以无需担心Jquery问题（当然啦，如果主题没有Jque…- 0
- 0
- 1k
- 推荐1图片
子比主题添加复制提示框
美化图 javascript代码： <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>- 0
- 0
- 1.2k
- 推荐1图片
子比主题底部炫酷引导卡片小工具
美化图： 教程： 在后台—》外观—》小工具—》首页-底部全宽度，自定义HTML添加下面代码即可。 <div id="wiiuii" style="box-shadow: 0 0 10px var(--main-shadow);"> <section class="buy-container"> <div cl…- 0
- 0
- 849
- 推荐1图片
子比主题底部添加蓝色波浪
美化图 在zibll主题目录下，footer.php文件中的“</footer>”（重要）下面添加下面的代码： <!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.…- 0
- 0
- 737
- 推荐2图片
子比主题添加说说动态页面
前言： WordPress添加说说页面百度上有很多这样的页面教程，有些大佬制作的说说页面非常好，这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面，毕竟百度上一大堆教程，而且用处也不是很大。但是我在使用那些大佬制作好的说说页面，有些存在一些小BUG（可能不适配本站主题的原因）,所以我自己制作了一个清新版说说页面（当然啦，大部分代码都是借鉴和使用大佬的），花了2天的时间制作完成（主要花很多…- 0
- 0
- 1.5k
- 推荐1图片
子比主题侧边栏添加简单的小模块
前言 可以用来做侧边栏的广告、领取福利等。 美化教程 很久以前网上找来的，然后自己就进行了一些小小的修改，本来这个小工具模块是广告类型的，但觉得自己侧边栏东西很少就修改成了自己的在线工具跳转的模块工具了。这是一个非常简单的模块小工具，采用结合的HTML+CSS。只需在站点后台 >> 外观 >> 小工具 >> html代码 然后把小工具添加到指定侧边栏中即可。 &…- 0
- 0
- 1k
- 推荐1图片
子比主题文章标签美化
前言： 众所周知zibll子比主题是一个非常优秀的WordPress博客主题，但作者可能不怎么喜欢花里胡哨的文章标签，只优化了标签云显示彩色标签，文章标签没有进行彩色化（纯色）。而对于我这种喜欢花里胡哨的来说，只能自己动手，丰衣足食咯！O(∩_∩)O哈哈~文章标签美化采用的是CSS覆盖原来的样式，达到彩色的效果！直接在后台主题自定义CSS样式粘贴CSS代码，这样升级主题时无需二次复…- 0
- 0
- 1.8k
- 推荐1图片
子比主题添加好看的侧边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…- 0
- 0
- 560
- 推荐1图片
子比主题评论框添加背景图片
美化图 在主题设置—》自定义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/m…- 0
- 0
- 556
- 推荐1图片
子比主题添加右下角活动倒计时悬浮窗
教程开始 放自定义顶部或底部html都可以，也可以放文件里，都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉，如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q…- 0
- 4
- 1.7k
- 推荐2图片
子比主题添加文章更新或过期失效提示
美化图 将下面的函数代码加入到主题目录下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…- 0
- 0
- 699
- 推荐1图片
子比主题首页主内容上方添加跑马灯公告小工具
美化图/h2> 网站后台—>外观—>小工具—>自定义HTML，然后添加到合适位置集合即可。 代码： <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff00…- 0
- 0
- 689
- 推荐1图片
子比主题更改文章列表样式
美化图 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: …- 0
- 0
- 1.1k
- 推荐1图片
子比主题设置网站动态标题
前言 我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句javascript语句即可实现。请看下面的教程。 美化教…- 0
- 0
- 648
- 推荐1图片
子比主题公告弹窗样式美化
美化图： 代码： 其实就是一个简单的HTML代码（因为弹窗公告支持HTML代码），自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。 <html> <body> <!--文本--> <a href="https://www.cunshao.com/" target="_blank" title="…- 0
- 0
- 576
- 推荐1图片
子比主题设置网站的背景为图片背景
美化图： 教程： 提示：建议夜间模式下不使用背景图片 /***日间主题模式***/ body { background-image: url("/**这里改为你自己的图片地址**/"); background-position-x: center; background-position-y: center; background-repeat: no-repeat; back…- 0
- 0
- 1.3k
- 推荐1图片
子比主题首页文章列表悬停上浮
美化教程 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); bo…- 0
- 0
- 617
- 推荐1图片
子比主题给网站挂个灯笼
美化图 第一步： 子比后台—自定义代码—自定义底部代码。 <!-- 灯笼1 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"…- 0
- 0
- 1k
- ￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×