子比美化 第21页
2025-07-13
07-13
子比主题 - 自定义博主标识-汇聚访

子比主题

实用子比主题 – 自定义博主标识

今天汇聚访给大家分享一个评论区自定义博主标识的修改教程，这个原来的标识显示的是楼主，有的人觉得不好看，今天给大家分享这个地方的修改方案，这里的边距可以用代码调整，我比较懒，如果需要你可以自己研究一下，该教程为修改主题源代码，请先备份文件再修改，以防文件丢失或出错！ 演示效果： 代码部署： [hidecontent type="reply"] 找到wp-content/themes/zibll/inc/functions/zib-comments-list.php 替换成下面这个： <svg t="1653902014495" class="icon" viewBox="0 0 1194 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="736" width="200" height="200"><path d="M980.282449 0q91.926387 2.656832 151.173741 61.992747t61.992747 151.173741v596.635908q-2.656832 91.926387-61.992747 151.173741t-151.173741 61.992746H213.077927q-91.926387-2.656832-151.173741-61.992746T0 809.802396V213.077927Q2.656832 121.151539 61.992747 61.992747t151.08518-61.992747z m-507.454913 554.038034a229.284602 229.284602...
8个月前
建站笔记
2025-07-13
07-13
子比主题 – 粉色果冻泡泡loading动画-汇聚访

子比主题

实用子比主题 – 粉色果冻泡泡loading动画

