移动端现在是网站使用的主流方向，移动端的美化牵扯网站的使用体验，7b2主题移动端美化底部导航栏，可以快速找到相应的内容，这个跟子比主题移动端的底部导航条非常的相似。 效果图： 使用教程： 修改 b2/Assets/fontend/mobile.css   中 .mobile-footer-menu.footer-fixed 内容(覆盖原{}中内容)   (宝…

美化图： 该美化有用到jquery请自行引入，如您已经引入过则可以忽视 第一步： 在合适的位置插入以下HTML代码 <div id="rizhuti_v2_module_dynamic-5" class="section rizhuti_v2-widget-dynamic"> <div class="wrapper"&g…

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

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

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

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

美化图： 教程： 外观小工具，插入侧边栏自定义HTML，代码如下 <div class="srot-mine b2-radius" style="background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);"> <i class="srot-mine-bg…

<div class="n_banner_inner"> <div class="img-info">! <div class="info">也想出现在这里？ <a rel="nofollow noopener noreferrer" href="转跳Url"…

效果图: 原版自己试一下就好了，原来是有一个活动倒计时的，因为我这里直接标了日期就把倒计时去掉了，各位可根据自身需求自行调整 教程： 首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &…

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

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

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

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

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

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

前言： 代码从其它站扒下来的，喜欢就点个赞吧。 注：这里只是固定的html，适合不长修改用户使用，需要后台功能请赞助子主题 美化图： 只有鼠标经过后才显示文字，默认显示图标 第一步： 打开主题Footer.php 文件(Modules/Templates/Footer.php)，在大约383行-481行，替换成以下代码， 替换成以下代码 <div class="aside-bar&…

关于导航条的一个美化，b2主题顶部导航条和子导航固定成58px了，改为75px了，并且把下拉菜单也美化了下，保留了导航条滚动后的效果。 效果图： 美化代码： 放主題或者子主題style.css中 /* * 导航条美化 */.header-banner { /*隐藏顶部bar*/display: none!important; } .site-header { height: 75px; margi…

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

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

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

B2主题设置->模块管理->首页->添加新模块 调用内容为自定义，放入下方html代码 <div class="banxin Mrxu-block"> <div class="Mrxu-circulation"> <ul> <li class="color1"> <d…

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

演示： 🎉教程： 第一步： 1、下载WP-IPUA插件，打开/wordpress/wp-content/plugins/wp-ipua/helper.php，添加下面的代码 function get_user_ip_address() { ob_start(); $user_id = get_query_var('author'); // 获取用户ID // 获取用户的最后登录…

美化后如图 操作示例： 在主题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…

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

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

1、打开B2主题的TempParts/circle/circle-form.php文件 2、搜索代码： <div class="circle-top"> 3、在此代码上面添加下方的文字滚动通知代码 <!--B2圈子顶部文字通知--> <div class="xcbtmw_notice wrapper" style="m…

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

将下放代码放入b2主题设置->模块管理->首页->首页内容模块布局->调用内容->自定义； 其他主题自行自定义。 Html代码： 五个 <div class="mrxu_link newmrxu_link"> <dl> <dd class="xu_link_1"><a href=&quo…

现在网站基本都是有夜间模式的，由于之前用的主题自带夜间模式，而换到7B2主题后少了这个功能感觉有点不适应，恰巧找到了guhuan大佬写的一篇教程，通过大佬的帮助，完美实现了夜间模式功能。这里也给大家分享一下本人在使用这个教程时遇到的一些问题以及解决方法。   使用教程： 1、首先，您的b2主题必须设置为社交类型菜单（此暗黑模式仅仅适配了此菜单，如果你想使用其他类型菜单可以参考night_…