-
-
B2主题创意图片广告区块教程
结合之前发的几款WordPress广告区块,做了个整合,结合了一些优点,做了点优化。添加了左下角的文字水印,右上角的广告提示标志,精致的hover动效,实用又好看。 响应式设计,应用范围更广,在不同的宽度下都有良好的展现形式。 进入B2主题-模块管理-文章内页-文章顶部广告位代码里面复制下面方的代码 下面是广告代码和CSS样式 -
B2主题添加菜单栏上下滑动特效
演示: 一级菜单和二级菜单的动态特效 第一步: 在后台-外观-菜单-导航标签中添加以下代码 <span><span data-hover="自定义菜单文字"><p class="shanshuo">自定义菜单文字</p></span></span> 第三步: 刷新缓存查看效果 -
B2主题美化-让你的回到顶部按钮隐藏起来
前言 我们B2主题的回到顶部的按钮一直都显示,不太喜欢,所以用AI写了个代码,可以增加趣味性 以下是修改后的代码,实现了回到顶部按钮默认隐藏起来,在页面滑动的时候才显示的功能。主要修改点在于对按钮初始显示状态以及显示逻辑的调整。 我这个是修改了代码的侧边栏,原主题是要修改代码的, 第一步 修改位置在B2/Modules/Templates/Footer.php, 480-483行处,当前B2版本:… -
-
B2主题美化之文章内容美化H标签美化
B2主题美化之文章内容美化H标签美化,本标题就是美化效果 将下列代码加入到styles.css之中 添加代码后,强制刷新就能看到效果了 -
WordPress添加百度API 自动提交收录
百度站长的资源提交分为快速收入和普通收录,资源的提交方式有:API 提交、Sitemap 提交、手动提交三种方式。 这里分享一下API提交方式。纯代码实现: API推送:最为快速的提交方式,建议您将站点当天新产出链接立即通过此方式推送给百度,以保证新链接可以及时被百度收录。 百度 API 提交token 值的获取 登录百度站长 → 资源提交 → 普通收录,下面图片中’token=’的后面就是我们自… -
WordPress实现复制弹出提示框-美化版
WordPress实现复制弹出提示框-美化版教程 wordpress的小伙伴直接将以下代码加入到主题目录functions.php文件即可 -
B2主题在网站添加悬浮动画广告
保存下面图片附件放到网站根目录 动画与点击的链接可以自定义 第一步: 以下代码放入b2/footer.php最上面 <div class="showpc"> <style> .showpc{display:none;}@media (min-width:960px){.showpc{display:inline; </style> <d… -
B2主题 – banner钻展
显示效果 1:下载底部的文件 2:static文件放到网站目录,复制demo-po.html文件里面的代码放到 B2主题设置->模块管理->首页->添加新模块-> 调用内容为自定义,放入html代码,注意<!–载入CSS样式–>和<!–载入JS–>中的文件路径 -
子比主题添加右下角活动倒计时悬浮窗
教程开始 放自定义顶部或底部html都可以,也可以放文件里,都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉,如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q… -
B2主题logo扫光特效,网站logo扫光特效纯代码
将以下代码加到你的网站css文件里面,随意,只要能引用的css就行了,wordpress用户加在style.css里面。 (必看)原理解释 给大家解释一下代码,不看可能不会扫(WordPress柒比贰主题可以忽略,因为花醉也是。) 找到你的logo所处的div,然后找到他的class,如这个实例: <h1 class="logo pos-a">< … -
-
B2美化-页眉菜单添加开通vip图标
鼠标指向图标会弹出窗口 附件放到网站根目录,内容图标位置都可以自定义。 打开/b2/Modules/Templates/Header.php 搜索 <div class="header-banner-right"> 将下方代码放置下方 <style> .abcd_benefitTag_benefits-wrapper {position:relative… -
B2主题文章每次访问随机增加访问量
图: 打开默认文章模板文件/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美化之评论后自动刷新
效果见本站 打开Assets/fontend/single.js搜索$nextTick 大概在第三个$nextTick 的位置在他的下面加入一行 lazyLoadInstance.update() 如上图所示,后续b2更新或改版可能会变更位置,具体自测 -
B2文章评论新增ip归属地
很多平台都有显示ip归属地,现我们也新增了显示来自某某地区的评论。 首先在文章底部下载对应文件,然后上传到子主题文件内,两个文件分别为ip2c.php和qqwry.dat, 然后打开functions.php文件引入ip2c.php文件,引入方式为: include("ip2c.php"); 然后打开7b2文章评论显示文件/wp-content/themes/b2/Module… -
-
-
B2主题增加文章内显示最后编辑时间
效果: 第一步: 打开/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加,当然你也可以添加到你自己喜欢的地方,样式自己调 <div class="operTips">文章最后更新于:<?php echo get_the_modified_time('Y.m… -
-
子比主题下载页面美化(简单的美化)
前言: 这是简单的改动一下代码,添加了几个类,如果作者更新主题时下载页面没改动代码的话,更新主题后【复制粘贴代码】进去就能用!(更新前记得备份!记得备份!记得备份!不然就被刷新代码了) 美化图: 代码: (一些说明请仔细看) CSS代码:(放在哪,这里就不在说了,自己可以压缩一下CSS代码) /*下载样式*/.download-article{ padding: 0 10px; } .downlo… -
RiPro 主题首页简洁搜索框美化教程
教程开始 1、找到wp-content/themes/ripro/assets/css/diy.css并将附件内的diy.css内容整体复制进去并保存 /*首页搜索框*/.bgcolor-fff { background-color: #fff; } .row,.navbar .menu-item-mega>.sub-menu{margin-left:-10px;margin-right:-… -
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… -
WordPress文章中的图片实现点击放大的效果
首先在主题页眉文件header.php的head标签中添加css引用文件 <!-- 图片放大 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> 然后… -
子比主题顶部导航栏添加背景图片
美化图 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%;} 说明:图片背景… -
B2主题添加右下角会员活动弹窗
效果图: 原版自己试一下就好了,原来是有一个活动倒计时的,因为我这里直接标了日期就把倒计时去掉了,各位可根据自身需求自行调整 教程: 首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &… -
B2主题美化-网站增加黑夜模式
现在网站基本都是有夜间模式的,由于之前用的主题自带夜间模式,而换到7B2主题后少了这个功能感觉有点不适应,恰巧找到了guhuan大佬写的一篇教程,通过大佬的帮助,完美实现了夜间模式功能。这里也给大家分享一下本人在使用这个教程时遇到的一些问题以及解决方法。 使用教程: 1、首先,您的b2主题必须设置为社交类型菜单(此暗黑模式仅仅适配了此菜单,如果你想使用其他类型菜单可以参考night_… -
子比主题添加滚动播报小工具
前言 很多网站也都在分享滚动播报小工具,所以一直没有写一篇文章分享滚动播报小工具,我们不是小工具的创造者,我们只是小工具的搬运工。 美化教程 其实很简单,就一段代码!只需在后台—>外观—>小工具—>自定义HTML添加下面的代码,把它放在合适的位置(本站放在侧边栏),然后就可以啦。 <section id="custom_html-2" class=&qu…
源码分享
源码分享是一个综合性的源码分享交流平台,资源涵盖了各种类型的网站源码、APP 源码、游戏源码等。论坛设有多个板块,方便用户分类查找资源。在网站源码板块,有企业网站、电商网站、论坛网站等多种类型的源码分享;APP 源码板块包含社交、娱乐、工具等各类 APP 源码;游戏源码板块则提供了各种类型的小游戏和大型游戏的源码。