今天汇聚访给大家分享一款loading加载动画，之前我也出过别的loading加载动画的帖子，那个是单独css实现的，这个就不一样了，这个直接通过修改代码从而实现这个效果的，觉得好看的话，自己部署即可！ 演示效果： 代码部署： [hidecontent type="reply"] 打开/wp-content/themes/zibll/inc/functions/zib-head.php 搜索zib_is_crawler 在(_pz('qj_dh_xs') == 'no2')前粘贴以下代码，如图： (_pz('qj_dh_xs') == 'no0') { $dh_nr = '<div class="vxras"><div class="vxras2"></div><div class="vxras3"></div></div>'; } elseif 在搜索(_pz('qj_loading')) 从if开始到}结尾覆盖成以下代码： if (_pz('qj_loading')) { return '<div class="qjl qj_loading" style="position: fixed;background:linear-gradient(150deg,#d299c2,#fef9d7);overflow: hidden;align-items: center;justify-content:...
8个月前
建站笔记
2025-07-13
07-13
子比主题 - 仿B站官方认证图标-汇聚访

子比主题

实用子比主题 – 仿B站官方认证图标

今天给大家分享以下子比主题的认证图标如何修改，以及修改为B站官方认证图标，这个效果需要修改子比主题的文件，主题更新后代码将恢复原样即为失效，修改代码前记得备份源代码，以防效果丢失。发这个教程也是顺便记录下，防止效果丢失，你也可以用同样的方法修改别的主题图标代码。 演示效果： 代码部署： [hidecontent type="reply"] 首先打开你的网站路径找到子比主题目录下的这个路径： /wp-content/themes/zibll/js，然后找到里面的里的 svg-ico.js 文件，再找到找到 zib_svgs[‘user-auth’] ！ 然后修改SVG样式 zib_svgs[‘user-auth’] = ‘你的SVG代码’; 直接把下方代码复制粘贴即可，当然如果你已经有自己喜欢的样式了，可以把自己准备的SVG代码粘贴上去。 <path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFFFFF" p-id="4885"/><path d="M512...
8个月前
建站笔记
2025-07-10
07-10
子比主题 - 添加自定义表情包-汇聚访

子比主题

实用子比主题 – 添加自定义表情包25/10/28更新

这是给子比主题添加自定义表情包的一个教程，该教程分为旧版以及新版，教程比较复杂和麻烦如果怕麻烦的可以不用看了，该教程旧版思路由人皇发出来的，8.2新版教程是腾飞整理出来的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 此教程比较复杂，所以跟着我的步骤一步步走，这样才可以实现自定义表情包，首先子比商城更新之后我们只改/wp-content/themes/zibll/inc/functions/functions.php这个文件，新版和旧版只改这个文件，其他的正常部署就行！ 旧版教程： 定位：/wp-content/themes/zibll/inc/functions/functions.php文件里面，然后搜“表情”，如下图所示： 接下来就是我们把你想要加入的表情包名称像这样添加在里面，如下图所示： 如上图，design就是分类相当于评论区的分类然后suffix是格式如：gif、png（png不行）等等表情包格式，我这里设置的全部都gif格式的，那么你也可以设置gif，那我就以gif的教程分享，如下代码就是图上代码，替换你自带的即可！ //表情 if ('smilie' == $type) { $but = '<a class="but btn-input-expand input-smilie mr6" href="javascript:;"><i class="fa fa-fw fa-smile-o"></i><span class="hide-sm">表情</span></a>'; $smilie_icon_args = array( array( 'design' => '豆仔',...
8个月前
建站笔记
2025-07-09
07-09
子比主题 - 添加说说&微语页面-汇聚访

子比主题

实用子比主题 – 添加说说&微语页面

详细教程教你如何对子比主题进行深度美化，包含如何快速、有效地添加说说页面功能。适用于博客、个人网站等平台，让内容更丰富多彩。说说页面只适配本站子比主题，但是主体的代码还是能用的，其他主题只需复制主题下的页面默认模板文件，然后在合适的位置添加本说说页面的核心代码，即可使用。原创作者为狐狸库！ 演示效果： 代码部署： [hidecontent type="payshow"] 由于通过本站文章微语页面的函数代码进行修改，使用如果使用微语页面的朋友，请先删除 functions.php 中的函数，再进行以下步骤。 更新主题时记得备份代码，以免无法使用。 有一些CSS样式是直接采用子比主题的CSS，所以其他主题使用过程中出现样式的问题请自行修改一些CSS样式。 说说页面的点赞不是主题的代码，所以会存在一个Bug，如果介意请自己删除相关代码。 functions.php版本一版本二 1、在主题目录下 functions.php 文件末尾把下面代码添加进去即可。 //说说 add_action('init', 'my_custom_init'); function my_custom_init() { $labels = array( 'name' => '说说', 'singular_name' => 'singularname', 'add_new' => '发表说说', 'add_new_item' => '发表说说', 'edit_item'...
8个月前
建站笔记
2025-06-30
06-30
子比主题 - 文章页面添加分割线-汇聚访

子比主题

实用子比主题 – 文章页面添加分割线

今天给大家分享一款子比主题的文章分割线，这款样式还是挺好看的，我在腾飞的站看到了，就扒了下来分享给大家！希望对大家有帮助，原作者为腾飞！ 演示效果： 代码部署： [hidecontent type="payshow"] 这款样式我是直接添加在文章页面里的，你可以根据自己的喜好随意添加！注意：该教程仅仅提供插入文章页面！ 1.在子比后台设置-文章&列表-文章页面-文章插入内容中添加以下代码： <div class="svg-hr-wrap"><div class="svg-hr-hover"></div><hr class="svg-hr"> <svg class="svg-hr-icon" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"> <g fill="currentColor"> <path d="M40.2 95.8a28 28 0 1 1 39.6 0a28 28 0 0 1-39.6...
9个月前
建站笔记
2025-06-30
06-30
子比主题 - 文章添加更新时间（三款）-汇聚访

子比主题

实用子比主题 – 文章添加更新时间（三款）

这是给子比主题的文章添加的最后更新时间或过期失效提示的一个功能，此功能可以用来提醒用户目前所浏览的文章是何时更新的，以方便用户更快地反馈问题，教程写的非常详细，需要的自行部署吧！ 演示效果： 第一款 第二款 第三款 代码部署： [hidecontent type="reply"] 我们部署之前请先看下方的表格，你想放在哪里就使用表格中的哪个代码即可！下方部署中均使用的为before，如果你想放在文章后将before改为after即可！ add_action('zib_posts_content_before', 'article_time_update');文章开头前add_action('zib_posts_content_after', 'article_time_update');文章开头后 第一款第二款第三款 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 文章过期提示开始第一款 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) {...
9个月前
建站笔记
2025-06-25
06-25
子比主题 - 简约分类专题标签色调美化-汇聚访

子比主题

实用子比主题 – 简约分类专题标签色调美化

今天给大家分享一个子比主题的分类样式的简约美化，每个人眼光不同，这种就比较简约，适合一些比较正式的站点使用吧！今天分享给大家！还有一点，鼠标悬浮专题分类或是标签上还有不同的颜色变化哦！ 演示效果： 代码部署： [hidecontent type="payshow"] 还是一样，代码直接放到子比主题后台设置->自定义代码->自定义CSS样式即可！ /*汇聚访：www.huijuf.com*/ .posts-item.card .item-tags .but, .posts-item.card .meta-category a { position: relative !important; overflow: hidden !important; z-index: 1 !important; display: inline-block !important; padding: 4px 10px !important; margin: 0 6px 8px 0...
9个月前
建站笔记
2025-06-25
06-25
子比主题 - 侧边栏添加发帖按钮样式-汇聚访

子比主题

实用子比主题 – 侧边栏添加发帖按钮样式

给子比主题论坛侧边加一个发帖按钮的样式代码，这个按钮样式非常的简约，自己填写跳转链接即可，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 这是小工具，直接放到你喜欢的位置，然后自定义HTML里即可! <div style="margin: 20px 0;"> <a href="/posts-edit/" style="display: block; width: 100%; background-color: #1677ff; color: white; padding: 12px 0; border-radius: 8px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 500;"> + 我要发帖...
9个月前
建站笔记
2025-06-25
06-25
子比主题 - 文章标题美化-汇聚访

子比主题

实用子比主题 – 文章标题美化

今天无聊看别的站点的时候发现了这个文章小标题的美化，觉得好看搞了下来，今天分享给大家，希望对大家有用！如文章内的的软件介绍就是小标题的美化效果！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接将代码放到子比设置-自定义CSS样式里即可！ /*汇聚访：www.huijuf.com*/ .wp-posts-content h2 { background-color: var(--body-bg-color); padding: 6px 0px 6px 16px; border-radius: 5px; } .wp-posts-content > h2:before, .wp-posts-content > h2.wp-block-heading:before, .wp-posts-content > h2:not([class]):before { content: ""; display: inline-block !important;...
9个月前
建站笔记
1…1920212223…31跳转