建站笔记

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' => '豆仔',...
6个月前
建站笔记
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'...
6个月前
建站笔记
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...
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>...
7个月前
建站笔记
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...
7个月前
建站笔记
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;"> + 我要发帖...
7个月前
建站笔记
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;...
7个月前
建站笔记
2025-06-25
06-25
子比主题 - 用户登陆后右下角弹窗提示-汇聚访

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

这个有两个版本，别人做的，今天分享给大家，希望大家能喜欢！第二个为优化版，优化几个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...
7个月前
建站笔记
2025-06-18
06-18
子比主题 - 渐变首页栏目美化-汇聚访

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

今天给大家分享一个渐变的首页栏目，之前写了一篇二次元美化的，今天给大家分享一下这个效果！原创应该是炙焰！我也算是记录一下，防治效果丢失！ 演示效果： 代码部署： [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)...
7个月前
建站笔记
2025-06-18
06-18
子比主题 - 悬浮按钮简洁美化-汇聚访

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

今天给大家分享一个子比主题悬浮按钮的简洁版美化，希望对大家有帮助！ 演示效果： 代码部署： [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;...
7个月前
建站笔记
1…2122232425…32跳转