-
B2主题添加个好看的底部导航
效果图: 教程: 第一步: 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件,然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=…- 0
- 0
- 1.7k
-
WordPress中怎么点击一个按钮弹出使用Ctrl+D收藏网站
当我们想要用户收藏网站时,往往会添加一个按钮或者一个提醒,因为有些浏览器不能直接使用点击收藏。 这时候需要一个弹窗提示用户按Ctrl+D来收藏网站。 就可以添加以下代码 <button onclick="alert('请使用CTRL+D键收藏本站!')">收藏本站</button> onclick会监测用户的动作, 当点击用户按钮时,…- 0
- 0
- 1.1k
-
B2主题美化:VIP会员页面
WordPress网站7b2美化之漂亮的VIP会员页面兼容手机端(适合2或4种会员),很多网站都是有会员的,这个vip美化很好地引导用户注册成收费会员,还可以兼容手机,还是比较不错的。 1.效果演示 2.实现教程 教程大致可分为两步:替换原VIP页面——美化vip页面 2.1.替换vip会员页面 原404文件位置:主题目录/pages/vips.php,将里面内容替换为下面…- 0
- 0
- 678
-
B2主题美化-网站增加黑夜模式
现在网站基本都是有夜间模式的,由于之前用的主题自带夜间模式,而换到7B2主题后少了这个功能感觉有点不适应,恰巧找到了guhuan大佬写的一篇教程,通过大佬的帮助,完美实现了夜间模式功能。这里也给大家分享一下本人在使用这个教程时遇到的一些问题以及解决方法。 使用教程: 1、首先,您的b2主题必须设置为社交类型菜单(此暗黑模式仅仅适配了此菜单,如果你想使用其他类型菜单可以参考night_…- 0
- 0
- 884
-
B2主题仿子比主题未登入小工具UI
效果图 第一步: 打开Modules/Templates/Widgets/User.php,大约在第224-254行,具体根据图片进行确定位置 可把这个文件复制到子主题相同位置中更改,以防更新主题失效 其它在文件中标明替换链接的地方自己替换就可以- 0
- 9
- 1.8k
-
B2主题美化-侧边跟随工具条
前言: 代码从其它站扒下来的,喜欢就点个赞吧。 注:这里只是固定的html,适合不长修改用户使用,需要后台功能请赞助子主题 美化图: 只有鼠标经过后才显示文字,默认显示图标 第一步: 打开主题Footer.php 文件(Modules/Templates/Footer.php),在大约383行-481行,替换成以下代码, 替换成以下代码 <div class="aside-bar&…- 0
- 0
- 1.1k
-
-
-
B2主题修改微信扫码登录效果
第一步: 打开文件B2 /Assets/fontend/main.js,大概913-933行 下面代码替换上图中 var login = new Vue({ el:'#login-box', data:{ show:false, loginType:1, checkCodeSendSuccess:false, isAdmin:false, imgCode:''…- 0
- 0
- 1k
-
B2主题美化小工具“创建圈子”按钮
B2主题美化小工具“创建圈子”按钮,直接上图,把下方css样式添加到相应样式文件里面就行了 美化前: 美化后: . .circle-widget-button .text { background: #2485e5!important; border: 1px solid #2485e5!important; border-radius: 0!important; colo…- 0
- 0
- 880
-
B2主题美化大屏搜索雨滴玻璃效果背景
效果图: 本站就是预览效果 前言: 经过网上的教程一些教程改编美化的,确实花费不少精力,所以不免费,如喜欢请支持一下。通过b2主题自带的首页内容模块实现,后续会加到子主题里面,目前只适配电脑端,不想适配手机端。 第四步: 刷新浏览器缓存查看- 0
- 0
- 1.7k
-
B2主题四栏目美化代码
直接放入后台模块自定义模块即可 仅仅桌面显示,手机端不适应 里面内容自行修改 演示图 </style> <div class="topCard--list"><div class="topCard--item u-rounded u-shadowed"><h3 class="topCard--title&q…- 0
- 0
- 618
-
B2主题网站添加用户IP归属地
演示: 🎉教程: 第一步: 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 // 获取用户的最后登录…- 0
- 0
- 1k
-
B2主题添加菜单栏上下滑动特效
演示: 一级菜单和二级菜单的动态特效 第一步: 在后台-外观-菜单-导航标签中添加以下代码 <span><span data-hover="自定义菜单文字"><p class="shanshuo">自定义菜单文字</p></span></span> 第三步: 刷新缓存查看效果- 0
- 8
- 865
-
B2美化-页眉菜单添加开通vip图标
鼠标指向图标会弹出窗口 附件放到网站根目录,内容图标位置都可以自定义。 打开/b2/Modules/Templates/Header.php 搜索 <div class="header-banner-right"> 将下方代码放置下方 <style> .abcd_benefitTag_benefits-wrapper {position:relative…- 0
- 3
- 660
-
B2主题 圈子首页加上轮播图
B2主题是一款功能强大的主题,它可以帮助你打造出一个专业的网站。如果你正在使用7b2主题,那么你可能会想要在圈子首页加上一个轮播图,以吸引更多的访问者。 上效果图: 操作步骤: 第一步: 进入后台,B2主题设置---模块设置---首页---添加新模块 模块标题自己取,随便 模块key是唯一性的,小写字母,不要和其他的名字冲突就好 调用内容可以选择幻灯片,或者自定义: 这里说明一下,选…- 0
- 0
- 630
-
-
B2主题美化之仿致美化页脚
美化展示 第一步 添加在footer.php文件中(替换所有内容),注意自行修改其中链接 <div class="footer hidden-xs"> <div class="footer__wrapper site-info" style="margin-top: 100px;"> <div class=&…- 0
- 0
- 597
-
B2主题增加文章内显示最后编辑时间
效果: 第一步: 打开/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加,当然你也可以添加到你自己喜欢的地方,样式自己调 <div class="operTips">文章最后更新于:<?php echo get_the_modified_time('Y.m…- 0
- 1
- 807
-
B2主题中用代码做个悬浮目录
第一步 您可以使用以下步骤在B2主题中创建一个悬浮目录: 在主题文件夹中创建一个新的JavaScript文件,例如“floating-menu.js”。 在该文件中编写以下代码: jQuery(document).ready(function($) { // 创建目录 var toc = ''; var level = 0; var maxLevel = 3; $('…- 0
- 1
- 1.4k
-
B2主题美化之根据时间自动切换网站背景颜色/图片
顾名思义,根据设定时间,7b2网站会显示不同的颜色或背景图片,目前使用的是黑夜模式,故未测试该功能,详细的演示效果及代码如下 1.黑夜模式图片 白天的图片大家应该都有,分享一个夜晚的图片 2.背景图片/颜色自动切换代码 适用于所有WordPress网站,通过 Date 对象的 getHours() 方法自动获得当前时间,然后自动根据不同的时间段来自动改变页面的背景颜色,当然也可…- 0
- 0
- 1.2k
-
B2主题美化给文章添加彩色角标
这个教程仅是给 网格列表 添加了角标,其他列表也可以使用此方法添加。 1.修改b2主题目录下 /b2/Modules/Settings/Post.php 文件,在$gg_meta = new_cmb2_box 之前添加: // 文章添加角标开始 $post_meta = new_cmb2_box(array( 'id' => 'b2…- 0
- 1
- 1.1k
-
B2主题自带的语音播放失效了
第一步: 其实是API地址失效了 更换API地址就好了 第二步: 这里推荐一个api地址 b2-accsets-fontend-main.js-1691行 第三步: ctrl+f5强制刷新浏览器,即可看到效果。如不显示多刷新几次或者更换浏览器试试。- 0
- 1
- 1.6k
-
B2主题侧边栏信息统计小工具
第一步 创建一个PHP文件:widget-websitestat.php 然后把下面的php代码添加进去 <?php // 设计趁年华统计信息小工具 // 名称: 设计趁年华 // 定义小工具的类 EfanWebsitestat class EfanWebsitestat extends WP_Widget{ function __construct(){ // 定义小工具的构造函数 $wi…- 0
- 0
- 649
2023