B2主题美化-仿致美化顶部菜单栏
前言： 致美化是B2美化圈子的大佬，顶级的美化。 本教程模仿...
-
子比主题底部添加蓝色波浪
美化图 在zibll主题目录下，footer.php文件中的“</footer>”（重要）下面添加下面的代码： <!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.…- 0
- 0
- 914
-
B2主题增加文章内显示最后编辑时间
效果： 第一步： 打开/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加，当然你也可以添加到你自己喜欢的地方，样式自己调 <div class="operTips">文章最后更新于：<?php echo get_the_modified_time('Y.m…- 0
- 1
- 884
-
B2美化-页眉菜单添加开通vip图标
鼠标指向图标会弹出窗口 附件放到网站根目录，内容图标位置都可以自定义。 打开/b2/Modules/Templates/Header.php 搜索 <div class="header-banner-right"> 将下方代码放置下方 <style> .abcd_benefitTag_benefits-wrapper {position:relative…- 0
- 3
- 793
-
B2主题首页增加区块，六格首页菜单栏
B2主题设置->模块管理->首页->添加新模块 调用内容为自定义，放入下方html代码 <div class="banxin Mrxu-block"> <div class="Mrxu-circulation"> <ul> <li class="color1"> <d…- 0
- 0
- 1.2k
-
B2主题动态滚动公告显示订单成交信息
美化图： 该美化有用到jquery请自行引入，如您已经引入过则可以忽视 第一步： 在合适的位置插入以下HTML代码 <div id="rizhuti_v2_module_dynamic-5" class="section rizhuti_v2-widget-dynamic"> <div class="wrapper"&g…- 0
- 0
- 2.6k
-
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+…- 0
- 3
- 2k
-
B2主题在网站添加悬浮动画广告
保存下面图片附件放到网站根目录 动画与点击的链接可以自定义 第一步： 以下代码放入b2/footer.php最上面 <div class="showpc"> <style> .showpc{display:none;}@media (min-width:960px){.showpc{display:inline; </style> <d…- 0
- 5
- 1.1k
-
RiPro 主题鼠标划过文章网格加载动效 不能点击文章解决办法
教程开始 首先 我们打开ripro/inc/theme-functions.php 找到// 获取图片高度 //NEW 或者 entry-media 替换为以下代码 // 获取图片高度 //NEW if ( ! function_exists( 'cao_entry_media' ) ) : function cao_entry_media() { global $post; …- 0
- 0
- 659
-
B2文章评论新增ip归属地
很多平台都有显示ip归属地，现我们也新增了显示来自某某地区的评论。 首先在文章底部下载对应文件，然后上传到子主题文件内，两个文件分别为ip2c.php和qqwry.dat， 然后打开functions.php文件引入ip2c.php文件，引入方式为： include("ip2c.php"); 然后打开7b2文章评论显示文件/wp-content/themes/b2/Module…- 0
- 1
- 845
-
子比主题首页主内容上方添加跑马灯公告小工具
美化图/h2> 网站后台—>外观—>小工具—>自定义HTML，然后添加到合适位置集合即可。 代码： <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff00…- 0
- 0
- 771
-
-
RiPro 主题添加“常见问题FAQ”教程
1. ripro ->inc -> codestar-framework -> options -> options.theme.php 搜索“share_poster_img_qrcode”，在第一个“),”后添加如下代码 array( 'id' => 'is_show_faq', 'type' =>…- 0
- 0
- 1.6k
-
子比主题网站点击彩色效果
前言 这一个很简单的网站点击彩色的效果，采用js来实现 美化教程 首先创建JS文件，复制下面的代码，粘贴到文件中，然后用script标签调用：代码调用如：，就可以啦！Worderss主题一般都在后台主题设置里的自定义JS代码里添加，其他大同小异。 JS代码： function clickEffect() { let balls = []; let longPressed = false; let …- 0
- 0
- 633
-
子比主题公告弹窗样式美化
美化图： 代码： 其实就是一个简单的HTML代码（因为弹窗公告支持HTML代码），自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。 <html> <body> <!--文本--> <a href="https://www.cunshao.com/" target="_blank" title="…- 0
- 0
- 1k
-
子比主题左侧菜单添加背景图片（手机才能看）
美化图： 代码： /*手机侧边栏背景图片*/@media (max-width: 767px){ .mobile-navbar.show,.mobile-navbar.left{ background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; bac…- 0
- 0
- 883
-
子比主题添加说说动态页面
前言： WordPress添加说说页面百度上有很多这样的页面教程，有些大佬制作的说说页面非常好，这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面，毕竟百度上一大堆教程，而且用处也不是很大。但是我在使用那些大佬制作好的说说页面，有些存在一些小BUG（可能不适配本站主题的原因）,所以我自己制作了一个清新版说说页面（当然啦，大部分代码都是借鉴和使用大佬的），花了2天的时间制作完成（主要花很多…- 0
- 0
- 1.8k
-
B2主题美化-移动端底部导航修改美化
移动端现在是网站使用的主流方向，移动端的美化牵扯网站的使用体验，7b2主题移动端美化底部导航栏，可以快速找到相应的内容，这个跟子比主题移动端的底部导航条非常的相似。 效果图： 使用教程： 修改 b2/Assets/fontend/mobile.css 中 .mobile-footer-menu.footer-fixed 内容(覆盖原{}中内容) (宝…- 0
- 0
- 3.8k
-
B2主题把本站第几号会员+500个
在群里有人问这个问题，怎么把本站第几号会员+500个 找到主题的B2 PRO: index.php (User/index.php)文件 在第49行中 把以下代码后面添加+500即可 <b v-text="userData.id+500"></b>- 0
- 0
- 1.1k
-
B2主题美化-让你的回到顶部按钮隐藏起来
前言 我们B2主题的回到顶部的按钮一直都显示，不太喜欢，所以用AI写了个代码，可以增加趣味性 以下是修改后的代码，实现了回到顶部按钮默认隐藏起来，在页面滑动的时候才显示的功能。主要修改点在于对按钮初始显示状态以及显示逻辑的调整。 我这个是修改了代码的侧边栏，原主题是要修改代码的， 第一步 修改位置在B2/Modules/Templates/Footer.php, 480-483行处，当前B2版本：…- 0
- 7
- 493
-
-
B2主题美化-顶部导航条的下拉菜单美化
关于导航条的一个美化，b2主题顶部导航条和子导航固定成58px了，改为75px了，并且把下拉菜单也美化了下，保留了导航条滚动后的效果。 效果图： 美化代码： 放主題或者子主題style.css中 /* * 导航条美化 */.header-banner { /*隐藏顶部bar*/display: none!important; } .site-header { height: 75px; margi…- 0
- 0
- 1.1k
-
B2美化小工具漂亮的会员优惠倒计时
美化图： 教程： 外观小工具，插入侧边栏自定义HTML，代码如下 <div class="srot-mine b2-radius" style="background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);"> <i class="srot-mine-bg…- 0
- 0
- 1.7k
-
WordPress首页小工具添加跑马灯公告
网站后台—>外观—>小工具—>自定义HTML，然后添加到合适位置集合即可。 代码： <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff0000 6.25%, #…- 0
- 0
- 1.7k
-
B2主题使用Fancybox插件的图片灯箱效果
要使用Fancybox插件实现图片灯箱效果，需要先引入Fancybox的CSS和JS文件，然后在HTML中添加相应的代码。具体步骤如下： 在<head>标签中引入Fancybox的CSS和JS文件： <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox…- 0
- 0
- 786
-
子比主题首页文章列表悬停上浮
美化教程 CSS代码： /*首页文章列表悬停上浮*/@media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article):hover{transform: translateY(-10px); box…- 0
- 0
- 723
-
子比主题给网站挂个灯笼
美化图 第一步： 子比后台—自定义代码—自定义底部代码。 <!-- 灯笼1 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"…- 0
- 0
- 1.1k
-
b2主题实现用户发布或更新文章后通知粉丝
b2主题实现用户发布或更新文章后，通知粉丝 在社交化的博客平台中，当作者发布或更新文章时，及时通知其粉丝是一个非常实用的功能。本教程将指导您如何在7b2主题中实现这个功能，让您的粉丝能够第一时间收到文章更新的通知。 功能介绍 实现后的效果： 当作者发布新文章时，其粉丝会收到站内通知和邮件通知 当作者更新已发布的文章时，其粉丝同样会收到通知 通知包含文章标题和链接，方便粉丝直接查看 实现步骤 1. …- 0
- 1
- 308
-
WordPress主题制作基本模版文件以及基本函数
一、Wordpress主题包含基本模版文件. 文件 释意 Style.css 样式表文件 Index.php 主页模版文件 Single.php 单一日志页面模版文件 Archive.php 归档、分类 模版文件 Searchform.php 搜索框模版文件 Comments.php 评论模版文件 Footer.php 底部模版文件 Header.php 顶部模版文件 Sidebar.php 侧边…- 0
- 0
- 563
-
子比主题顶部导航栏添加背景图片
美化图 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%;} 说明：图片背景…- 0
- 0
- 608
-
RiPro 主题添加评论之星VIP等级
1.在主题的 functions.php 添加下面的代码： /* * RiPro 添加评论之星等级 * https://www.sjcnh.cn */function get_author_class($comment_author_email,$user_id){ global $wpdb; $author_count = count($wpdb->get_results( “…- 0
- 0
- 600
