-
WordPress主题判断手机与PC设备自适应跳转代码
顾名思义本本文就是将如何一个网站手机版与PC版自适应跳转,关于PC、移动适配跳转的问题,这类情况一般出现在一个网站使用不同模板或PC网页和手机端网页分离时,利用代码将我们的网站实现自行跳转展示使用,我们提供了下面几种方法,请大家按需选择,合适自己的才是最好的。 一、js 判断手机版与PC版自适应跳转代码: <script type="text/javascript">…- 0
- 0
- 836
-
子比主题首页轮播图按钮样式美化
前言: 这个应该好好吐槽一下,主题作者应该更新美化轮播图按钮样式,太矩形了(边角弄圆一点也好呀!),自己动手丰衣足食,喜欢我这个样式的小伙伴,拿去吧!点赞一波就好啦! 美化图: CSS代码:(压缩过了) /*幻灯片上一张、下一张按钮样式*/.swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-button…- 0
- 0
- 936
-
B2主题添加菜单栏上下滑动特效
演示: 一级菜单和二级菜单的动态特效 第一步: 在后台-外观-菜单-导航标签中添加以下代码 <span><span data-hover="自定义菜单文字"><p class="shanshuo">自定义菜单文字</p></span></span> 第三步: 刷新缓存查看效果- 0
- 6
- 824
-
B2主题美化给文章添加彩色角标
1.修改b2主题目录下 /b2/Modules/Settings/Post.php 文件,在$gg_meta = new_cmb2_box 之前添加: // 文章添加角标开始 $post_meta = new_cmb2_box(array( 'id' => 'b2_post_onecad_jb', 'title&…- 0
- 0
- 590
-
子比主题为注册的用户自动添加认证标识+VIP会员
代码: 1.在子比主题根目录新建一个func.php文件,最顶部写上<?php(如果已经新建过了,请忽略此步骤) 2.以下代码添加到刚刚新建的func.php文件里 3.你们可以根据自己情况,修改+1 year 最终赠送的会员时间,比如一个月:+1 month 4.当然这个代码里获取到的认证时间小时可能会有偏差,因为它使用了PHP的date函数来获取当前时间 function …- 0
- 0
- 799
-
-
子比主题底部炫酷引导卡片小工具
美化图: 教程: 在后台—》外观—》小工具—》首页-底部全宽度,自定义HTML添加下面代码即可。 <div id="wiiuii" style="box-shadow: 0 0 10px var(--main-shadow);"> <section class="buy-container"> <div cl…- 0
- 0
- 860
-
B2主题网站侧边栏小工具添加一款好看的粒子当前时间
第一步 后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可 我是添加在首页侧边栏 <canvas id="canvas" style="width:100%;" width="820" height="2"></canvas> <script s…- 0
- 0
- 411
-
B2主题动态背景搜索样式
如果你喜欢这个样式的搜索 将以下Html代码放至主题模块中(主题设置-模块管理-自定义代码 HTML代码 <!--动态搜索背景html代码开始--> <style> .poa { color: #f4f4f4; } p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px; height: 20px; line…- 0
- 0
- 1.1k
-
B2主题美化给文章添加彩色角标
这个教程仅是给 网格列表 添加了角标,其他列表也可以使用此方法添加。 1.修改b2主题目录下 /b2/Modules/Settings/Post.php 文件,在$gg_meta = new_cmb2_box 之前添加: // 文章添加角标开始 $post_meta = new_cmb2_box(array( 'id' => 'b2…- 0
- 1
- 1k
-
WordPress自定义网站背景图片
我的博客从上线到现在,网站背景一直是纯色的。突然想把背景改为图片。好在WordPress自定义背景图片比价简单。 在functions.php文件中添加以下代码,保存,然后上传替换原来的文件。 //自定义背景图片控件 add_custom_background(); 来到网站后台,点击外观,可以看到多了一个背景选项。- 0
- 0
- 516
-
B2主题网站添加添加复制透明提示框
第一步 网站添加添加复制透明提示框 第二步 以下代码放入模板函数(functions.php) //透明复制提示 // by:设计趁年华 document.body.oncopy = function() {layer.msg('<p style="font-weight: 700;">【设计趁年华】{www.sjcnh.cn}<br>复制成功…- 0
- 0
- 406
-
-
子比主题顶部导航栏添加背景图片
美化图 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
- 550
-
WordPress中怎么点击一个按钮后可以切换图标
有时候想搞个白天夜晚切换的按钮,想切换后图标不一样 我要使这个图标<i class="jktheme JK-baitian"></i>被点击后变成另一个图标<i class="jktheme JK-yewan"></i>再次点击后又变回原来图标 可以使用jQuery的toggleClass()方法来实现这个效果…- 0
- 0
- 1.1k
-
-
B2主题美化之根据时间自动切换网站背景颜色/图片
顾名思义,根据设定时间,7b2网站会显示不同的颜色或背景图片,目前使用的是黑夜模式,故未测试该功能,详细的演示效果及代码如下 1.黑夜模式图片 白天的图片大家应该都有,分享一个夜晚的图片 2.背景图片/颜色自动切换代码 适用于所有WordPress网站,通过 Date 对象的 getHours() 方法自动获得当前时间,然后自动根据不同的时间段来自动改变页面的背景颜色,当然也可…- 0
- 0
- 1.2k
-
-
子比主题侧边栏添加信息统计小工具
前言: WordPress信息统计小工具是前几天逛别的网站看到挺可以的,然后就到百度搜索一下,果然有很多这样的教程,但是那些小工具都只显示文字,不怎么美化,特别的简洁。作为喜欢花里胡哨和爱捣鼓的我,当然要进行一些修改啦!O(∩_∩)O哈哈~,然后我自己就弄出了看上去比较可以的信息统计小工具(算是图片版吧<del>~),代码基本都是借鉴大佬的。本来有9个信息统计(删除一些…- 0
- 0
- 1.6k
-
子比主题添加右下角活动倒计时悬浮窗
教程开始 放自定义顶部或底部html都可以,也可以放文件里,都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉,如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q…- 0
- 4
- 1.7k
-
子比主题添加热门标签页面
前言 热门标签页面其实很早以前就想做了,但是没有正式学过前端相关的语言,自己写也写不出来,再加自己学业的原因一直没有时间去网上资料,所以就把这件事放到了脑后。昨天考完了试,终于把有时间把网站升了一下级,顺便把热门标签这个页面给弄了一下。自己写不出来,所以热门标签页面的样式借鉴了B2主题的标签聚合页样式进行了一些修改,尽量的适应子比主题,所以昨天一晚上都在弄热门标签页面适配手机端的问题。但还是有一些…- 1
- 0
- 669
-
B2主题美化大屏搜索雨滴玻璃效果背景
效果图: 本站就是预览效果 前言: 经过网上的教程一些教程改编美化的,确实花费不少精力,所以不免费,如喜欢请支持一下。通过b2主题自带的首页内容模块实现,后续会加到子主题里面,目前只适配电脑端,不想适配手机端。 第四步: 刷新浏览器缓存查看- 0
- 0
- 1.7k
-
子比主题美化go外链跳转美化代码
效果图: 不会自动跳转,需勾选后点击跳转 无需操作自动跳转,默认3秒可自行修改 代码教程 一、不会自动跳转的 1、复制代码,替换/wp-content/themes/zibll/go.php文件全部内容 2、搜索logo链接替换成自己的 <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERV…- 0
- 0
- 1.3k
-
Windows的Num灯亮了右侧键盘数字却打不出来
当使用台式机或者笔记本外接键盘时,会遇到外接键盘的数字键盘无法使用的情况。出现这种情况主要有两方面原因: 原因: 1、数字键盘的锁定/解锁小键盘“Numlock”关闭; 2、误勾选了“Num Lock处于打开状态时只能使用鼠标键”。 第一种解决方法 开启电脑进入系统后,观察键盘右边的“NumLock”的指示灯是否亮起来。如果未…- 0
- 0
- 1.3k