-
推荐1图片子比主题添加滚动图片广告位html小工具
美化图： 效果就是上图这样，图片自动滚动，挺适合做广告位，也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…- 0
- 0
- 1.9k
- 推荐1图片
子比主题侧边在线征稿小工具
美化图： 代码： <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…- 0
- 0
- 518
- 推荐5图片
子比主题回到顶部悬挂猫咪
前言 回到顶部悬挂猫咪是今天我从网上看到觉得很不错，然后就弄到了本站，确实很棒。话不多说，下面分享教程！ 美化图 回到顶部悬挂猫咪只能电脑端显示，需要手机端显示，自己修改CSS代码。 本教程以本站使用的子比主题为例，大部分主题大同小异。 回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery，所以无需担心Jquery问题（当然啦，如果主题没有Jque…- 0
- 0
- 1k
- 推荐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
- 推荐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
- 推荐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
- 推荐3图片
子比主题修改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…- 0
- 0
- 1.1k
- 推荐1图片
子比主题设置网站动态标题
前言 我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句javascript语句即可实现。请看下面的教程。 美化教…- 0
- 0
- 648
- 推荐1图片
子比主题引用阿里巴巴矢量图标库彩色图标
前言 现在大部分博客图标都采用Font Awesome图标库，因为Font Awesome图标库满足了大部分用户的需求了，但做为喜欢花里胡哨的我们是不够的，Font Awesome图标库的图标不仅没有彩色的图标，个性化的图标还有点少！所以对于我们喜欢彩色的菜单图标选择性很少！所以只能引入其他的矢量图标库，今天我就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标。 美化教程 阿里巴巴矢量图…- 0
- 0
- 1.1k
- 推荐1图片
子比主题底部添加蓝色波浪
美化图 在zibll主题目录下，footer.php文件中的“</footer>”（重要）下面添加下面的代码： <!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.…- 0
- 0
- 737
- 推荐1图片
子比主题首页轮播图按钮样式美化
前言： 这个应该好好吐槽一下，主题作者应该更新美化轮播图按钮样式，太矩形了（边角弄圆一点也好呀!）,自己动手丰衣足食，喜欢我这个样式的小伙伴，拿去吧！点赞一波就好啦！ 美化图： CSS代码：（压缩过了） /*幻灯片上一张、下一张按钮样式*/ .swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-butto…- 0
- 0
- 932
- 推荐1图片
子比主题公告弹窗样式美化
美化图： 代码： 其实就是一个简单的HTML代码（因为弹窗公告支持HTML代码），自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。 <html> <body> <!--文本--> <a href="https://www.cunshao.com/" target="_blank" title="…- 0
- 0
- 576
- 推荐2图片
子比主题文章页面添加文章字数和阅读时间
美化图 1、在主题目录下functions.php文件把下面的代码添加进去： // 文章字数和阅读时间 function count_words_read_time () { global $post; $text_num = mb_strlen(preg_replace('/s/','',html_entity_decode(strip_tags($pos…- 0
- 0
- 700
- 推荐3图片
子比主题侧边栏添加信息统计小工具
前言： WordPress信息统计小工具是前几天逛别的网站看到挺可以的，然后就到百度搜索一下，果然有很多这样的教程，但是那些小工具都只显示文字，不怎么美化，特别的简洁。作为喜欢花里胡哨和爱捣鼓的我，当然要进行一些修改啦！O(∩_∩)O哈哈~，然后我自己就弄出了看上去比较可以的信息统计小工具（算是图片版吧<del>~），代码基本都是借鉴大佬的。本来有9个信息统计（删除一些…- 0
- 0
- 1.5k
- 推荐1图片
子比主题左侧菜单添加背景图片（手机才能看）
美化图： 代码： /*手机侧边栏背景图片*/ @media (max-width: 767px){ .mobile-navbar.show,.mobile-navbar.left{ background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; ba…- 0
- 0
- 858
- 推荐1图片
子比主题添加热门标签页面
前言 热门标签页面其实很早以前就想做了，但是没有正式学过前端相关的语言，自己写也写不出来，再加自己学业的原因一直没有时间去网上资料，所以就把这件事放到了脑后。昨天考完了试，终于把有时间把网站升了一下级，顺便把热门标签这个页面给弄了一下。自己写不出来，所以热门标签页面的样式借鉴了B2主题的标签聚合页样式进行了一些修改，尽量的适应子比主题，所以昨天一晚上都在弄热门标签页面适配手机端的问题。但还是有一些…- 1
- 0
- 666
- 推荐1图片
子比主题添加底部导航带赞赏和常用按钮
效果图： 第一步： 在functions.php加上下面这段代码，图片是站长放在自己腾讯云里的，这里我就删除了，请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_…- 0
- 0
- 2.2k
- 推荐1图片
子比主题下载页面添加声明或说明
美化图： 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…- 0
- 0
- 1k
- 推荐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图片
子比主题添加侧边彩色滚动条
前言 WordPress默认的浏览器侧边栏滚动条是非常丑陋的，当然，有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化，有些WordPress主题是没有美化侧边滚动栏的，那么这时就需要我们去美化啦！村少今天就教大家如何自定义美化侧边滚动栏。其实非常简单，只需一句代码的事情就可以自定义美化WordPress侧边滚动栏，并且代码适用于绝大多数WordPress主题。 美化教程 一般主…- 0
- 0
- 633
- 推荐1图片
子比主题添加滚动播报小工具
前言 很多网站也都在分享滚动播报小工具，所以一直没有写一篇文章分享滚动播报小工具，我们不是小工具的创造者，我们只是小工具的搬运工。 美化教程 其实很简单，就一段代码！只需在后台—>外观—>小工具—>自定义HTML添加下面的代码，把它放在合适的位置（本站放在侧边栏），然后就可以啦。 <section id="custom_html-2" class=&qu…- 0
- 0
- 737
- 推荐1图片
子比主题顶部导航栏添加背景图片
美化图 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%;} 说明：图片背…- 0
- 0
- 549
- 推荐
子比主题修改主题字体（网站字体美化）
美化教程 CSS代码：（字体样式一：） /*字体*/ @font-face{font-family:"wiiuii";src:url(https://www.cunshao.com/666666/meihua/adjzRQKK4rMhqM7T.ttf);} *{font-family:"wiiuii"} CSS代码（字体样式二）： /*全站字体美化*/ @f…- 0
- 0
- 817
- ￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×