子比美化 第9页

实用子比主题 – 页面底部动态小人样式

这是一款适配子比主题底部的两只可爱动漫小人效果，此效果汇聚访仅在电脑上作用了，低于电脑版尺寸的都已经隐藏了，夜间模式下也是一点都不突兀，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题后台设置 - 全局&功能 - 自定义CSS样式中添加以下代码即可（图片放图床了，建议自行本地化）： /*汇聚访www.huijuf.com*/ @media (min-width: 1420px){ html::after, body::after { position: fixed; top: 0; bottom: 0; content: ' '; background-repeat: no-repeat; background-size: 250px; background-image: url('https://pic1.imgdb.cn/item/6929a9bdb4e23f08080b15d4 .gif') !important; width: 125px;...

建站笔记

41258

汇聚访7个月前

实用子比主题 – 右下角联系客服浮窗小工具

这是一款子比主题右下角联系客服浮窗小工具，这款小工具是腾飞写的有可视化的设置，可自定义不用端的开启或关闭，手机端也是正常适配的，但是黑夜模式没有适配，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加下面的代码： $widgets_files = array( 'zibbox_online_kefu.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件上传到：/wp-content/themes/zibll解压即可！小工具推荐放置位置：所有页面-页脚区内部 [/hidecontent]

建站笔记

0876

汇聚访7个月前

实用子比主题 – 用户个人信息小工具动态钟表样式

这是一款子比主题仿Emlog里的一款主题样式的，这个不仅可以用在用户个人中心小工具，同时还可以用在文章作者信息小工具里，我都适配好了，此效果仅在网站用户登录时候才显示，我懒得适配未登录了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/inc/functions/zib-author.php找到函数：zib_get_user_card_box（大概在700多行左右），随后在这个函数内部找到$cover这个变量名，你会看到以下代码： $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;">' . get_user_cover_img($user_id) . '</div>' : ''; 随后把此段代码替换为以下代码： /*汇聚访：www.huijuf.com*/ $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;"><div class="zibbox-clock-item"><div class="zibbox-clock_box"><svg class="ete_clock_clock"xmlns="http://www.w3.org/2000/svg"viewBox="0...

建站笔记

01156

汇聚访7个月前

实用子比主题 – 侧边付费下载小工具（升级版）

这是一款根据子比主题自带的付费下载小工具修改的小工具，在原本的基础上添加了一些相关作者信息，这款是炙焰写的，使用了子比主题原生框架，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后加下方的代码： $widgets_files = array( 'zibbox_widget_pays.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]

建站笔记

51179

汇聚访7个月前

实用子比主题 – 弹窗猫耳朵背景样式

这是一款子比主题的弹窗猫耳朵背景样式，不管你打开哪个弹窗背后都会有个猫耳朵的背景，当然图片你也可以找素材自定义，猫耳朵的颜色我采用了主题你设置的基本颜色，这款效果来源于呆萌站长，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义CSS代码样式中添加下方代码即可： .modal-open .modal::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--focus-color); -webkit-mask: url(https://pic1.imgdb.cn/item/6922ddee3203f7be00250545 .png) no-repeat center/contain; mask: url(https://pic1.imgdb.cn/item/6922ddee3203f7be00250545 .png) no-repeat center/contain; z-index: -1;...

建站笔记

6946

汇聚访7个月前

实用子比主题 – 会员尊享卡片跳转样式

这是一款子比主题仿星河主题的会员尊享卡片跳转样式，这款样式应该是腾飞扒下来然后适配的，整体效果一般，没有适配夜间模式，手机版这里没有截图因为看起来比较突兀，有强迫症的还是别用了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将下面的代码丢到：WP后台–>>外观–>>小工具–>>自定义HTML即可！推荐：文章页-顶部全宽度 <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> .member-card-container{max-width:100%;margin:0 auto;padding:10px}.member-st{width:100%;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(to right,#e0f2fe,#bae6fd);border:1px solid rgba(2,132,199,0.1);box-shadow:0 10px 25px -5px rgba(2,132,199,0.1),0 8px 10px -6px rgba(2,132,199,0.1)}.corner-decoration{position:absolute;width:60px;height:60px;background-color:rgba(255,255,255,0.2);z-index:5}.top-left{top:0;left:0;border-radius:0 0 60px 0}.top-right{top:0;right:0;border-radius:0 0 0 60px}.bottom-left{bottom:0;left:0;border-radius:0 60px 0 0}.bottom-right{bottom:0;right:0;border-radius:60px 0 0 0}.member-bgbox{position:absolute;inset:0;background-image:radial-gradient(rgba(2,132,199,0.06)...

建站笔记

212610

汇聚访7个月前

实用子比主题 – 联系我们页面（第二款）

这是一个第二款适配子比主题的联系我们页面，该效果原作者是宇凌写的但是也有一些问题，我...

建站笔记

412410

汇聚访7个月前

实用子比主题 – 仿企业门户首页

这是一款适配子比主题所仿的企业门户首页样式，两个跳转按钮可自定义跳转链接，同时模板的内容也可以进行修改，创业者下方的头像也是可以自定义更改的，适合一些想用子比做企业站点的站长，同时再提醒一点，搬运本站文章请留本站版权谢谢！喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll把文章所带附件解压，随后到index.php文件中找到下方代码： <main role="main" class="container"> 在上方代码的头上添加以下代码即可： /*汇聚访：www.huijuf.com*/ <div class="container fluid-widget"> <link rel="stylesheet" href="/wp-content/themes/zibll/css/zibbox/zibbox_corporation.css"> <section class="huijuf-banner-container" style="opacity: 1; transition: opacity 1s ease-in-out;"> <div class="huijuf-content-wrapper"> <div class="huijuf-content-left"> <span class="huijuf-tag-expert">🟢 专注主题美化</span> <h1> 聚焦实用技巧<br> <span>WordPress主题</span>...

建站笔记

81358

汇聚访7个月前

实用子比主题 – 联系我们页面

这是子比主题的一款联系我们页面，这个页面本来就是优设网的随后适配到子比主题的，黑夜模...

建站笔记

111165

汇聚访7个月前

实用子比主题 – 侧边四站导航小工具

这是一款子比主题的侧边四站导航小工具，源代码依旧是星雨写的，这款小工具用来介绍自己的网站以及别的信息也是非常的方便，部署后可自定义设置跳转链接、图标等信息，唯一遗憾的是没有适配夜间模式，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加下面的代码： $widgets_files = array( 'zibbox_four_nav.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]

建站笔记

2838

汇聚访7个月前

上一页1…7891011…33下一页跳转