-
B2主题使用Fancybox插件的图片灯箱效果
要使用Fancybox插件实现图片灯箱效果,需要先引入Fancybox的CSS和JS文件,然后在HTML中添加相应的代码。具体步骤如下: 在<head>标签中引入Fancybox的CSS和JS文件: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox…- 0
- 0
- 700
-
WordPress主题当鼠标指针滑动链接,将显示图像悬停滑动效果
网页简介 三组链接悬停效果,鼠标指针在链接时显示具有特殊效果的缩略图。当将鼠标悬停在带下划线的链接上时,您可以看到缩略图。这三组特效看起来都非常不错,有需求可以看看! 图片预览 在线演示- 0
- 0
- 938
-
子比主题网站点击彩色效果
前言 这一个很简单的网站点击彩色的效果,采用js来实现 美化教程 首先创建JS文件,复制下面的代码,粘贴到文件中,然后用script标签调用:代码调用如:,就可以啦!Worderss主题一般都在后台主题设置里的自定义JS代码里添加,其他大同小异。 JS代码: function clickEffect() { let balls = []; let longPressed = false; let …- 0
- 0
- 623
-
子比主题首页主内容上方添加跑马灯公告小工具
美化图/h2> 网站后台—>外观—>小工具—>自定义HTML,然后添加到合适位置集合即可。 代码: <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff00…- 0
- 0
- 735
-
子比主题添加热门标签页面
前言 热门标签页面其实很早以前就想做了,但是没有正式学过前端相关的语言,自己写也写不出来,再加自己学业的原因一直没有时间去网上资料,所以就把这件事放到了脑后。昨天考完了试,终于把有时间把网站升了一下级,顺便把热门标签这个页面给弄了一下。自己写不出来,所以热门标签页面的样式借鉴了B2主题的标签聚合页样式进行了一些修改,尽量的适应子比主题,所以昨天一晚上都在弄热门标签页面适配手机端的问题。但还是有一些…- 1
- 0
- 711
-
B2主题logo扫光特效,网站logo扫光特效纯代码
将以下代码加到你的网站css文件里面,随意,只要能引用的css就行了,wordpress用户加在style.css里面。 (必看)原理解释 给大家解释一下代码,不看可能不会扫(WordPress柒比贰主题可以忽略,因为花醉也是。) 找到你的logo所处的div,然后找到他的class,如这个实例: <h1 class="logo pos-a">< …- 0
- 4
- 1.2k
-
B2主题美化-顶部导航条的下拉菜单美化
关于导航条的一个美化,b2主题顶部导航条和子导航固定成58px了,改为75px了,并且把下拉菜单也美化了下,保留了导航条滚动后的效果。 效果图: 美化代码: 放主題或者子主題style.css中 /* * 导航条美化 */.header-banner { /*隐藏顶部bar*/display: none!important; } .site-header { height: 75px; margi…- 0
- 0
- 1.1k
-
B2主题网站添加添加复制透明提示框
第一步 网站添加添加复制透明提示框 第二步 以下代码放入模板函数(functions.php) //透明复制提示 // by:设计趁年华 document.body.oncopy = function() {layer.msg('<p style="font-weight: 700;">【设计趁年华】{www.sjcnh.cn}<br>复制成功…- 0
- 0
- 482
-
B2主题美化-侧边跟随工具条
前言: 代码从其它站扒下来的,喜欢就点个赞吧。 注:这里只是固定的html,适合不长修改用户使用,需要后台功能请赞助子主题 美化图: 只有鼠标经过后才显示文字,默认显示图标 第一步: 打开主题Footer.php 文件(Modules/Templates/Footer.php),在大约383行-481行,替换成以下代码, 替换成以下代码 <div class="aside-bar&…- 0
- 0
- 1.1k
-
WordPress添加百度API 自动提交收录
百度站长的资源提交分为快速收入和普通收录,资源的提交方式有:API 提交、Sitemap 提交、手动提交三种方式。 这里分享一下API提交方式。纯代码实现: API推送:最为快速的提交方式,建议您将站点当天新产出链接立即通过此方式推送给百度,以保证新链接可以及时被百度收录。 百度 API 提交token 值的获取 登录百度站长 → 资源提交 → 普通收录,下面图片中’token=’的后面就是我们自…- 0
- 6
- 1.1k
-
WordPress用代码实现刷新网页都随机变换背景图片不调用API接口
代码作用不借助任何第三方随机图片api接口,每次刷新网站都可以随机显示自己喜欢的背景图片。 【代码展示】 代码中展示的为链接地址也可以改成本地比如 bodyBgs[0] = "images/01.jpg"; bodyBgs[1] = "images/02.jpg"; bodyBgs[2] = "images/03.jpg";…- 0
- 0
- 789
-
子比主题首页文章点击更多按钮样式美化
美化教程 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
- 618
-
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
-
WordPress添加动态版权日期
一般网站都会在页脚底部添加类似Copyright ◎ 2013-2014版权信息,如果嫌每年都改这个日期麻烦, 可以通过下面的方式添加一个动态版权日期。 将下面代码添加到当前主函数模板functions.php function mrxu_copyright() { global $wpdb; $copyright_dates = $wpdb->get_results("SELEC…- 0
- 0
- 1.4k
-
B2主题美化:VIP会员页面
WordPress网站7b2美化之漂亮的VIP会员页面兼容手机端(适合2或4种会员),很多网站都是有会员的,这个vip美化很好地引导用户注册成收费会员,还可以兼容手机,还是比较不错的。 1.效果演示 2.实现教程 教程大致可分为两步:替换原VIP页面——美化vip页面 2.1.替换vip会员页面 原404文件位置:主题目录/pages/vips.php,将里面内容替换为下面…- 0
- 0
- 725
-
WordPress给文章添加百度是否已收录查询和显示功能
小编看到其他网站增加了显示百度是否收录的功能,于是患有强迫症的我就开始研究起来,直到现在终于完成这一小功能的编写,小编好困,坚持着写完就睡觉了! 示 例 “百度未收录”如下图: “百度已收录”如下图: 教 程 要实现这一功能,我们需要利用一款WordPress插件:WP-Baidu-Record,安装之后启用插件,进行相应设置,修改之后保存即可。…- 0
- 0
- 1k
-
子比主题文章添加版权声明
美化图 在子比主题设置—>文章&列表—>文章页—>版权提示内容处添加以下代码: <div> <!--网站声明代码start--> <div> <fieldset style=" border: 1px dashed #008cff; padding: 10px; border-radi…- 0
- 0
- 815
-
子比主题更改文章列表样式
美化图 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
-
子比主题添加鼠标样式
美化图 第一种 CSS代码: /** 鼠标样式 开始**//** 普通指针样式**/body{cursor: url(https://www.cunshao.com/666666/meihua/img/5ccab616ea9c8.cur), default;} /** 链接指针样式**/a:hover{cursor:url(https://www.cunshao.com/666666/meihua…- 0
- 0
- 526
-
B2主题增加文章内显示最后编辑时间
效果: 第一步: 打开/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加,当然你也可以添加到你自己喜欢的地方,样式自己调 <div class="operTips">文章最后更新于:<?php echo get_the_modified_time('Y.m…- 0
- 1
- 841
-
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
- 658
-
子比主题侧边栏添加信息统计小工具
前言: WordPress信息统计小工具是前几天逛别的网站看到挺可以的,然后就到百度搜索一下,果然有很多这样的教程,但是那些小工具都只显示文字,不怎么美化,特别的简洁。作为喜欢花里胡哨和爱捣鼓的我,当然要进行一些修改啦!O(∩_∩)O哈哈~,然后我自己就弄出了看上去比较可以的信息统计小工具(算是图片版吧<del>~),代码基本都是借鉴大佬的。本来有9个信息统计(删除一些…- 0
- 0
- 1.7k
-
子比主题为注册的用户自动添加认证标识+VIP会员
代码: 1.在子比主题根目录新建一个func.php文件,最顶部写上<?php(如果已经新建过了,请忽略此步骤) 2.以下代码添加到刚刚新建的func.php文件里 3.你们可以根据自己情况,修改+1 year 最终赠送的会员时间,比如一个月:+1 month 4.当然这个代码里获取到的认证时间小时可能会有偏差,因为它使用了PHP的date函数来获取当前时间 function …- 0
- 0
- 854
-
子比主题底部可爱底线提示
美化图 在主题目录—>footer.php的“<footer class….>”上方加入以下代码: <!--底部可爱底线提示--> <div class="app_normal window" style="padding-top:" data-reactroot=&quo…- 0
- 0
- 753
2023