-
子比主题添加右下角活动倒计时悬浮窗
教程开始 放自定义顶部或底部html都可以，也可以放文件里，都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉，如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q… -
子比主题文章页面添加文章字数和阅读时间
美化图 1、在主题目录下functions.php文件把下面的代码添加进去： // 文章字数和阅读时间 function count_words_read_time () { global $post; $text_num = mb_strlen(preg_replace('/s/','',html_entity_decode(strip_tags($pos… -
子比主题添加B站追番页面
前言： 本来是准备把另一个追剧页面弄好后在一起发教程的，但一直还没有时间去弄追剧页面的样式美化（暂时没有了样式设计的想法），有星友需要这个页面，所以今天就先发布WordPressB站追番页面吧（后期会发布追剧的页面，敬请期待…）！O(∩_∩)O哈哈~。 WordPress追番页面是我在百度翻找了好久，无意间在GitHub找到的，是由Mario（蘑菇君）大佬二开的（大佬就大佬，我永远滴神…），然后我… -
子比主题添加微语页面
我们常常在自己博客网站发表自己的一些文章，微语页面在这时候就起到了一个很好的作用。微语页面简单地说就像我们微信的朋友圈那样。 美化教程 1、首先在子比主题目录的functions.php里面加入以下代码： //微语 add_action('init', 'my_custom_init'); function my_custom_init() { $label… -
子比主题【夜/日】间模式切换小提示
前言： 用jQuery+Layer.js实现的一个主题切换小提示。 美化图： 第一步： 调用Layer.js，Layer.js是一个非常优秀的弹层组件，看自己是否已经调用了Layer组件 （办法：先别调用下面的Layer.js,看直接使用第二步的代码能否使用，若无法使用就证明没有调用Layer，自己把下面的代码放到主题里【自定义头部HTML代码】） <script type="te… -
子比主题顶部导航栏添加背景图片
美化图 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添加下面代码即可。 <div id="wiiuii" style="box-shadow: 0 0 10px var(--main-shadow);"> <section class="buy-container"> <div cl… -
子比主题添加FPS帧率显示
如果注意观察我网站的左上角，就会发现有xxFPS这几个字不断的发生变化，只需一句js代码即可实现！今天就给大家分享一下WordPress添加帧率显示的教程！ 美化教程 你只需在网站管理后台—》主题设置—》自定义代码—》自定义javascript代码，把下面的js代码复制粘贴到里面即可。 // FPS帧 $('body').before(�… -
子比主题设置网站的背景为图片背景
美化图： 教程： 提示：建议夜间模式下不使用背景图片 /***日间主题模式***/body { background-image: url("/**这里改为你自己的图片地址**/"); background-position-x: center; background-position-y: center; background-repeat: no-repeat; backg… -
子比主题首页文章点击更多按钮样式美化
美化教程 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… -
子比主题底部添加蓝色波浪
美化图 在zibll主题目录下，footer.php文件中的“</footer>”（重要）下面添加下面的代码： <!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.… -
子比主题添加短视频聚合无水印解析页面
前言： 短视频聚合无水印解析页面是我很久之前就弄了，但弄好之后就不怎么管了，采用了非常简洁的样式，非常的简单。说是聚合无水印解析，其实我也没怎么测试过（只测试了抖音、快手、最右这几个短视频软件），解析的API采用大佬的接口。好啦！废话少说，下面安排教程！ 美化图： （其他的WP主题要注意看哦！）页面的头尾代码我只采用符合本站主题（子比主题）的头部和尾部代码，WP其他主题使用可能会出现样式错乱。若其… -
子比主题添加滚动播报小工具
前言 很多网站也都在分享滚动播报小工具，所以一直没有写一篇文章分享滚动播报小工具，我们不是小工具的创造者，我们只是小工具的搬运工。 美化教程 其实很简单，就一段代码！只需在后台—>外观—>小工具—>自定义HTML添加下面的代码，把它放在合适的位置（本站放在侧边栏），然后就可以啦。 <section id="custom_html-2" class=&qu… -
子比主题聚合热搜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… -
子比主题首页文章列表悬停上浮
美化教程 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… -
子比主题回到顶部悬挂猫咪
前言 回到顶部悬挂猫咪是今天我从网上看到觉得很不错，然后就弄到了本站，确实很棒。话不多说，下面分享教程！ 美化图 回到顶部悬挂猫咪只能电脑端显示，需要手机端显示，自己修改CSS代码。 本教程以本站使用的子比主题为例，大部分主题大同小异。 回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery，所以无需担心Jquery问题（当然啦，如果主题没有Jque… -
子比主题公告弹窗样式美化
美化图： 代码： 其实就是一个简单的HTML代码（因为弹窗公告支持HTML代码），自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。 <html> <body> <!--文本--> <a href="https://www.cunshao.com/" target="_blank" title="… -
子比主题侧边栏添加简单的小模块
前言 可以用来做侧边栏的广告、领取福利等。 美化教程 很久以前网上找来的，然后自己就进行了一些小小的修改，本来这个小工具模块是广告类型的，但觉得自己侧边栏东西很少就修改成了自己的在线工具跳转的模块工具了。这是一个非常简单的模块小工具，采用结合的HTML+CSS。只需在站点后台 >> 外观 >> 小工具 >> html代码 然后把小工具添加到指定侧边栏中即可。 &… -
子比主题添加滚动图片广告位html小工具
美化图： 效果就是上图这样，图片自动滚动，挺适合做广告位，也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo… -
子比主题设置网站动态标题
前言 我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句javascript语句即可实现。请看下面的教程。 美化教… -
子比主题添加说说动态页面
前言： WordPress添加说说页面百度上有很多这样的页面教程，有些大佬制作的说说页面非常好，这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面，毕竟百度上一大堆教程，而且用处也不是很大。但是我在使用那些大佬制作好的说说页面，有些存在一些小BUG（可能不适配本站主题的原因）,所以我自己制作了一个清新版说说页面（当然啦，大部分代码都是借鉴和使用大佬的），花了2天的时间制作完成（主要花很多… -
子比主题修改主题字体（网站字体美化）
美化教程 CSS代码：（字体样式一：） /*字体*/@font-face{font-family:"wiiuii";src:url(https://www.cunshao.com/666666/meihua/adjzRQKK4rMhqM7T.ttf);} *{font-family:"wiiuii"} CSS代码（字体样式二）： /*全站字体美化*/@fon… -
子比主题添加VIP视频在线解析页面
前言 电视剧、电影是我们生活中必不可少的，它们可以让我们放松一下心情，但大多数的电视剧或电影都是要VIP或者付费的，本来不怎么富裕的我们更加的雪上加霜，本来可以每炖吃好的，但为了追一个剧，只能吃馒头了！那么我们怎么能够免费看那些电视剧或电影呢？为了能够看免费的，大佬们弄出了VIP视频解析接口，只需在该接口输入电视剧或电影的网址就可以观看视频。VIP视频在线解析页面采用的主要是HTML代码和一些js… -
子比主题添加底部导航带赞赏和常用按钮
效果图： 第一步： 在functions.php加上下面这段代码，图片是站长放在自己腾讯云里的，这里我就删除了，请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_… -
子比主题添加鼠标样式
美化图 第一种 CSS代码： /** 鼠标样式 开始**//** 普通指针样式**/body{cursor: url(https://www.cunshao.com/666666/meihua/img/5ccab616ea9c8.cur), default;} /** 链接指针样式**/a:hover{cursor:url(https://www.cunshao.com/666666/meihua… -
子比主题修改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… -
子比主题添加好看的侧边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… -
子比主题添加热门标签页面
前言 热门标签页面其实很早以前就想做了，但是没有正式学过前端相关的语言，自己写也写不出来，再加自己学业的原因一直没有时间去网上资料，所以就把这件事放到了脑后。昨天考完了试，终于把有时间把网站升了一下级，顺便把热门标签这个页面给弄了一下。自己写不出来，所以热门标签页面的样式借鉴了B2主题的标签聚合页样式进行了一些修改，尽量的适应子比主题，所以昨天一晚上都在弄热门标签页面适配手机端的问题。但还是有一些… -
子比主题美化go外链跳转美化代码
效果图： 不会自动跳转，需勾选后点击跳转 无需操作自动跳转，默认3秒可自行修改 代码教程 一、不会自动跳转的 1、复制代码，替换/wp-content/themes/zibll/go.php文件全部内容 2、搜索logo链接替换成自己的 <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERV… -
子比主题首页主内容上方添加跑马灯公告小工具
美化图/h2> 网站后台—>外观—>小工具—>自定义HTML，然后添加到合适位置集合即可。 代码： <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff00…
子比源码
zibll主题子比主题专为个人、企业的WordPress主题美化设计开发,wp主题采用简约优雅的设计风格搭配强大的商城功能以及易用的模块化配置,成为更加适合中文wordpress商城主题模板、wordpress企…
- ￥使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
- 价格：×删除
消息中心
暂无相关结果