预览图： 第三步： 刷新浏览器缓存查看

结合之前发的几款WordPress广告区块，做了个整合，结合了一些优点，做了点优化。添加了左下角的文字水印，右上角的广告提示标志，精致的hover动效，实用又好看。 响应式设计，应用范围更广，在不同的宽度下都有良好的展现形式。 进入B2主题-模块管理-文章内页-文章顶部广告位代码里面复制下面方的代码 下面是广告代码和CSS样式

演示： 一级菜单和二级菜单的动态特效 第一步： 在后台-外观-菜单-导航标签中添加以下代码 <span><span data-hover="自定义菜单文字"><p class="shanshuo">自定义菜单文字</p></span></span> 第三步： 刷新缓存查看效果

B2主题美化之文章内容美化H标签美化，本标题就是美化效果 将下列代码加入到styles.css之中 添加代码后，强制刷新就能看到效果了

效果图： css样式： 调用方法： 后台设置-外观-自定义-额外CSS-添加在最后即可

前言 我们B2主题的回到顶部的按钮一直都显示，不太喜欢，所以用AI写了个代码，可以增加趣味性 以下是修改后的代码，实现了回到顶部按钮默认隐藏起来，在页面滑动的时候才显示的功能。主要修改点在于对按钮初始显示状态以及显示逻辑的调整。 我这个是修改了代码的侧边栏，原主题是要修改代码的， 第一步 修改位置在B2/Modules/Templates/Footer.php, 480-483行处，当前B2版本：…

保存下面图片附件放到网站根目录 动画与点击的链接可以自定义 第一步： 以下代码放入b2/footer.php最上面 <div class="showpc"> <style> .showpc{display:none;}@media (min-width:960px){.showpc{display:inline; </style> <d…

显示效果 1：下载底部的文件 2：static文件放到网站目录，复制demo-po.html文件里面的代码放到 B2主题设置->模块管理->首页->添加新模块-> 调用内容为自定义，放入html代码，注意<!–载入CSS样式–>和<!–载入JS–>中的文件路径

将以下代码加到你的网站css文件里面，随意，只要能引用的css就行了，wordpress用户加在style.css里面。  （必看）原理解释 给大家解释一下代码，不看可能不会扫（WordPress柒比贰主题可以忽略，因为花醉也是。） 找到你的logo所处的div，然后找到他的class，如这个实例： <h1 class="logo pos-a">< …

图： 打开默认文章模板文件/b2/Modules/Common/Post.php，把531行代码: //默认每次浏览量+1 update_post_meta($post_id,'views',$views+1); 换成以下代码： //默认每次浏览量+（10~50）之间随机数字 update_post_meta($post_id,'views',$views+…

鼠标指向图标会弹出窗口 附件放到网站根目录，内容图标位置都可以自定义。 打开/b2/Modules/Templates/Header.php 搜索 <div class="header-banner-right"> 将下方代码放置下方 <style> .abcd_benefitTag_benefits-wrapper {position:relative…

效果见本站 打开Assets/fontend/single.js搜索$nextTick 大概在第三个$nextTick 的位置在他的下面加入一行 lazyLoadInstance.update() 如上图所示，后续b2更新或改版可能会变更位置，具体自测

效果： 第一步： 打开/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加，当然你也可以添加到你自己喜欢的地方，样式自己调 <div class="operTips">文章最后更新于：<?php echo get_the_modified_time('Y.m…

路径b2/Assets/fontend/single.js 在1139行添加以下代码： location.reload();

很多平台都有显示ip归属地，现我们也新增了显示来自某某地区的评论。 首先在文章底部下载对应文件，然后上传到子主题文件内，两个文件分别为ip2c.php和qqwry.dat， 然后打开functions.php文件引入ip2c.php文件，引入方式为： include("ip2c.php"); 然后打开7b2文章评论显示文件/wp-content/themes/b2/Module…

第一步 网站添加添加复制透明提示框 第二步 以下代码放入模板函数(functions.php) //透明复制提示 // by：设计趁年华 document.body.oncopy = function() {layer.msg('<p style="font-weight: 700;">【设计趁年华】{www.sjcnh.cn}<br>复制成功…

增加位置在查询数据库上面，如下图 增加的代码如下：

美化图： 第一步： 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…

原生的认证图标有的人不是很喜欢，喜欢自己去自定义，那么如何去修改？ 1、首先打开主题函数文件路径为：/wp-content/themes/b2/functions.php 第23行的常量 define('B2_VERIFY_ICON','<i class="b2-vrenzhengguanli b2font b2-color"><…

7b2自定义 暂无相关结果 图标 子主题根目录functions.php文件中插入下方代码: define('B2_EMPTY','<div class="empty-page"><div class="e404-page-icon">“我是svg代码”</div>&l…

当我们想要用户收藏网站时，往往会添加一个按钮或者一个提醒，因为有些浏览器不能直接使用点击收藏。 这时候需要一个弹窗提示用户按Ctrl+D来收藏网站。 就可以添加以下代码 <button onclick="alert('请使用CTRL+D键收藏本站！')">收藏本站</button> onclick会监测用户的动作， 当点击用户按钮时，…

效果图： 教程： 第一步： 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件，然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=…

.gg-box .modal-content { width: 28rem; overflow: hidden; margin-top: 0; } .gg-box-title .gg-title { width: 100%; text-align: center; padding: 0!important; } .modal-content .gg-box-title h2 { font-size…

如果你喜欢这个样式的搜索 将以下Html代码放至主题模块中（主题设置-模块管理-自定义代码 HTML代码 <!--动态搜索背景html代码开始--> <style> .poa { color: #f4f4f4; } p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px; height: 20px; line…

在群里有人问这个问题，怎么把本站第几号会员+500个 找到主题的B2 PRO: index.php (User/index.php)文件 在第49行中 把以下代码后面添加+500即可 <b v-text="userData.id+500"></b>

演示： 教程： 第一步： 在自定义底部html中添加一下代码 <div id="xcx-ad" class="xcx-ad-container"> <div id="close-ad" class="close-ico" onclick="target_dis();" >&l…

define('B2_EMPTY','<div class="empty-page"><div class="e404-page-icon">“我是svg代码”</div><p>'.__('暂无相关结果','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…

要使用Fancybox插件实现图片灯箱效果，需要先引入Fancybox的CSS和JS文件，然后在HTML中添加相应的代码。具体步骤如下： 在<head>标签中引入Fancybox的CSS和JS文件： <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox…