2023

子比主题添加FPS帧率显示

如果注意观察我网站的左上角，就会发现有xxFPS这几个字不断的发生变化，只需一句js代码即可实现！今天就给大家分享一下WordPress添加帧率显示的教程！美化教程你只需在网站管理后台—》主题设置—》自定义代码—》自定义javascript代码，把下面的js代码复制粘贴到里面即可。 // FPS帧 $('body').before(�…
子比源码
- 0
- 0
- 622
花醉10月14日
子比主题回到顶部悬挂猫咪

前言回到顶部悬挂猫咪是今天我从网上看到觉得很不错，然后就弄到了本站，确实很棒。话不多说，下面分享教程！美化图回到顶部悬挂猫咪只能电脑端显示，需要手机端显示，自己修改CSS代码。本教程以本站使用的子比主题为例，大部分主题大同小异。回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery，所以无需担心Jquery问题（当然啦，如果主题没有Jque…
子比源码
- 0
- 0
- 1k
花醉10月19日
B2主题美化之根据时间自动切换网站背景颜色/图片

顾名思义，根据设定时间，7b2网站会显示不同的颜色或背景图片，目前使用的是黑夜模式，故未测试该功能，详细的演示效果及代码如下 1.黑夜模式图片白天的图片大家应该都有，分享一个夜晚的图片 2.背景图片/颜色自动切换代码适用于所有WordPress网站，通过 Date 对象的 getHours() 方法自动获得当前时间，然后自动根据不同的时间段来自动改变页面的背景颜色，当然也可…
B2源码
- 0
- 0
- 1.2k
花醉4月11日
B2主题使用Fancybox插件的图片灯箱效果

要使用Fancybox插件实现图片灯箱效果，需要先引入Fancybox的CSS和JS文件，然后在HTML中添加相应的代码。具体步骤如下：在<head>标签中引入Fancybox的CSS和JS文件： <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox…
B2源码
- 0
- 0
- 642
花醉10月16日
B2主题美化-代码模块美化

