看图： 第一步： 第三步： 代码中的图片文字自行更换

效果图： 第一步： 第三步： 刷新浏览器缓存查看效果

角标底色同步你站点 css样式 .post-1 a.post-list-cat-item { background: var(--b2color); color: #fff!important; padding: 4px; line-height: 12px; border-radius: 4px; } .post-list-meta-box { justify-content: space-be…

看图： 原来的位置是左边等级，右边会员，此教程是左右位置调换 首先：

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

B2主题的用户登录的小工具实在是太丑了。太丑了，太丑了。 教程开始： 打开：B2 PRO: User.php (Modules/Templates/Widgets/User.php）位置，第225行-227行。 第二步： 把下面的代码修改为 <div class="oauth-login-button"> <a :href="open.url&quo…

文章前言： 适合做图片站，网格列表只显示图片，左上角显示文章内图片的数量，右下角显示文章内的下载资源和隐藏内容等信息（暂时没想好怎么放，随便放右下角）， 鼠标移至图片区显示post-list-meta文章信息（文章点赞，评论，浏览）和post-info文章标题等信息。可直接修改父主题，也可放到子主题修改。 看图 教程开始：

文章目录是 WordPress 文章的必要组成部分，尤其是带有许多标题的长文章。创建目录有助于读者轻松快速地遵循和掌握想法。此外，它还可以帮助您在文章中添加更多关键字，这对 SEO 非常有利。 创建文章目录的方法 有两种方法可以在 WordPress 文章中创建目录。 第一种方法是使用插件。这对 WordPress 的代码专家和新手来说都是简单、快速且免费的。 第二个是使用代码。这样您可以自定义目…

前言： 致美化是B2美化圈子的大佬，顶级的美化。 本教程模仿致美化分类筛选页面排版布局。 由于本人不是很精通代码，我只仿了大概的，看着致美化的布局，根据自己的思路去写代码。请浏览本站效果，略有不足。请谨慎购买教程。如代码还有修改会再次更新本帖子。 美化效果图： 第六步： 强制刷新缓存查看效果

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

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

直接放入后台模块自定义模块即可 仅仅桌面显示，手机端不适应 里面内容自行修改 演示图 </style> <div class="topCard--list"><div class="topCard--item u-rounded u-shadowed"><h3 class="topCard--title&q…

我觉得b2主题等级前面的文字不太好看，于是去掉了它 可以观看前面的教程去掉 但是去掉后 侧边悬浮工具条 里面的等级会显示空的，因为去掉了，调用的函数$name为空了，所以不显示， 我们把调用的函数改为$lv不就好了吗，教程开始 美化前： 由于删掉了文字，这里不显示等级了   第一步： 打开b2主题的(Modules/Templates/Footer.php)文件，大概713行，看图

1.修改b2主题目录下 /b2/Modules/Settings/Post.php 文件，在$gg_meta = new_cmb2_box 之前添加： // 文章添加角标开始 $post_meta = new_cmb2_box(array( 'id' => 'b2_post_onecad_jb', 'title&…

效果图 第一步： 打开Modules/Templates/Widgets/User.php，大约在第224-254行，具体根据图片进行确定位置 可把这个文件复制到子主题相同位置中更改，以防更新主题失效 其它在文件中标明替换链接的地方自己替换就可以

前言： 仿小红书文章内页样式，适合做图片站，左侧展示图片，右侧写文章，放置下载文件，还有评论区。 看图： 把原来的文章全部塞到这个框架里了，删除了一些不喜欢的，隐藏了一些不喜欢了。都是按自己喜欢的样式来写的，样式还可以二开，请先体验再知识付费。 目前还有些问题没有解决，有些小BUG，但不影响使用，不介意的可以体验下再付费。 体验地址：https://sjcnh.cn/2451.html 下面是保姆…

第一步 效果图如下 第二步 这个比较简单，我们只需要在B2主题内部添加模块，在文章内页添加文章广告代码处即可，将下面的几行添加   <div class="mobile-hidden"><script language="JavaScript" type="text/javascript"> tips =…

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

效果图： 使用教程： 打开b2/Modules/Templates/Header.php 文件查找如下代码： <b class="bar-mark" v-if="count" v-cloak> 大约在850行，找到后在其标签中加入如下代码： <p class="ict-count" v-text="count&…

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

这是一款灵动的鱼群跳跃WordPress区块，采用JS技术，通过canvas绘制，适合用在页面底部，增添网站灵动气氛。 区块预览 如何使用 根据代码注释复制代码到自己需要的地方，例如古登堡的HTML区块或是小工具里面的“自定义HTML”，另外，记得看代码注释哦(。・∀・)ノ

将html代码放入B2主题设置->模块管理 ->文章内页 ->文章低部广告位代码 html代码： <fieldset style="border: 1px dashed #e8b235; padding: 10px; border-radius: 5px; line-height: 2em; font-size: 12px; color: #bdbdbd; tex…

前言 我也是搜了很多教程只修改用户等级，没有修改会员等级，这里教程修改两个等级 B2主题有两个等级系统，一个（用户等级）和（会员等级），这里同时修改两个等级，把文字等级改为图片。 效果演示 第一步： 修改B2主题目录下的Modules>Common>User.php文件， 子主题把User.php文件复制到同样的路径修改， 查找：

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

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

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

扒自米图子主题 如果你是子主题则需要再functions.php内引入这个文件 require_once get_stylesheet_directory() . '/Modules/Templates/Footer.php';

看图： 第一步： 打开主题页脚footer.php文件，在</footer>标签前面添加以下代码 第三步： 以上波浪线图片地址自己下载到自己的空间更换 （http://sjcnh.cn/wp-content/themes/b2child_JK/Assets/images/dibu/bolang.png）

这个教程仅是给 网格列表 添加了角标，其他列表也可以使用此方法添加。 1.修改b2主题目录下 /b2/Modules/Settings/Post.php 文件，在$gg_meta = new_cmb2_box 之前添加： // 文章添加角标开始 $post_meta = new_cmb2_box(array( 'id' => 'b2…

/*个人中心*/.author .author-header { margin-top: -20px; } .user-panel { display: block; } .user-panel .avatar { margin: 0 auto; border-radius: 50%; } .user-panel-info { text-align: center; padding-top: 20…