开通会员 尊享会员权益
登录
注册
找回密码
快速登录
QQ登录
微信登录
首页
产品中心
特惠
ZibBox子主题
建站笔记
主题美化
子比主题
RiTheme
B2主题
精美素材
图文素材
插件相关
WP插件
绿色软件
实用
关于我们
About
用户相关
用户协议
隐私政策
免责声明
儿童个人信息保护声明
个人信息保护咨询指引
服务相关
广告合作协议
侵权投诉指引
软件许可协议
文章版权声明
站点聚合统计
站点相关
小黑屋
友情链接
赞助发电
正版查询
简体中文
English
한국어
日本語
登录
注册
简体中文
English
한국어
日本語
首页
产品中心
特惠
ZibBox子主题
建站笔记
主题美化
子比主题
RiTheme
B2主题
精美素材
图文素材
插件相关
WP插件
绿色软件
实用
关于我们
About
用户相关
用户协议
隐私政策
免责声明
儿童个人信息保护声明
个人信息保护咨询指引
服务相关
广告合作协议
侵权投诉指引
软件许可协议
文章版权声明
站点聚合统计
站点相关
小黑屋
友情链接
赞助发电
正版查询
开通会员 尊享会员权益
登录
注册
找回密码
快速登录
QQ登录
微信登录
更多资料
搜索内容
迷小龙丶H
UID:152
已加入汇聚访265天
总消费:323.00
3枚徽章
广东省潮州市
关注
私信
文章
0
收藏
0
评论
18
粉丝
0
文章
0
商品
0
排序
收藏时间
最新发布
最近更新
最多查看
最多点赞
最多回复
最多收藏
销售数量
实用
子比主题 – 给文章内超链接加上波浪效果
目前这个美化还并不是很多,喜欢的朋友可以使用看看效果,很简单把代码添加到合适的位置即可,应该所有WordPress网站都可以使用。只需两行代码即可实现! 演示效果: 代码部署: [hidecontent type="reply"] 定位:子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可: /*超链接下波浪线*/ .wp-posts-content a:hover {color:#ff4500;text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;background-size:20px...
建站笔记
6
121
8
实用
子比主题 – 动态文章置顶火焰样式
这是一款子比主题动态置顶图标,样式效果是呈现火焰动态特效的,也是非常的炫酷,有喜欢的自行部署吧! 效果演示: 代码部署: [hidecontent type="reply"] 定位:子比后台设置 - 自定义CSS代码样式中添加以下代码即可: /* * 文章置顶美化开始 * www.huijuf.com */ @-webkit-keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54%...
建站笔记
27
233
6
实用
子比主题 – 简约分类专题标签色调美化
今天给大家分享一个子比主题的分类样式的简约美化,每个人眼光不同,这种就比较简约,适合一些比较正式的站点使用吧!今天分享给大家!还有一点,鼠标悬浮专题分类或是标签上还有不同的颜色变化哦! 演示效果: 代码部署: [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...
建站笔记
0
136
5
实用
子比主题 – 分类栏目美化(两款)
网站分类栏目美化的意义主要体现在提升用户体验和视觉吸引力,以及优化搜索引擎排名等方面。本文章将给大家分享两种分类栏目美化的教程哦~ 演示效果①: 演示效果②: 代码部署: [hidecontent type="reply"] 将下方代码加入到后台CSS里即可!图片放在帖子附件里了,可自行下载! 效果①效果② .index-tab ul>li.active { color: #ffffff00 !important; background-color: #ffffff00 !important; border-radius: 6px; z-index: 1; position: relative; height: 39px; line-height: 44px; background: url(https://img.dmguo.cn/2025/01/20250120091106173.png); background-repeat: no-repeat; -webkit-background-size: 91px 39px; -moz-background-size:...
建站笔记
3
120
14
实用
子比主题 – 悬浮按钮简洁美化
今天给大家分享一个子比主题悬浮按钮的简洁版美化,希望对大家有帮助! 演示效果: 代码部署: [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;...
建站笔记
5
122
7
实用
子比主题 – 用户个人中心小工具美化
大家好,今天汇聚访给大家带来这一款zibll主题的用户个人中心小工具的美化教程,这个效果我依旧是在腾飞的网站上看到的,腾飞没发教程,我觉得好看就仿了一个,效果大致一样吧,总之大差不差吧,该教程需要修改主题源文件,请大家使用前先备份,以防主题文件丢失或网站程序崩溃,话不多说,直接开始部署教程! 演示效果: 代码部署: [hidecontent type="payshow"] 第一步: 首先在Zibll主题设置-自定义CSS样式中添加以下代码(注:之前发过那两个按钮的美化教程,本贴内的CSS样式中不再含有相关代码,请自行去那个文章里寻找,那个文章我会放到本文章的底部。): .user-card { border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(71,135,236,.06); margin-bottom: 20px; } /*汇聚访:www.huijuf.com*/ .widget-user { padding: 0 !important; background: 0 0 !important; } /*汇聚访:www.huijuf.com*/...
建站笔记
0
222
13
实用
子比主题 – 仿图酷顶部导航栏样式
大家好,今天汇聚访给大家带来一款子比的顶部导航栏,这个效果开始我是在图酷的站点看到的,于是就仿了一个,效果还是很不错的,有喜欢的自行部署吧! 演示效果: 代码部署: [hidecontent type="payshow"] 首先在子比后台-自定义css样式中添加以下代码: /*汇聚访:www.huijuf.com*/ .login-panel{ float: right!important; margin-top: 8px; } /*汇聚访:www.huijuf.com*/ .login-panel #login { position:relative; } /*汇聚访:www.huijuf.com*/ .header-login-search .fl .modal-open { display:block; color:#fff; font-size:14px; line-height:30px; height:30px; -webkit-border-radius:30px; border-radius:5px; width:auto; padding:0 1.6em; background:...
建站笔记
0
173
6
实用
子比主题 – 首页卡片列表摘要样式
今天给大家分享的是一款子比主题的卡片列表标题下方的摘要样式,这个摘要只适配了子比主题的卡片模式,别的模式并没有适配,有需要的自行部署吧! 演示效果: 代码部署: [hidecontent type="payshow"] 部署这个之前要知道自己的列表是卡片模式,代码一共两个部分,话不多说直接开始! zib-posts-list.php代码CSS代码 定位:/wp-content/themes/zibll/inc/functions/zib-posts-list.php文件,然后我们搜下面的代码 function zib_posts_mian_list_card($args = array()) 直接将这个函数的代码全部替换我下面的代码即可: if (!function_exists('break_long_words')) { function break_long_words($str, $every = 24) { return preg_replace('/([a-zA-Z0-9]{'.$every.'})/u', '$1 ', $str); } } function get_custom_excerpt($post, $max_cn = 42, $max_en...
建站笔记
0
168
6
实用
子比主题 – 最新用户通知小工具
这是子比主题的最新用户通知小工具,可自行选择部署的位置,有的站长比较需要这个,今天分享出来了,原作者是黑猫,有喜欢的自行部署吧! 演示效果: 代码部署: [hidecontent type="reply"] 首先在子比根目录中添加一个func.php的文件,记得带上<?php否则会报错,随后将以下代码添加进去: if (file_exists(get_theme_file_path('/inc/widgets/huijuf-user.php'))) { require_once get_theme_file_path('/inc/widgets/huijuf-user.php'); } /*汇聚访:www.huijuf.com*/ 然后在/wp-content/themes/zibll/inc/widgets这个目录下添加一个文件名为huijuf-user.php的文件,随后添加以下代码即可: <?php // 注册最新用户通知小工具 汇聚访www.huijuf.com class DearLicy_Notice_Widget extends WP_Widget { // 汇聚访www.huijuf.com public function __construct() { parent::__construct( 'dearlicy_notice_widget', 'HEIMAO - 最新用户通知', array('description'...
建站笔记
14
152
15
实用
子比主题 – 评论区增加开通会员按钮
这是一款给子比主题评论区的发送评论的右边添加一个开通会员按钮,这个按钮当用户评论的时候都可以看到,这样就更可以给自己的站点会员推广一下,教程也比较简单,不需要修改主题源代码,喜欢的自行部署吧! 演示效果: 代码部署: [hidecontent type="reply"] 定位:子比主题–>>文章&列表–>>评论设置–>>自定义评论提交按钮文案,将代码放到发送评论的后面! </button> <a class="but c-red btn-input-expand input-image mr6 pay-vip"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg><span class="hide-sm">加入VIP</span> </a> [/hidecontent]
建站笔记
7
117
14
1
2
下一页
随便逛逛
博客标签
文章标签
新窗口打开
复制链接地址
复制选中文本
粘贴文本
站内搜索
百度搜索
复制图片地址
下载此图片
用户协议
免责声明
复制地址
显示热评
转为繁体
切换模式
登录
没有账号?立即注册
邮箱
验证码
发送验证码
记住登录
账号密码登录
登录
用户名或邮箱
登录密码
记住登录
找回密码
|
免密登录
登录
社交账号登录
QQ登录
微信登录
使用社交账号登录即表示同意
用户协议
、
隐私声明
注册
已有账号,立即登录
设置用户名
邮箱
验证码
发送验证码
设置密码
注册
已阅读并同意
用户协议
、
隐私声明
扫码登录
使用
其它方式登录
或
注册
扫码登录
扫码登录即表示同意
用户协议
、
隐私声明
开通会员享特权
专属内容无限访问
下载权限提升至最高级
专属子比付费美化优惠
免费下载更多精品资源
¥29.9
¥39.9
Vip会员 · 立省30元
立即开通
每日签到
在线
扫码关注公众号
获取更多专属内容和最新资讯
展开全屏
返回顶部