-
子比主题美化go外链跳转美化代码
效果图: 不会自动跳转,需勾选后点击跳转 无需操作自动跳转,默认3秒可自行修改 代码教程 一、不会自动跳转的 1、复制代码,替换/wp-content/themes/zibll/go.php文件全部内容 2、搜索logo链接替换成自己的 <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERV…- 0
- 0
- 1.3k
-
子比主题添加底部导航带赞赏和常用按钮
效果图: 第一步: 在functions.php加上下面这段代码,图片是站长放在自己腾讯云里的,这里我就删除了,请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_…- 0
- 0
- 2.2k
-
子比主题添加滚动图片广告位html小工具
美化图: 效果就是上图这样,图片自动滚动,挺适合做广告位,也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…- 0
- 0
- 1.9k
-
子比主题聚合热搜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
-
子比主题设置网站的背景为图片背景
美化图: 教程: 提示:建议夜间模式下不使用背景图片 /***日间主题模式***/ body { background-image: url("/**这里改为你自己的图片地址**/"); background-position-x: center; background-position-y: center; background-repeat: no-repeat; back…- 0
- 0
- 1.3k
-
子比主题【夜/日】间模式切换小提示
前言: 用jQuery+Layer.js实现的一个主题切换小提示。 美化图: 第一步: 调用Layer.js,Layer.js是一个非常优秀的弹层组件,看自己是否已经调用了Layer组件 (办法:先别调用下面的Layer.js,看直接使用第二步的代码能否使用,若无法使用就证明没有调用Layer,自己把下面的代码放到主题里【自定义头部HTML代码】) <script type="te…- 0
- 0
- 936
-
子比主题首页轮播图按钮样式美化
前言: 这个应该好好吐槽一下,主题作者应该更新美化轮播图按钮样式,太矩形了(边角弄圆一点也好呀!),自己动手丰衣足食,喜欢我这个样式的小伙伴,拿去吧!点赞一波就好啦! 美化图: CSS代码:(压缩过了) /*幻灯片上一张、下一张按钮样式*/ .swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-butto…- 0
- 0
- 932
-
子比主题下载页面美化(简单的美化)
前言: 这是简单的改动一下代码,添加了几个类,如果作者更新主题时下载页面没改动代码的话,更新主题后【复制粘贴代码】进去就能用!(更新前记得备份!记得备份!记得备份!不然就被刷新代码了) 美化图: 代码: (一些说明请仔细看) CSS代码:(放在哪,这里就不在说了,自己可以压缩一下CSS代码) /*下载样式*/ .download-article{ padding: 0 10px; } .downl…- 0
- 0
- 2.5k
-
子比主题左侧菜单添加背景图片(手机才能看)
美化图: 代码: /*手机侧边栏背景图片*/ @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
-
子比主题下载页面添加声明或说明
美化图: 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
-
子比主题侧边在线征稿小工具
美化图: 代码: <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
-
子比主题添加好看的侧边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
-
子比主题修改主题字体(网站字体美化)
美化教程 CSS代码:(字体样式一:) /*字体*/ @font-face{font-family:"wiiuii";src:url(https://www.cunshao.com/666666/meihua/adjzRQKK4rMhqM7T.ttf);} *{font-family:"wiiuii"} CSS代码(字体样式二): /*全站字体美化*/ @f…- 0
- 0
- 817
-
子比主题公告弹窗样式美化
美化图: 代码: 其实就是一个简单的HTML代码(因为弹窗公告支持HTML代码),自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。 <html> <body> <!--文本--> <a href="https://www.cunshao.com/" target="_blank" title="…- 0
- 0
- 576
-
子比主题添加短视频聚合无水印解析页面
前言: 短视频聚合无水印解析页面是我很久之前就弄了,但弄好之后就不怎么管了,采用了非常简洁的样式,非常的简单。说是聚合无水印解析,其实我也没怎么测试过(只测试了抖音、快手、最右这几个短视频软件),解析的API采用大佬的接口。好啦!废话少说,下面安排教程! 美化图: (其他的WP主题要注意看哦!)页面的头尾代码我只采用符合本站主题(子比主题)的头部和尾部代码,WP其他主题使用可能会出现样式错乱。若其…- 0
- 0
- 730
-
子比主题底部炫酷引导卡片小工具
美化图: 教程: 在后台—》外观—》小工具—》首页-底部全宽度,自定义HTML添加下面代码即可。 <div id="wiiuii" style="box-shadow: 0 0 10px var(--main-shadow);"> <section class="buy-container"> <div cl…- 0
- 0
- 849
-
子比主题添加B站追番页面
前言: 本来是准备把另一个追剧页面弄好后在一起发教程的,但一直还没有时间去弄追剧页面的样式美化(暂时没有了样式设计的想法),有星友需要这个页面,所以今天就先发布WordPressB站追番页面吧(后期会发布追剧的页面,敬请期待…)!O(∩_∩)O哈哈~。 WordPress追番页面是我在百度翻找了好久,无意间在GitHub找到的,是由Mario(蘑菇君)大佬二开的(大佬就大佬,我永远滴神…),然后我…- 0
- 0
- 1k
-
子比主题更改文章列表样式
美化图 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
-
子比主题评论框添加背景图片
美化图 在主题设置—》自定义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
-
子比主题添加文章更新或过期失效提示
美化图 将下面的函数代码加入到主题目录下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
- 697
-
子比主题侧边栏添加信息统计小工具
前言: WordPress信息统计小工具是前几天逛别的网站看到挺可以的,然后就到百度搜索一下,果然有很多这样的教程,但是那些小工具都只显示文字,不怎么美化,特别的简洁。作为喜欢花里胡哨和爱捣鼓的我,当然要进行一些修改啦!O(∩_∩)O哈哈~,然后我自己就弄出了看上去比较可以的信息统计小工具(算是图片版吧<del>~),代码基本都是借鉴大佬的。本来有9个信息统计(删除一些…- 0
- 0
- 1.5k
-
子比主题给网站挂个灯笼
美化图 第一步: 子比后台—自定义代码—自定义底部代码。 <!-- 灯笼1 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"…- 0
- 0
- 1k
-
子比主题修改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
-
子比主题添加说说动态页面
前言: WordPress添加说说页面百度上有很多这样的页面教程,有些大佬制作的说说页面非常好,这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面,毕竟百度上一大堆教程,而且用处也不是很大。但是我在使用那些大佬制作好的说说页面,有些存在一些小BUG(可能不适配本站主题的原因),所以我自己制作了一个清新版说说页面(当然啦,大部分代码都是借鉴和使用大佬的),花了2天的时间制作完成(主要花很多…- 0
- 0
- 1.5k