建站笔记

子比主题 - 用户登陆后右下角弹窗提示-汇聚访

实用子比主题 – 用户登陆后右下角弹窗提示

这个有两个版本，别人做的，今天分享给大家，希望大家能喜欢！第二个为优化版，优化几个bug，第一个就是不显示上次登录ip，第二个就是不会自动消失，第三个就是时间不对，同时也增加了用户名的显示！ 演示效果： 效果一： 效果二： 代码部署： [hidecontent type="reply"] 效果一效果二 把代码复制到functions.php文件中即可。 // 将以下代码添加到主题的 functions.php 文件 function zib_login_security_notice() { if (is_user_logged_in() && !wp_is_mobile()) { // 添加移动端判断 $user = wp_get_current_user(); $login_ip = !empty($_SERVER['HTTP_X_FORWARDED_FOR']) ? explode(',', $_SERVER['HTTP_X_FORWARDED_FOR'])[0] : $_SERVER['REMOTE_ADDR']; $login_time...
建站笔记
1413115
汇聚访的头像-汇聚访核心会员汇聚访11个月前
子比主题 - 渐变首页栏目美化-汇聚访

实用子比主题 – 渐变首页栏目美化

今天给大家分享一个渐变的首页栏目，之前写了一篇二次元美化的，今天给大家分享一下这个效果！原创应该是炙焰！我也算是记录一下，防治效果丢失！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接把下方代码放到后台子比设置-自定义css样式即可！ .index-tab ul>li{border-radius:7px;background:none;color:#000;transition:background-color .5s ease}.index-tab ul>li.active{background:linear-gradient(45deg,var(--gradient-active));background-size:400% 400%;animation:GradientShift 15s ease infinite}@keyframes GradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}} :root { --gradient-base-1: 255,127,80; --gradient-base-2: 148,143,255; --gradient-base-3: 76,175,80; --gradient-base-4: 255,165,0; --gradient-active: rgba(var(--gradient-base-1),0.3) 0%,rgba(var(--gradient-base-2),0.3) 25%,rgba(var(--gradient-base-3),0.3) 50%,rgba(var(--gradient-base-4),0.3) 75%,rgba(var(--gradient-base-1),0.3)...
建站笔记
014212
汇聚访的头像-汇聚访核心会员汇聚访11个月前
子比主题 - 悬浮按钮简洁美化-汇聚访

实用子比主题 – 悬浮按钮简洁美化

今天给大家分享一个子比主题悬浮按钮的简洁版美化，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="reply"] .float-right .float-btn { color: #555; background-color: #fff; text-align: center; cursor: pointer; position: relative; border-radius: 4px; border-bottom: 1px solid #f8f8f8; box-shadow: 0 0px 6px 0 rgba(76, 86, 114, .12); width: 39px;...
建站笔记
51097
汇聚访的头像-汇聚访核心会员汇聚访11个月前
子比主题 - 动态渐变光效-汇聚访

实用子比主题 – 动态渐变光效

今天逛站点的时候发现了这个效果，感觉挺好看的就扒了下来，今天分享给大家！顺便也记录一下！防止代码丢失！ 演示效果： 代码部署： [hidecontent type="payshow"] 代码素材图片 .hg-yj p span { font: 100 3.0em/1"Oswald", sans-serif; letter-spacing: 0; padding: .25em 0 .155em; display: block; margin: 0 auto; text-shadow: 0 0 80px rgb(255 255 255 / 50%); background:...
建站笔记
01438
汇聚访的头像-汇聚访核心会员汇聚访11个月前
子比主题 - 文章归档页面模板修改版-汇聚访

实用子比主题 – 文章归档页面模板修改版

今天给大家带来子比主题的文章归档页面，这个页面是二改修复过的，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/pages，新建一个文件，但是后缀是php，如grace.php，然后将下面的附件放进去，然后我们到：WP后台–>>页面–>>新建页面–>>模版–>>选择Grace-文章归档新版！随后发布即可！文件在文件附件里，自行下载即可！ [/hidecontent]
建站笔记
09312
汇聚访的头像-汇聚访核心会员汇聚访11个月前
子比主题 - 昼夜切换模式新增过度动画-汇聚访

实用子比主题 – 昼夜切换模式新增过度动画

今天给大家分享一个昼夜切换的过度动画，原作者为囚墨，希望大家能够喜欢！话不多说，直接开始部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先找到相应的代码位置： /wp-content/themes/zibll/js/main.min.js，这里的代码是压缩过的，可以将main.js里的代码复制到main.min.js里，替换代码后再将代码进行压缩即可！随后搜索主题切换，替换主题切换事件方法！ $('.toggle-theme').click(function(e) { // 缓存所有DOM元素和初始值，避免重复查询 var body = $('body'); var isDark = body.hasClass('dark-theme'); var tinymceBody = $('#post_content_ifr').contents().find('body'); var enlighter = $('.enlighter-default'); var highClasses = { white: 'enlighter-t-' + _win.highlight_white_zt, dark:...
建站笔记
78915
汇聚访的头像-汇聚访核心会员汇聚访11个月前
子比主题 - 可爱的返回顶部悬挂猫-汇聚访

实用子比主题 – 可爱的返回顶部悬挂猫

这是一款子比主题右侧可爱的返回顶部悬挂猫，点击它就会自动帮你返回到网站的顶部，在返回页面的同时，小猫也会跟随着返回，十分可爱灵动，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先把文章内的附件下载下来解压到子比主题目录，和后面的目录一样，定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ function back_to_top_cat() { echo '<script src="/wp-content/themes/zibll/assets/js/cat.js"></script> <script type="text/javascript" src="/wp-content/themes/zibll/assets/js/szgotop.js"></script> <link rel="stylesheet" type="text/css" href="/wp-content/themes/zibll/assets/css/szgotop.css" /><div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -600px;"></div>'; } add_action('wp_head', 'back_to_top_cat'); 子比返回顶部悬挂猫附件下载提取码e6ZM [/hidecontent]
建站笔记
07110
汇聚访的头像-汇聚访核心会员汇聚访11个月前
子比主题 - 文章页隐藏侧边栏按钮-汇聚访

实用子比主题 – 文章页隐藏侧边栏按钮

大家好，今天汇聚访给大家分享一款子比主题的文章页隐藏侧边栏按钮，这个效果也是非常便捷，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在wp-content\themes\zibll\inc\functions\zib-single.php中找到以下图片中的代码： 直接搜zib_get_post_more_dropdown就可以直接找到这串代码，然后把这段代码里这串代码替换成我发的！ function zib_get_single_meta_box($class = 'abs-right', $direction = 'down') { if (!is_single()) { return; } $more_dropdown = zib_get_post_more_dropdown(null, 'pull-right', 'but cir post-drop-meta', zib_get_svg('menu_2'), $direction); $more_dropdown = $more_dropdown ? '<div class="clearfix...
建站笔记
01207
汇聚访的头像-汇聚访核心会员汇聚访11个月前
子比主题 - 加一个实用美观可翻转的区块代码-汇聚访

实用子比主题 – 加一个实用美观可翻转的区块代码

这是一款子比主题可以翻转的公众号样式，这是第一款代码实现的功能，我觉得放到文章侧边比较好看，喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码！ <div class="card-widget" id="card-wechat" onclick="window.open('https://www.huijuf.com/wechat');"> <div id="flip-wrapper"> <div id="flip-content"> <div class="face"></div> <div class="back face"></div> </div> </div> </div> <link rel="stylesheet" href="/wp-content/themes/zibll/css/wxgzh.css" type="text/css"> 然后你可以看到上面的这个https://www.huijuf.com/wechat这个代码，后面会用到，继续我们的部署，文章图片以及CSS样式我都放在文件附件了，自行下载即可！代码里的网址以及CSS引用地址自行更改！上传完了之后呢，我们就可以看到我们的侧边有这个样式了，别忘了改一下下面链接的图片，因为里面有我的二维码，你们自己PS一下你们自己的二维码：/wp-content/themes/zibll/img/wx_gzh.png 然后我们接下来就是我们的https://www.huijuf.com/wechat这个了，我们这个是一个页面，我不多说，这个就一个HTML单页，你自己替换你自己的然后拿到链接直接替换了我的链接就行！ [/hidecontent]
建站笔记
4755
汇聚访的头像-汇聚访核心会员汇聚访11个月前
子比主题 - 全局B2弹窗提醒样式美化-汇聚访

实用子比主题 – 全局B2弹窗提醒样式美化

这个是子比主题全局B2弹窗提醒样式的美化，可以看本站的复制、签到等等更多按钮，就是把子比默认的弹窗替换了B2样式美化，部署之前要确保之前没有引入过其他的弹窗样式，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 一共三个地方的代码，跟着我的步骤走不会有问题，确保之前没有部署过其他的弹窗样式！ CSS自定义底部HTML 放在子比主题–>>自定义CSS样式即可！ /*弹窗提醒*/ .qmsg.qmsg-wrapper { box-sizing:border-box; margin:0; padding:0; font-size:13px; font-variant:tabular-nums; line-height:1; list-style:none; font-feature-settings:"tnum"; position:fixed; top:136px; left:0; z-index:9999999; width:100%; pointer-events:none; color:#000; } .qmsg .qmsg-item { padding:8px; text-align:center; -webkit-animation-duration:.3s; animation-duration:.3s; position:relative;...
建站笔记
1016510
汇聚访的头像-汇聚访核心会员汇聚访11个月前
1…2627282930…36跳转