汇聚访-汇聚访-第4页
用户封面
3.3W+38071
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访254天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布371
排序
2025-05-01
05-01
子比主题 - 卡片粉色细节美化样式-汇聚访

实用子比主题 – 卡片粉色细节美化样式

这是一款给子比主题适配的只要有卡片的都有一个粉色细节美化的样式，这种的样式看上去还是比较好看的，很适合一些用子比主题且是ACG风格的站点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*粉色细节优化*/ /*www.huijuf.com*/ .navbar-top .navbar-right .sub-menu { -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset; -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset; box-shadow: inset 0 1px 4px 0 #FFD1D8;...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 翻页按钮增加页数跳转-汇聚访

实用子比主题 – 翻页按钮增加页数跳转

这是一款为子比主题翻页按钮增加的一款页数跳转的功能，此效果非常适合一些文章较多的一些站点，可以方便用户轻松到达所想到达的页码，十分便捷，有需要的站长自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台子比主题设置–>>自定义代码–>>自定义 javascript添加以下代码： $(function(){ $('a.next.page-numbers').after('<br><div style="display: inline-flex;margin: 10px;"><input class="form-control" id="pageInput" placeholder="输入页数" style="flex: 30px;border-color: var(--theme-color);"> <button class="newadd-btns but pw-1em jb-pink btn-newadd" onclick="goToPage()">前往</button></div>'); }); function goToPage() { const pageNumber = document.getElementById("pageInput").value; if (pageNumber...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 首页搜索栏按钮及透明边框美化-汇聚访

实用子比主题 – 首页搜索栏按钮及透明边框美化

这是子比主题的叠加搜索组件美化，一共两个，一个是发布作品按钮，一个是透明框的美化，个人一直在用这个美化，一直很好用的，也算记录一下，怕忘记怎么美化。 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/inc/functions/zib-search.php，我们进去搜：“ search-form ”，大概在548行的代码，如下图，跟我一样将代码注释或删掉，然后放入下面的代码： $form_html = '<form method="get" class="padding-10 search-form tengfei_search_frame" action="' . esc_url(home_url('/')) . '">' . $type_html . '<div class="line-form">' . $cat_html . $input_html . '</div></form>'; 这一步添加完就该第二步了，还是当前文件，我们要搜下方代码： esc_attr(strip_tags($args['s'])); 然后我们搜到之后如下图注释然后换成我的代码，大概在525行： $s...
6个月前
建站笔记
2025-09-26
09-26
子比主题 – 首页NEW居中标题样式（两款）-汇聚访

实用子比主题 – 首页NEW居中标题样式（两款）

这是子比主题的一款 首页NEW居中动态标题样式，之前也发过别的这样的样式，但是这个有个特点就是刷新网页的时候会动态加载，相比之前发的可能更加好看一点，有喜欢的自行部署吧！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，将下面的代码丢里面即可！推荐放置位置：首页 - 主内容上面 样式一样式二 <div class="post-header"> <div class="post-title-wrap"> <span class="post-title">最新文章</span> <span class="post-dot"></span> </div> <div class="post-subtitle"> <span class="line left-line"></span> <span class="subtitle-text">学无止境，活到老，学到老</span> <span class="line right-line"></span> </div> </div> <style> .post-header{display:flex;flex-direction:column;align-items:center;margin:5px...
2个月前
建站笔记
2025-04-29
04-29
子比主题 - 分页按钮渐变美化-汇聚访

实用子比主题 – 分页按钮渐变美化

这是给子比主题的分页按钮添加的一款渐变风格的美化。使用此美化效果前记得先在后台设置中将列表翻页模式选项设置为数字翻页按钮，此美化效果本站也在使用，还是挺不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*页码样式微调www.huijuf.com*/ .pagenav .current, .pagenav .page-numbers, .pagenav a { border: 0; padding: 8px 14px; background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color)); -webkit-box-shadow: 0 0 8px 0 rgba(95, 95,...
7个月前
建站笔记
2025-04-30
04-30
子比主题 - 文章顶部添加按钮样式-汇聚访

实用子比主题 – 文章顶部添加按钮样式

在浏览论坛时，我注意到一种非常吸引人的按钮样式。这个样式非常适合放在文章的开头，提升整体的视觉效果。同时，这个按钮也具有实用的功能。如果你感兴趣，可以自行进行部署哦！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台设置 - 外观 - 小工具 - 文章页-主内容上面- 自定义HTML代码中添加以下代码即可： <style> .hoayue_button_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 20px 0; width: 100%; box-sizing: border-box; } /*www.huijuf.com*/ .hoayue_button_block {...
7个月前
建站笔记
2025-04-28
04-28
子比主题 - 网站不同时段温馨问候语弹窗-汇聚访

实用子比主题 – 网站不同时段温馨问候语弹窗

这是给子比主题适配的一款网站不同时间段显示温馨提示问候语的代码弹窗，以增强用户体验。一旦访客进入您的网站，他们将会看到根据当前时间段而变化的各类温馨提示。效果还是挺不错的，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] HTMLCSSJS 定位：后台子比主题设置–>>自定义代码–>>自定义头部HTML代码添加以下代码： <div id="greetingBox"></div> 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： <style> #greetingBox { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); width: 420px; text-align: center; z-index: 10000; pointer-events: none; font-family: 'Microsoft YaHei', sans-serif;...
7个月前
建站笔记
2025-06-30
06-30
子比主题 - 文章底部添加最后更新时间或过期失效提示-汇聚访

实用子比主题 – 文章底部添加最后更新时间或过期失效提示

这是给子比主题的文章添加的最后更新时间或过期失效提示的一个功能，此功能可以用来提醒用户目前所浏览的文章是何时更新的，以方便用户更快地反馈问题，教程写的非常详细，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 1.将下面的 PHP 代码加入到主题目录下：/themes/zibll/functions.php 文件中。 //文章过期提示开始www.huijuf.com function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_modified_time('Y-m-d H:i:s'); $updatetime=strtotime($updated_date); $custom_content = ''; if ( $newdate > $updatetime+86400) { $custom_content= '<div class="article-timeout"><strong><i class="fa fa-bell" aria-hidden="true"></i>...
5个月前
建站笔记
2025-05-01
05-01
子比主题 - 下拉菜单猫耳朵样式-汇聚访

实用子比主题 – 下拉菜单猫耳朵样式

这是一款子比主题的下拉菜单猫耳朵样式，此效果会给一部分下拉菜单添加猫耳朵的背景图层，适合那些使用子比主题同时还是ACG风格的站点，话不多说了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*悬浮按钮猫耳朵www.huijuf.com*/ .dropdown-menu { margin-bottom: 10px; border: none; box-sizing: border-box; padding: 25px 12px 50px; border-radius: 8px; background: url(https://pic1.imgdb.cn/item/693157d6a11464095f8ab5cb .png) no-repeat 50%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100%...
6个月前
建站笔记
2025-04-28
04-28
子比主题 - 浮动圆点标题样式美化-汇聚访

实用子比主题 – 浮动圆点标题样式美化

本站只有H1和H2标题样式，因为我喜欢用这两个，有用户跟我说想要h1/h2/h3全部都有的浮动圆点，我这里又加了一个H3的一个橙色标题样式，喜欢的自行部署吧！原创为腾飞博客！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*浮动圆点标题美化*/ .article-content > .wp-posts-content > h2, .article-content .wp-posts-content > h1, .article-content .wp-posts-content > h3 { z-index: 1; } .article-content > .wp-posts-content > h2:hover::before, .article-content > .wp-posts-content >...
7个月前
建站笔记
123456…38跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

专属内容无限访问
下载权限提升至最高级
专属子比付费美化优惠
免费下载更多精品资源
¥29.9 ¥39.9
Vip会员 · 立省30元
立即开通
每日签到
公众号二维码
扫码关注公众号
获取更多专属内容和最新资讯
展开全屏
返回顶部