子比主题

子比主题 - 顶部导航下增加一排小桔灯-汇聚访

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

这是给子比主题的导航栏位置添加的一款发光小桔灯，效果在夜间也是非常好看，默认出现时间为晚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'),...
建站笔记
1686
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 浮动圆点标题样式美化-汇聚访

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

本站只有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 >...
建站笔记
131326
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 网站不同时段温馨问候语弹窗-汇聚访

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

这是给子比主题适配的一款网站不同时间段显示温馨提示问候语的代码弹窗，以增强用户体验。一旦访客进入您的网站，他们将会看到根据当前时间段而变化的各类温馨提示。效果还是挺不错的，需要的自行部署吧！ 演示效果： 代码部署： [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;...
建站笔记
0929
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 文章页添加顶部信息-汇聚访

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

这是一款子比主题的二次元顶部信息，子比论坛有人发，我就扒了一下，以下代码放在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 (...
建站笔记
41276
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 仿致美化顶部样式代码-汇聚访

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

这是一款子比主题模仿致美化顶部样式代码样式，这款样式能够更好的去让用户加入自己的群聊，还是不错的一款顶部样式美化，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：首页-顶部全宽度，自己改一下跳转链接！ <style type='text/css'> 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: 624px;...
建站笔记
0977
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 文章卡片下载按钮样式美化-汇聚访

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

给子比主题卡片样式下面加一个下载按钮样式，非常美观，给自己的子比主题去加一个吧，这个非常实用，这个代码是扒mac站长的一个美化，所以我分享给大家免费使用！ 演示效果： 代码部署： [hidecontent type="reply"] 首先一共三步，有两个php代码和一个css代码，话不多说直接开始教程！ PHPCSS 第一步：搜索zib_get_posts_list_meta或者是注释//获取文章列表的底部meta这个注释然后在这个函数内部加上以下代码，大概放在265行左右： $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;...
建站笔记
711313
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 二次元悬浮菜单按钮-汇聚访

实用子比主题 – 二次元悬浮菜单按钮25/12/4更新

这是一款子比主题的二次元悬浮菜单按钮样式，启用该样式会移除原有的侧边栏菜单按钮样式，同时手机版也是一样的，手机版这里汇聚访也没有隐藏都是显示的，此效果适合那些acg风格的站点，喜欢的自行部署吧！ 演示效果： 更新内容： 修复样式图片丢失问题 修复php代码加入后报错问题 代码部署： [hidecontent type="reply"] PHPCSS 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 二次元悬浮按钮 function adjust_footer_buttons_based_on_device() { if (wp_is_mobile()) { remove_action('wp_footer', 'acg_float_right'); add_action('wp_footer', 'zib_float_right'); } else { remove_action('wp_footer', 'zib_float_right'); add_action('wp_footer', 'acg_float_right'); } } add_action('init', 'adjust_footer_buttons_based_on_device'); //二次元按钮代码 function...
建站笔记
410010
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 用户中心添加UID、注册时间功能-汇聚访

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

这一功能利用了子比主题自带的函数和钩子，能够在用户中心添加一些额外的信息。此外，它还可以自定义样式，使得用户中心显得更加丰富多彩！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加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;...
建站笔记
1918311
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 付费详情说明模块样式-汇聚访

实用子比主题 – 付费详情说明模块样式

这是一款给子比主题付费详情说明模块增加的一个美化，主要效果是一个漂亮的背景图片样式来高亮显示用来提醒用户注意须知，教程部署起来也是比较简单，有需要的自行部署下吧！ 演示效果： 代码部署： [hidecontent type="reply"] HTMLCSS 定位：网站后台–>Zibll主题设置–>商城&付费–>商城配置–>更多详情，输入需要显示的文字！如下图所示： 直接将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*付费详情说明模块美化*/ .pay-box .pay-details { background-image: url(https://pic1.imgdb.cn/item/69315a08a11464095f8abe79 .png); color: #fff; text-align: center; background-size: cover; } [/hidecontent]
建站笔记
813915
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 侧边滚动播报小工具（两款）-汇聚访

实用子比主题 – 侧边滚动播报小工具（两款）25/11/23更新

一共两款子比主题侧边滚动播报小工具，分别为美化版本和简洁的版本，喜欢的自行部署，放到文章页侧边比较合适！ 演示效果： 第一款 第二款 更新内容： 修复第二版样式的小工具报错 为第二款样式的小工具增添白色背景 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML！ 第一款第二款 <section id="custom_html-2" class="widget_text widget widget_custom_html mar16-b"> <meta charset="utf-8"> <div class="textwidget custom-html-widget"> <aside id="php_text-8" class="widget php_text wow fadeInUp" data-wow-delay="0.3s"> <div class="textwidget widget-text"> <style type="text/css">...
建站笔记
68115
汇聚访的头像-汇聚访核心会员汇聚访1年前
1…33343536跳转