美化后如图操作示例：在主题style.CSS引入如下代码：代码一： /*代码高亮*/.entry-content pre { position: relative; border-radius: 6px; padding-top: 50px; box-shadow: 0px 8px 20px -10px #000; height: auto; color: #fff; } .entry-co…
B2源码
- 0
- 0
- 1k
花醉3月13日
子比主题评论框添加背景图片

美化图在主题设置—》自定义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/me…
子比源码
- 0
- 0
- 558
花醉10月21日
子比主题添加好看的侧边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
- 563
花醉10月22日
B2主题添加菜单栏上下滑动特效

演示：一级菜单和二级菜单的动态特效第一步：在后台-外观-菜单-导航标签中添加以下代码 <span><span data-hover="自定义菜单文字"><p class="shanshuo">自定义菜单文字</p></span></span> 第三步：刷新缓存查看效果
B2源码
- 0
- 6
- 824
花醉10月10日
子比主题侧边在线征稿小工具

美化图：代码： <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
- 520
花醉10月22日
WordPress中怎么点击一个按钮弹出使用Ctrl+D收藏网站

当我们想要用户收藏网站时，往往会添加一个按钮或者一个提醒，因为有些浏览器不能直接使用点击收藏。这时候需要一个弹窗提示用户按Ctrl+D来收藏网站。就可以添加以下代码 <button onclick="alert('请使用CTRL+D键收藏本站！')">收藏本站</button> onclick会监测用户的动作，当点击用户按钮时，…
B2源码
- 0
- 0
- 1k
花醉10月13日
子比主题添加热门标签页面

前言热门标签页面其实很早以前就想做了，但是没有正式学过前端相关的语言，自己写也写不出来，再加自己学业的原因一直没有时间去网上资料，所以就把这件事放到了脑后。昨天考完了试，终于把有时间把网站升了一下级，顺便把热门标签这个页面给弄了一下。自己写不出来，所以热门标签页面的样式借鉴了B2主题的标签聚合页样式进行了一些修改，尽量的适应子比主题，所以昨天一晚上都在弄热门标签页面适配手机端的问题。但还是有一些…
子比源码
- 1
- 0
- 669
花醉10月15日
WordPress自定义网站背景图片

我的博客从上线到现在，网站背景一直是纯色的。突然想把背景改为图片。好在WordPress自定义背景图片比价简单。在functions.php文件中添加以下代码，保存，然后上传替换原来的文件。 //自定义背景图片控件 add_custom_background(); 来到网站后台，点击外观，可以看到多了一个背景选项。
源码分享
- 0
- 0
- 516
花醉4月11日
B2主题评论后自动刷新页面

路径b2/Assets/fontend/single.js 在1139行添加以下代码： location.reload();
B2源码
- 0
- 0
- 1k
官方审核员10月29日
子比主题底部添加蓝色波浪

美化图在zibll主题目录下，footer.php文件中的“</footer>”（重要）下面添加下面的代码：  <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.…
子比源码
- 0
- 0
- 740
花醉10月19日
子比主题首页文章点击更多按钮样式美化

美化教程 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
- 552
花醉10月17日
子比主题下载页面美化（简单的美化）

前言：这是简单的改动一下代码，添加了几个类，如果作者更新主题时下载页面没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了）美化图：代码: （一些说明请仔细看） CSS代码：（放在哪，这里就不在说了，自己可以压缩一下CSS代码） /*下载样式*/.download-article{ padding: 0 10px; } .downlo…
子比源码
- 0
- 0
- 2.5k
官方审核员10月23日
子比主题添加说说动态页面

前言： WordPress添加说说页面百度上有很多这样的页面教程，有些大佬制作的说说页面非常好，这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面，毕竟百度上一大堆教程，而且用处也不是很大。但是我在使用那些大佬制作好的说说页面，有些存在一些小BUG（可能不适配本站主题的原因）,所以我自己制作了一个清新版说说页面（当然啦，大部分代码都是借鉴和使用大佬的），花了2天的时间制作完成（主要花很多…
子比源码
- 0
- 0
- 1.5k
花醉10月20日
B2主题美化首页文章缩略图鼠标悬浮放大特效

效果图： css样式：调用方法：后台设置-外观-自定义-额外CSS-添加在最后即可
B2源码
- 0
- 7
- 1k
花醉3月14日
子比主题下载页面添加声明或说明

美化图： 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
花醉10月23日
B2主题代码块添加一键复制和美化

美化图：第一步： CSS代码部分 /*为pre区域添加一键复制*/i.yellow-i { content: ''; position: absolute; top: 0; left: 25px; width: 15px; height: 15px; border-radius: 50%; margin: 15px 25px; background: #fdbc40; z-i…
B2源码
- 0
- 0
- 1.7k
花醉11月9日
子比主题【夜/日】间模式切换小提示

前言：用jQuery+Layer.js实现的一个主题切换小提示。美化图：第一步：调用Layer.js，Layer.js是一个非常优秀的弹层组件，看自己是否已经调用了Layer组件（办法：先别调用下面的Layer.js,看直接使用第二步的代码能否使用，若无法使用就证明没有调用Layer，自己把下面的代码放到主题里【自定义头部HTML代码】） <script type="te…
子比源码
- 0
- 0
- 939
官方审核员10月23日
WordPress的评论区加背景图片，让评论框不在单调

前言：首先由于主题不同，所以我的CSS和大家并不一样！因此，我们需要找到评论框所在CSS！我使用的是JustNews主题，用这个版本的可以直接添加代码使用。 JustNews主题CSS #comment,.comment-must-login { background-image:url(https://cdn.west2.cn/wp-content/uploads/2022/02/164405…
WordPress源码
- 0
- 0
- 734
花醉3月15日
子比主题顶部导航栏添加背景图片

美化图 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
- 550
花醉10月19日
子比主题给网站挂个灯笼

美化图第一步：子比后台—自定义代码—自定义底部代码。  <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"…
子比源码
- 0
- 0
- 1k
花醉10月20日