-
子比主题添加右下角活动倒计时悬浮窗
教程开始 放自定义顶部或底部html都可以,也可以放文件里,都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉,如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q…- 0
- 4
- 1.7k
花醉23年10月17日 -
子比主题为注册的用户自动添加认证标识+VIP会员
代码: 1.在子比主题根目录新建一个func.php文件,最顶部写上<?php(如果已经新建过了,请忽略此步骤) 2.以下代码添加到刚刚新建的func.php文件里 3.你们可以根据自己情况,修改+1 year 最终赠送的会员时间,比如一个月:+1 month 4.当然这个代码里获取到的认证时间小时可能会有偏差,因为它使用了PHP的date函数来获取当前时间 function …- 0
- 0
- 787
花醉23年10月14日 -
子比主题更改文章列表样式
美化图 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
花醉23年10月21日 -
子比主题引用阿里巴巴矢量图标库彩色图标
前言 现在大部分博客图标都采用Font Awesome图标库,因为Font Awesome图标库满足了大部分用户的需求了,但做为喜欢花里胡哨的我们是不够的,Font Awesome图标库的图标不仅没有彩色的图标,个性化的图标还有点少!所以对于我们喜欢彩色的菜单图标选择性很少!所以只能引入其他的矢量图标库,今天我就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标。 美化教程 阿里巴巴矢量图…- 0
- 0
- 1k
花醉23年10月16日 -
子比主题首页轮播图按钮样式美化
前言: 这个应该好好吐槽一下,主题作者应该更新美化轮播图按钮样式,太矩形了(边角弄圆一点也好呀!),自己动手丰衣足食,喜欢我这个样式的小伙伴,拿去吧!点赞一波就好啦! 美化图: CSS代码:(压缩过了) /*幻灯片上一张、下一张按钮样式*/ .swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-butto…- 0
- 0
- 877
官方审核员23年10月23日 -
子比主题文章页面添加文章字数和阅读时间
美化图 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
- 687
花醉23年10月19日 -
子比主题添加微语页面
我们常常在自己博客网站发表自己的一些文章,微语页面在这时候就起到了一个很好的作用。微语页面简单地说就像我们微信的朋友圈那样。 美化教程 1、首先在子比主题目录的functions.php里面加入以下代码: //微语 add_action('init', 'my_custom_init'); function my_custom_init() { $label…- 0
- 0
- 1k
花醉23年10月14日 -
子比主题添加B站追番页面
前言: 本来是准备把另一个追剧页面弄好后在一起发教程的,但一直还没有时间去弄追剧页面的样式美化(暂时没有了样式设计的想法),有星友需要这个页面,所以今天就先发布WordPressB站追番页面吧(后期会发布追剧的页面,敬请期待…)!O(∩_∩)O哈哈~。 WordPress追番页面是我在百度翻找了好久,无意间在GitHub找到的,是由Mario(蘑菇君)大佬二开的(大佬就大佬,我永远滴神…),然后我…- 0
- 0
- 1k
花醉23年10月21日 -
子比主题【夜/日】间模式切换小提示
前言: 用jQuery+Layer.js实现的一个主题切换小提示。 美化图: 第一步: 调用Layer.js,Layer.js是一个非常优秀的弹层组件,看自己是否已经调用了Layer组件 (办法:先别调用下面的Layer.js,看直接使用第二步的代码能否使用,若无法使用就证明没有调用Layer,自己把下面的代码放到主题里【自定义头部HTML代码】) <script type="te…- 0
- 0
- 900
官方审核员23年10月23日 -
子比主题顶部导航栏添加背景图片
美化图 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
- 535
花醉23年10月19日 -
子比主题添加FPS帧率显示
如果注意观察我网站的左上角,就会发现有xxFPS这几个字不断的发生变化,只需一句js代码即可实现!今天就给大家分享一下WordPress添加帧率显示的教程! 美化教程 你只需在网站管理后台—》主题设置—》自定义代码—》自定义javascript代码,把下面的js代码复制粘贴到里面即可。 // FPS帧 $('body').before(…- 0
- 0
- 608
花醉23年10月14日 -
子比主题底部炫酷引导卡片小工具
美化图: 教程: 在后台—》外观—》小工具—》首页-底部全宽度,自定义HTML添加下面代码即可。 <div id="wiiuii" style="box-shadow: 0 0 10px var(--main-shadow);"> <section class="buy-container"> <div cl…- 0
- 0
- 809
花醉23年10月21日 -
子比主题首页文章点击更多按钮样式美化
美化教程 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…- 0
- 0
- 537
花醉23年10月17日 -
子比主题设置网站的背景为图片背景
美化图: 教程: 提示:建议夜间模式下不使用背景图片 /***日间主题模式***/ body { background-image: url("/**这里改为你自己的图片地址**/"); background-position-x: center; background-position-y: center; background-repeat: no-repeat; back…- 0
- 0
- 1.3k
官方审核员23年10月23日 -
子比主题底部添加蓝色波浪
美化图 在zibll主题目录下,footer.php文件中的“</footer>”(重要)下面添加下面的代码: <!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.…- 0
- 0
- 725
花醉23年10月19日 -
子比主题添加滚动播报小工具
前言 很多网站也都在分享滚动播报小工具,所以一直没有写一篇文章分享滚动播报小工具,我们不是小工具的创造者,我们只是小工具的搬运工。 美化教程 其实很简单,就一段代码!只需在后台—>外观—>小工具—>自定义HTML添加下面的代码,把它放在合适的位置(本站放在侧边栏),然后就可以啦。 <section id="custom_html-2" class=&qu…- 0
- 0
- 723
花醉23年10月15日 -
子比主题添加短视频聚合无水印解析页面
前言: 短视频聚合无水印解析页面是我很久之前就弄了,但弄好之后就不怎么管了,采用了非常简洁的样式,非常的简单。说是聚合无水印解析,其实我也没怎么测试过(只测试了抖音、快手、最右这几个短视频软件),解析的API采用大佬的接口。好啦!废话少说,下面安排教程! 美化图: (其他的WP主题要注意看哦!)页面的头尾代码我只采用符合本站主题(子比主题)的头部和尾部代码,WP其他主题使用可能会出现样式错乱。若其…- 0
- 0
- 700
花醉23年10月22日 -
子比主题首页文章列表悬停上浮
美化教程 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
- 597
花醉23年10月17日 -
子比主题聚合热搜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.3k
花醉23年10月24日 -
子比主题回到顶部悬挂猫咪
前言 回到顶部悬挂猫咪是今天我从网上看到觉得很不错,然后就弄到了本站,确实很棒。话不多说,下面分享教程! 美化图 回到顶部悬挂猫咪只能电脑端显示,需要手机端显示,自己修改CSS代码。 本教程以本站使用的子比主题为例,大部分主题大同小异。 回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery,所以无需担心Jquery问题(当然啦,如果主题没有Jque…- 0
- 0
- 1k
花醉23年10月19日 -
子比主题侧边栏添加简单的小模块
前言 可以用来做侧边栏的广告、领取福利等。 美化教程 很久以前网上找来的,然后自己就进行了一些小小的修改,本来这个小工具模块是广告类型的,但觉得自己侧边栏东西很少就修改成了自己的在线工具跳转的模块工具了。这是一个非常简单的模块小工具,采用结合的HTML+CSS。只需在站点后台 >> 外观 >> 小工具 >> html代码 然后把小工具添加到指定侧边栏中即可。 &…- 0
- 0
- 1k
花醉23年10月15日 -
子比主题公告弹窗样式美化
美化图: 代码: 其实就是一个简单的HTML代码(因为弹窗公告支持HTML代码),自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。 <html> <body> <!--文本--> <a href="https://www.cunshao.com/" target="_blank" title="…- 0
- 0
- 557
花醉23年10月22日 -
子比主题设置网站动态标题
前言 我们经常逛别人的网站,有些网站当我们离开该页面浏览其他页面的时候,我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样,当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了!”的字样。那么我们如何实现呢?其实很简单,只需一句javascript语句即可实现。请看下面的教程。 美化教…- 0
- 0
- 637
花醉23年10月17日 -
子比主题添加滚动图片广告位html小工具
美化图: 效果就是上图这样,图片自动滚动,挺适合做广告位,也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…- 0
- 0
- 1.9k
花醉23年11月2日