B2主题美化-仿致美化顶部菜单栏
前言： 致美化是B2美化圈子的大佬，顶级的美化。 本教程模仿...
-
子比主题公告弹窗样式美化
美化图： 代码： 其实就是一个简单的HTML代码（因为弹窗公告支持HTML代码），自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。 <html> <body> <!--文本--> <a href="https://www.cunshao.com/" target="_blank" title="…- 0
- 0
- 1k
-
-
WordPress用代码实现刷新网页都随机变换背景图片不调用API接口
代码作用不借助任何第三方随机图片api接口，每次刷新网站都可以随机显示自己喜欢的背景图片。 【代码展示】 代码中展示的为链接地址也可以改成本地比如 bodyBgs[0] = "images/01.jpg"; bodyBgs[1] = "images/02.jpg"; bodyBgs[2] = "images/03.jpg"; bodyBg…- 0
- 0
- 850
-
子比主题修改go外链跳转页面
美化教程 在主题目录下go.php文件里面的全部代码清空，然后把下面的代码复制进去即可。替换原来的即可。 更新主题和修改前记得备份go.php。 样式一： <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime : 2020-10-08 17:42:52 * @E…- 0
- 0
- 1.2k
-
子比主题更改文章列表样式
美化图 CSS代码： /*文章列表样式*/@media screen and (min-width: 768px){.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 1…- 0
- 0
- 1.1k
-
B2主题 圈子首页加上轮播图
B2主题是一款功能强大的主题，它可以帮助你打造出一个专业的网站。如果你正在使用7b2主题，那么你可能会想要在圈子首页加上一个轮播图，以吸引更多的访问者。 上效果图： 操作步骤： 第一步： 进入后台，B2主题设置---模块设置---首页---添加新模块 模块标题自己取，随便 模块key是唯一性的，小写字母，不要和其他的名字冲突就好 调用内容可以选择幻灯片，或者自定义： 这里说明一下，选…- 0
- 0
- 695
-
子比主题添加VIP视频在线解析页面
前言 电视剧、电影是我们生活中必不可少的，它们可以让我们放松一下心情，但大多数的电视剧或电影都是要VIP或者付费的，本来不怎么富裕的我们更加的雪上加霜，本来可以每炖吃好的，但为了追一个剧，只能吃馒头了！那么我们怎么能够免费看那些电视剧或电影呢？为了能够看免费的，大佬们弄出了VIP视频解析接口，只需在该接口输入电视剧或电影的网址就可以观看视频。VIP视频在线解析页面采用的主要是HTML代码和一些js…- 0
- 0
- 1.5k
-
WordPress用户名修改插件：Username Changer
在安装WordPress程序时往往欠考虑，管理员账号用户名起的比较简单，有被暴力破解的可能，但Wordpress默认在后台无法修改用户名，再新建一个管理员账号删除原来的，管理员的ID也会变这不是我们所希望的。可以通过安装Wordpress用户名修改插件：Username Changer，修改自己和其他注册用户的用户名称。 Wordpress后台插件安装页面搜索：Username Changer，安…- 0
- 0
- 511
-
子比主题下载页面添加声明或说明
美化图： HTML代码： <!--开始--> <style> .but-download>.but,.but-download>span{min-width: 200px;padding: .5em;margin-top: 10px;}.pay-extra-hide{background: var(--muted-border-color);display: b…- 0
- 0
- 1k
-
B2主题文章内页点击展开更多 显示引导下载APP
点击展开更多弹出提示框，确定跳转APP页面，取消展开全文 functions.php文件添加 //字数统计 function word_num () { global $post; $text_num = mb_strlen(preg_replace('/\s/','',html_entity_decode(strip_tags($post->post…- 0
- 4
- 612
-
B2主题网站添加添加复制透明提示框
第一步 网站添加添加复制透明提示框 第二步 以下代码放入模板函数(functions.php) //透明复制提示 // by：设计趁年华 document.body.oncopy = function() {layer.msg('<p style="font-weight: 700;">【设计趁年华】{www.sjcnh.cn}<br>复制成功…- 0
- 0
- 515
-
B2主题美化大屏搜索雨滴玻璃效果背景
效果图： 本站就是预览效果 前言： 经过网上的教程一些教程改编美化的，确实花费不少精力，所以不免费，如喜欢请支持一下。通过b2主题自带的首页内容模块实现，后续会加到子主题里面，目前只适配电脑端，不想适配手机端。 第四步： 刷新浏览器缓存查看- 0
- 1
- 1.8k
-
B2主题美化之根据时间自动切换网站背景颜色/图片
顾名思义，根据设定时间，7b2网站会显示不同的颜色或背景图片，目前使用的是黑夜模式，故未测试该功能，详细的演示效果及代码如下 1.黑夜模式图片 白天的图片大家应该都有，分享一个夜晚的图片 2.背景图片/颜色自动切换代码 适用于所有WordPress网站，通过 Date 对象的 getHours() 方法自动获得当前时间，然后自动根据不同的时间段来自动改变页面的背景颜色，当然也可…- 0
- 0
- 1.2k
-
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
-
-
子比主题首页文章点击更多按钮样式美化
美化教程 CSS代码： /点击更多/ .theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a{border-radius: 30px; padding: 15px 0; color: var(--muted-color); background-color:var(--main-bg-color);color: #F…- 0
- 0
- 661
-
子比主题添加底部统计信息模块小工具
前言： 统计信息模块小工具主要采用前端HTML+CSS和后端函数，通过后端提供功能函数，然后前台获取到后台提供的数据来显示信息功能。有兴趣的大佬可以修改一下。 美化教程 1.在子比主题的主题目录下，header.php底部添加以下函数代码： <!--统计信息函数--> <script type="text/javascript" > <?php /…- 0
- 0
- 859
-
子比主题给网站挂个灯笼
美化图 第一步： 子比后台—自定义代码—自定义底部代码。 <!-- 灯笼1 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"…- 0
- 0
- 1.1k
-
子比主题网站点击彩色效果
前言 这一个很简单的网站点击彩色的效果，采用js来实现 美化教程 首先创建JS文件，复制下面的代码，粘贴到文件中，然后用script标签调用：代码调用如：，就可以啦！Worderss主题一般都在后台主题设置里的自定义JS代码里添加，其他大同小异。 JS代码： function clickEffect() { let balls = []; let longPressed = false; let …- 0
- 0
- 631
-
子比主题回到顶部悬挂猫咪
前言 回到顶部悬挂猫咪是今天我从网上看到觉得很不错，然后就弄到了本站，确实很棒。话不多说，下面分享教程！ 美化图 回到顶部悬挂猫咪只能电脑端显示，需要手机端显示，自己修改CSS代码。 本教程以本站使用的子比主题为例，大部分主题大同小异。 回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery，所以无需担心Jquery问题（当然啦，如果主题没有Jque…- 0
- 0
- 1.2k
-
子比主题顶部导航栏添加背景图片
美化图 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
- 601
-
B2主题美化用户登录小工具
B2主题的用户登录的小工具实在是太丑了。太丑了，太丑了。 教程开始： 打开：B2 PRO: User.php (Modules/Templates/Widgets/User.php）位置，第225行-227行。 第二步： 把下面的代码修改为 <div class="oauth-login-button"> <a :href="open.url&quo…- 0
- 1
- 1.1k
-
B2主题会员等级美化与自定义标识
文字美化代码： 只放了两种等级的代码，需要更多的 自行添加 .lv-icon.b2-vip0 b { color: #607a87 !important; background: linear-gradient(90.34deg, #e8eff0 0.27%, #e8eff0 99.7%); padding: 0 5px; border-radius: 3px; } .lv-icon.b2-vip…- 0
- 0
- 1k
-
子比主题设置网站的背景为图片背景
美化图： 教程： 提示：建议夜间模式下不使用背景图片 /***日间主题模式***/body { background-image: url("/**这里改为你自己的图片地址**/"); background-position-x: center; background-position-y: center; background-repeat: no-repeat; backg…- 0
- 0
- 1.4k
-
子比主题聚合热搜API对接
美化图 api文件下载地址：https://flowerdrunk.lanzouq.com/ibhV01covkyd 首页版： 将index.php里的内容复制到/wp-content/themes/zibll/index.php里你想要放置的地方 hotlist文件夹放到/wp-content/themes/zibll 内即可 页面版： 将HotList.php、hotlist放到/wp-con…- 0
- 0
- 1.6k
-
子比主题首页主内容上方添加跑马灯公告小工具
美化图/h2> 网站后台—>外观—>小工具—>自定义HTML，然后添加到合适位置集合即可。 代码： <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff00…- 0
- 0
- 765
-
WordPress添加动态版权日期
一般网站都会在页脚底部添加类似Copyright ◎ 2013-2014版权信息,如果嫌每年都改这个日期麻烦, 可以通过下面的方式添加一个动态版权日期。 将下面代码添加到当前主函数模板functions.php function mrxu_copyright() { global $wpdb; $copyright_dates = $wpdb->get_results("SELEC…- 0
- 0
- 1.4k
-
B2主题添加可自由缩放展开或关闭的底部浮动广告
演示： 教程： 第一步： 在自定义底部html中添加一下代码 <div id="xcx-ad" class="xcx-ad-container"> <div id="close-ad" class="close-ico" onclick="target_dis();" >&l…- 0
- 0
- 1.2k
-
B2主题添加个好看的底部导航
效果图： 教程： 第一步： 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件，然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=…- 0
- 0
- 1.8k
-
WordPress可视化短代码简码
效果图： 调用方法： 写文章的时候，后台右边有个短代码选项框，选择对应的，就会出现短代码，直接复制到文章就可以。 部署方法： 1.把下载的 shortcodes文件夹上传到主题根目录下 找到目录下shortcodes/shortcodes.php的第253、254行代码 <script type='text/javascript' src='./wp-conte…- 0
- 0
- 875
