子比美化 第27页
2025-04-30
04-30
子比主题 - 侧边动态时钟与温馨问候语-汇聚访

实用子比主题 – 侧边动态时钟与温馨问候语

动态的问候语和时间显示能够大大增强用户体验，通过使用 API 接口，我们可以方便地根据时间段提示相关的问候语和温馨提示，非常实用的一个小工具，这个小工具很简单，话不多说直接开始！！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：外观->>小工具->>自定义HTML的里面然后将小工具放到你想放到的位置 <div class="greeting-container"> <div class="clock-face"> <div class="clock-time" id="clock-time"></div> </div> <div class="greeting-text"> <div class="greeting" id="greeting"></div> <div class="tip" id="tip"></div> </div> </div> <style> .greeting-container { width: 100%; height: 150px; background-color: #f5f5f5;...
9个月前
建站笔记
2025-04-30
04-30
子比主题 - 用户中心隐私功能-汇聚访

实用子比主题 – 用户中心隐私功能25/12/10更新

这是子比主题的用户中心扩展功能，部署完代码后用户中心的个人评论将会含有一个评论可见性功能。可以极大程度保护网站用户的隐私，教程也比较简单，有需要的朋友自行部署吧！ 演示效果： 更新内容： 修复新版本子比主题代码不适配的问题 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/zib-author.php搜索以下函数代码： function zib_main_author_tab_content_comment() 随后把此函数完全替换为下方代码即可： //作者页面-评论tab function zib_main_author_tab_content_comment() { global $wp_query; $curauth = $wp_query->get_queried_object(); if (empty($curauth->ID)) { return; } $author_id = $curauth->ID; $current_user = wp_get_current_user(); $page = zib_get_the_paged(); if...
9个月前
建站笔记
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 {...
9个月前
建站笔记
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,...
9个月前
建站笔记
2025-04-29
04-29
子比主题 - 文章标签美化-汇聚访

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

Zibll子比主题的文章标签默认是黑色字体+灰色背景，不是特别美观，如下图。今天站长美化一下，弄成文章随机彩色标签。 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义CSS代码中添加以下代码即可： /*文章随机彩色标签开始*/ /*www.huijuf.com*/ .article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags...
9个月前
建站笔记
2025-04-29
04-29
子比主题 - 最新通知模块小工具-汇聚访

实用子比主题 – 最新通知模块小工具

这是给子比主题首页加一个最新通知模块小工具，此小工具能够更好的提醒用户一些公告或是其他网站通知等信息，同时适配了黑夜模式，总的来说还是挺不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台–>外观–>小工具–>自定义HTML把下方代码放进去即可，推荐放置位置：首页 - 主内容上面 <style> .zhankr-zx { position: relative; margin-bottom: 18px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; line-height: 1; } .zhankr-zx:before { margin-right: 10px; } .zhankr-zx:after {...
9个月前
建站笔记
2025-04-29
04-29
子比主题 - 顶部导航下增加一排小桔灯-汇聚访

实用子比主题 – 顶部导航下增加一排小桔灯

这是给子比主题的导航栏位置添加的一款发光小桔灯，效果在夜间也是非常好看，默认出现时间为晚8点到早8点，其他时间不出现，距离顶部为50px，可以根据自己的需求修改，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] PHPCSS 定位：/wp-content/themes/zibll/func.php，没有了自己创建一个php文件，记得加上<?php头，否则报错！仅在晚上8点之后才显示该效果哦！ /*汇聚访www.huijuf.com*/ add_action('wp_footer', 'add_lu_xiaojudeng'); function add_lu_xiaojudeng() { date_default_timezone_set("Asia/Shanghai"); $now = time(); $start = mktime(8, 0, 0, date('n'), date('j'), date('Y')); // 今日 8:00 $end = mktime(20, 0, 0, date('n'), date('j'),...
9个月前
建站笔记
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 >...
9个月前
建站笔记
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;...
9个月前
建站笔记
2025-04-28
04-28
子比主题 - 文章页添加顶部信息-汇聚访

实用子比主题 – 文章页添加顶部信息

这是一款子比主题的二次元顶部信息，子比论坛有人发，我就扒了一下，以下代码放在func.php中。阅读字数不准确自己调，实在不行就删掉。代码比较简约自行测试吧！ 演示效果： 代码部署： [hidecontent type="reply"] // 定义一个函数来输出文章头部相关内容 function custom_output_article_header() { ob_start(); global $post; if ( is_single() && $post ) { $categories = get_the_category( $post->ID ); $category_links = array(); if ( $categories ) { foreach (...
9个月前
建站笔记
1…2526272829跳转