子比主题

2025-04-28
04-28
子比主题 - 论坛帖子标签颜色修改-汇聚访

实用子比主题 – 论坛帖子标签颜色修改

基于6ke论坛提供的美化代码修改了下颜色方案并添加了文本自适应根据色彩而改变（就是黑白两色而已），这样的话，找颜色方案的时候看着嘎嘎好看！ 演示效果： 代码部署： [hidecontent type="reply"] /*论坛标签美化颜色JS代码*/ const tagColors = [ { bg: `linear-gradient(120deg, #FFF0DE 20%, #6FB4BC 80%)`, textColor: getTextColor('#FFF0DE', '#6FB4BC') }, { bg: `linear-gradient(120deg, #FFE6E3 20%, #8379A8 80%)`, textColor: getTextColor('#FFE6E3', '#8379A8') }, { bg: `linear-gradient(120deg,...
子比美化建站笔记
2025-04-28
04-28
子比主题 - 给网站加上不同时间段的温馨问候语-汇聚访

实用子比主题 – 给网站加上不同时间段的温馨问候语

为您的网站添加根据不同时间段显示温馨提示问候语的代码，以增强用户体验。一旦访客进入您的网站，他们将会看到根据当前时间段而变化的各类温馨提示。 演示效果： 代码部署： [hidecontent type="payshow"] HTMLCSSJS 小工具-首页随意一个模块 推荐 首页-顶部全宽度如不满意弹窗内容可自行修改 适用于各模板当中，一般放在header文件即可 <div id="greetingBox"></div> <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;...
子比美化建站笔记
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 (...
子比美化建站笔记
2025-04-28
04-28
子比主题 - 更好的阅读模式小工具-汇聚访

实用子比主题 – 更好的阅读模式小工具

一个仿浏览器Ctrl+F的小功能，可以搜索页面指定内容并进行跳转 未进行搜索点击上一个、下一个会提示请先进行搜索！ 搜索不存在的内容会提示 没有找到内容！ 没有上一个、下一个时会提示已是第一个、已是最后一个 演示效果： 代码部署： [hidecontent type="reply"] 代码放置于子比主题后台菜单的 文章列表/文章页面 中的 文章插入内容 插入在前还是在后都无所谓，看你自己喜欢放哪里！ <style> #searchBox { position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 1000; box-shadow: 0 0 10px rgb(116 116 116 / 46%); } .highlight { background-color:...
子比美化建站笔记
2025-04-28
04-28
子比主题 - 仿致美化顶部样式代码-汇聚访

实用子比主题 – 仿致美化顶部样式代码

这是一款子比主题模仿致美化顶部样式代码样式，这款样式能够更好的去让用户加入自己的群聊，还是不错的一款顶部样式美化，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：首页-顶部全宽度，自己改一下跳转链接 CSSHTML <style type='text/css'>/*www.huijuf.com*/ a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; box-sizing: border-box; } .index-header { width: 100%; height:...
子比美化建站笔记
2025-04-28
04-28
子比主题 - 文章卡片下载按钮样式美化-汇聚访

实用子比主题 – 文章卡片下载按钮样式美化

给子比主题卡片样式下面加一个下载按钮样式，非常美观，给自己的子比主题去加一个吧，这个非常实用，这个代码是扒mac站长的一个美化，所以我分享给大家免费使用！ 演示效果： 代码部署： [hidecontent type="reply"] 首先一共三步，有两行php代码和一个css代码，话不多说直接开始教程 ①PHP②PHP③CSS 下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行，如下图！ $get_permalink = get_permalink();//添加文章链接 下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概320多行，如下图！ $html = '<a class="down" target="_blank" href="' . $get_permalink . '" rel="external nofollow" >下载</a>';//添加下载按钮 CSS代码我就不说了，直接放到子比主题-->>自定义CSS样式即可！ /*www.huijuf.com*/ a.down { display: inline-block; width: 100%; height: 30px;...
子比美化建站笔记
2025-04-28
04-28
子比主题 - 小工具标题美化-汇聚访

实用子比主题 – 小工具标题美化

这是我在某一个站点看到的，然后扒了下来，小工具的位置自己调整哦~ 演示效果： 代码部署： [hidecontent type="payshow"] HTMLCSS <div class="file-format" data-v-2775696c=""><span id="index-xtips" class="txt-file-format" data-v-2775696c="">超强生产力，动力足！</span> <span class="file-format-icons" data-v-2775696c=""><i class="icon_ps" data-v-2775696c=""></i> <i class="icon_ai" data-v-2775696c=""></i> <i class="icon_sketch" data-v-2775696c=""></i> <i class="icon_3dMax" data-v-2775696c=""></i> <i class="icon_cdr" data-v-2775696c=""></i> <i class="icon_c4d" data-v-2775696c=""></i> <i class="icon_blender" data-v-2775696c=""></i></span></div>...
子比美化建站笔记
2025-04-28
04-28
子比主题 - 二次元悬浮菜单按钮-汇聚访

实用子比主题 – 二次元悬浮菜单按钮

该效果是初一扒的，给子比主题做了适配。今天分享给大家！ 演示效果： 代码部署： [hidecontent type="reply"] PHPCSS // 二次元悬浮按钮 function adjust_footer_buttons_based_on_device() { if (vxras_pz('acg_float_right')) { // 判断是否开启二次元悬浮按钮 if (wp_is_mobile()) { // 对于手机用户，确保原版按钮不被移除 remove_action('wp_footer', 'acg_float_right'); add_action('wp_footer', 'zib_float_right'); } else { // 对于PC用户，移除自带悬浮按钮，确保使用二次元悬浮按钮 remove_action('wp_footer', 'zib_float_right'); add_action('wp_footer', 'acg_float_right'); }...
子比美化建站笔记
2025-04-28
04-28
子比主题 - 用户中心添加UID、注册时间功能-汇聚访

实用子比主题 – 用户中心添加UID、注册时间功能

这一功能利用了子比主题自带的函数和钩子，能够在用户中心添加一些额外的信息。此外，它还可以自定义样式，使得用户中心显得更加丰富多彩！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到/wp-content/themes/zibll/functions.php或者func.php文件即可 /* * 定义用于显示用户ID的函数 * 'but'是配合函数赋予class样式'but'在子比主题内通常是按钮样式可配合c-blue或jb-pink赋予色彩 * c系列为透明背景，颜色有c-blue、c-blue-2、c-cyan、c-gray、c-green、c-green-2、c-purple、c-purple-2、c-red、c-red-2、c-theme、c-white、c-yellow、c-yellow-2 * jb系列为非透明渐变色背景，颜色有pay-tag、jb-red、jb-pink、jb-yellow、jb-blue、jb-cyan、jb-green、jb-purple、jb-vip1、jb-vip2 */ function ZbTool_user_id_to_desc($desc, $user_id) { // 初始化变量 $day = true; // 可以根据需要进行动态设置 $uid = true; // 可以根据需要进行动态设置 $pay_price = true;...
子比美化建站笔记
2025-04-27
04-27
子比主题 - 版权声明渐变文本版权提示-汇聚访

实用子比主题 – 版权声明渐变文本版权提示

一款版权声明渐变文本版权提示代码，今天分享给大家哦~ 演示效果： 代码部署： [hidecontent type="reply"] HTMLCSS <div class="zbbox-text"> 本资源为本站原创，转载请注明来源、保留版权信息，谢谢合作！ </div> .zbbox-text { height: 40px; color: #fff; background: linear-gradient(55deg, #250095 0%, #9980FF 25%, #9980FF 50%, #950090 50%, #ff14ed 75%, #ff14ed 100%) no-repeat; padding: 8px; border-radius: 8px;...
子比美化建站笔记
1…2021222324跳转