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

前言： 这是简单的改动一下代码，添加了几个类，如果作者更新主题时下载页面没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了） 美化图： 代码: （一些说明请仔细看） CSS代码：（放在哪，这里就不在说了，自己可以压缩一下CSS代码） /*下载样式*/ .download-article{ padding: 0 10px; } .downl…

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

效果图： 第一步： 在functions.php加上下面这段代码，图片是站长放在自己腾讯云里的，这里我就删除了，请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_…

教程开始 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:-…

美化图： 效果就是上图这样，图片自动滚动，挺适合做广告位，也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…

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

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

前言： 众所周知zibll子比主题是一个非常优秀的WordPress博客主题，但作者可能不怎么喜欢花里胡哨的文章标签，只优化了标签云显示彩色标签，文章标签没有进行彩色化（纯色）。而对于我这种喜欢花里胡哨的来说，只能自己动手，丰衣足食咯！O(∩_∩)O哈哈~文章标签美化采用的是CSS覆盖原来的样式，达到彩色的效果！直接在后台主题自定义CSS样式粘贴CSS代码，这样升级主题时无需二次复…

教程开始 放自定义顶部或底部html都可以，也可以放文件里，都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉，如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q…

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

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

1. ripro ->inc -> codestar-framework -> options -> options.theme.php 搜索“share_poster_img_qrcode”，在第一个“),”后添加如下代码 array( 'id' => 'is_show_faq', 'type' =>…

前言： WordPress信息统计小工具是前几天逛别的网站看到挺可以的，然后就到百度搜索一下，果然有很多这样的教程，但是那些小工具都只显示文字，不怎么美化，特别的简洁。作为喜欢花里胡哨和爱捣鼓的我，当然要进行一些修改啦！O(∩_∩)O哈哈~，然后我自己就弄出了看上去比较可以的信息统计小工具（算是图片版吧<del>~），代码基本都是借鉴大佬的。本来有9个信息统计（删除一些…

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

前言 利用element-ui显示Notification通知实现【复制、禁用F12、右键菜单】提醒 大家在设定网站提示消息时，非常推荐这个element显示Notification通知功能。 截图 需要引入的CDN外链： <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js&q…

前言： WordPress添加说说页面百度上有很多这样的页面教程，有些大佬制作的说说页面非常好，这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面，毕竟百度上一大堆教程，而且用处也不是很大。但是我在使用那些大佬制作好的说说页面，有些存在一些小BUG（可能不适配本站主题的原因）,所以我自己制作了一个清新版说说页面（当然啦，大部分代码都是借鉴和使用大佬的），花了2天的时间制作完成（主要花很多…

添加资源VIP角标 首先，找到ripro -> inc -> theme-functions.php文件，并全局搜索”// 获取图片高度” 默认为176行，在【<div>】后面添加如下代码： <?php if ((_get_post_shop_hide()) ||(_get_post_price()!=0)&& _cao('grid_is_p…

美化图： 前言： 这个功能最开始叫底部滚动公告条，部分 WordPress 主题集成自带，比如知更鸟主题。主题没集成的还可以使用万戈牌公告栏插件来实现这个功能。不过以往插件或主题集成的公告栏功能都只会滚动公告，即后台会有一个公告撰写栏，可以编辑数条公告然后在前台底部滚动显示。 最开始，张戈博客也是用了知更鸟主题特有的公告功能来发布一些公告，后来在我折腾中国博客联盟展示导航的时候，发现原来要实现滚动…

美化图 api文件下载地址：https://flowerdrunk.lanzouq.com/ibhV01covkyd 首页版： 将index.php里的内容复制到/wp-content/themes/zibll/index.php里你想要放置的地方 hotlist文件夹放到/wp-content/themes/zibll 内即可 页面版： 将HotList.php、hotlist放到/wp-con…

1、按钮加动态渐变效果 更新到3.2的请把diy.css样式复制到后台主题顶部设置-自定义CSS。 添加目录wp-content/themes/ripro/assets/css diy.css /**====按钮加彩====*/button,html [type=“reset”],[type=“submit”] { /* -webkit-appearance: button; background…

<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样式