子比美化 第9页
子比主题美化相关教程
分类
排序
2026-01-28
子比主题美化 – 自定义右下角提示弹窗-识趣者资源

子比主题美化 – 自定义右下角提示弹窗

通过一段简单的CSS代码，修改主题自带的提示弹窗，颜色自行决定。 [hidecontent type="reply"] /*右下角提示美化 huliku.com*/ .notyf.success { background: linear-gradient(90deg,rgb(249 15 15 / 70%),rgba(61,189,249,.8)); border-radius: 18px 0 0 18px; } .enlighter-default .enlighter { max-height: 400px; overflow-y: auto !important; } .posts-item .item-heading>a { font-weight: bold; color: unset;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-27
子比主题-图标美化-识趣者资源

子比主题-图标美化

 在博客的世界里，子比主题备受青睐。想让你的子比主题独具魅力吗？本文将聚焦子比主题原本图标美化，为你详细剖析用法，助你轻松打造个性十足、令人眼前一亮的博客页面。效果展示使用方法将上面代码放入到zibll文件夹下function.php文件中或者新建一个func.php放入其中，不用我的js可以自己下载压缩包文件引用[hidecontent type="reply"]function icon_new_js(){ wp_enqueue_script( 'sc-icon', 'https://47zhe.cn/js/svg-icon.js', array(), true ); }add_action( 'wp_footer', 'icon_new_js' ); js文件包下载提取码b3gh[/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2025-12-11
子比主题 – 文章添加更新时间（三款）-识趣者资源

子比主题 – 文章添加更新时间（三款）

这是一篇子比主题文章添加更新时间，我这里一共发两款，首先我先说一下，第二款是我自己做的样式，第一款是网上都有的，我比较推荐第二款，第三款是看网上的，因为我做的样式我觉得还是不错的，有一些人就是把东西一改就说自己写的，我什么也不说，知道就行！ 第一款 第二款 第三款 [hidecontent type="reply"] 部署之后，我先说一下很多人都说为什么在文章前面，难道不能放后面吗，可以放后面，下面两款的func文件代码里面的其中代码，如下，我们把before改成after就是文章之后显示了，学会了吧 add_action('zib_posts_content_before', 'article_time_update'); 第一款第二款第三款 定位：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创建一个，记得加上php头，要不然报错，将下面的代码放里面，CSS代码直接丢到：子比主题–>>自定义CSS样式即可！ func代码 // 文章过期提示开始第一款 function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_modified_time('Y-m-d H:i:s'); $updatetime=strtotime($updated_date); $custom_content = ''; if ( $newdate > $updatetime+86400) { $custom_content= '<div...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 给文章页图片添加遮罩版权图片-识趣者资源

子比主题 – 给文章页图片添加遮罩版权图片

教程 [hidecontent type="reply"] 在子比后台-自定义javascript代码中添加以下代码（图片链接自行替换） //文章内页增加图片遮罩开始 document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.article-content > .theme-box > .wp-block-image > img'); images.forEach(img => { // 创建包裹容器 const wrapper = document.createElement('div'); wrapper.style.position = 'relative'; wrapper.style.display = 'inline-block'; // 创建半透明遮罩...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 首页底部登录弹窗模块-识趣者资源

子比主题 – 首页底部登录弹窗模块

这是一款子比主题底部登入弹窗模块，在逛网站的时候扒的别人，优化了一下CSS代码，因为他那个样式是直接显示的，感觉不美观，我这里加了点显示延迟，话不多说直接开始！ 代码部署 [hidecontent type="reply"] func代码CSS代码 我们到：/wp-content/themes/zibll/func.php这个文件里面，没有这个文件创一个，记得加php头，要不然报错，将下面的代码放到里面 /*子比主题底部登录美化样式*/ function zibll_Add_ons_footer_sidebar_display() { if (is_user_logged_in()) { return; } $sidebar_html = ' <div class="wapnone"> <div class="footSideBar footNoSideBar" style="" data-v-468191f6=""> <div class="left_warp"> <p class="left_word">一键注册登录，免费下载更多的资源教程</p> <ul class="login_ad_list"> <li class="login_ad_item"> <img src="//pub-cdn-oss.chuangkit.com/ad_position/07b0bea0b5ff4a4a86821440 2dffbe06"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-25
子比主题 – 文章页左侧悬浮快捷功能-识趣者资源

子比主题 – 文章页左侧悬浮快捷功能

给子比主题文章页面里面的电脑端的左上角加一个悬浮快捷功能，带有点赞、收藏、评论（可跳转底部评论），分享等按钮，相当于跟论坛的效果差不多，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码直接丢里面即可！ /** * 文章页面左侧浮动按钮 */ function zib_post_fixed_btns() { global $post; if (wp_is_mobile() || !is_single() || $post->post_type !== 'post') return ''; $id = $post->ID; $logged = is_user_logged_in(); $btns = ''; $items = [];...
识趣资源的头像-识趣者资源至尊会员识趣资源· 10天前
#子比美化
 2026-01-28
WordPress子比主题插入高清bilibili哔哩哔哩视频代码-识趣者资源

WordPress子比主题插入高清bilibili哔哩哔哩视频代码

站长门都知道，许多博客主题都是支持嵌入bilibili视频代码播放的，但是有一个通病，就是嵌入的视频都是以最低视频分辨率播放，今天主要就是解决这个问题！ 在B站有很多影片资源可以分享，若想分想到自己的WordPress网站该怎么做呢？ 首先在“点击复制链接”处复制“嵌入代码” 在WordPress使用HTML插入媒体，填入代码后会变成下图这样，整个影片尺寸是变小的（如下） 因为B站预设的外站引用解析度是最低的，因此所以不能直接贴上代码 需要加上一段代码，让B站影片能跟随自家网站的大小来做改变： [hidecontent type="reply"] 1. 加入代码修改影片显示大小 width="100%" height="600" 比如说我想要分享的影片代码是这串 <iframe src="//player.bilibili.com/player.html?aid=914606049&bvid=BV1Mu4y1z7a9&cid=1229413200&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> 那我就在iframe之间加入这串代码 width="100%" height="600" <iframe src="//player.bilibili.com/player.html?aid=914606049&bvid=BV1Mu4y1z7a9&cid=1229413200&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="600"> </iframe> 修改大小后的影片长这样，这里的宽度和高度可以根据自己的需求修改...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2025-11-24
子比主题文章标题渐变彩色文字-识趣者资源

子比主题文章标题渐变彩色文字

最近我朋友在通过我这个网站的资源学习美化时，突发奇想要给文章标题加渐变彩色文字，我便按照要求收集了该教程。鼠标滑鼠过去将显示渐变彩色文字。将以下代码添加至网站后台的主题设置-自定义代码-自定义CSS样式即可.item-heading :hover, .text-ellipsis :hover, .text-ellipsis-2 :hover, .links-lists :hover { background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: maskedAnimation 4s infinite linear; } @keyframes maskedAnimation {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
子比主题 – 悬浮按钮添加繁简体切换-识趣者资源

子比主题 – 悬浮按钮添加繁简体切换

给子比主题自带的悬浮按钮添加繁简体切换，这个功能我觉得还是比较实用的，毕竟很多人喜欢用繁体，喜欢的自行部署一下，跟着我的教程走就行，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 首先我们到目录：/wp-content/themes/zibll/inc/options/admin-options.php这个文件里面，然后我们搜 当前页面二维码 然后我们把代码放到这个的上面，如下图和代码！ array( 'title' => '繁简切换', 'desc' => '<div class="c-yellow"><i class="fa fa-fw fa-info-circle fa-fw"></i>此按钮建议放置在最顶部或者最底部 - 腾飞博客</div>', 'id' => 'traditional_chinese', 'type' => 'accordion', 'accordions' => array( array( 'title' => '繁简切换', 'fields'...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 底部Dock栏二开插件_带后台-识趣者资源

子比主题 – 底部Dock栏二开插件_带后台

这是一款子比主题底部Dock栏二开的插件，这款插件带后台，并且组件是二开星书签的组件，腾飞简单的测试了，直接上传到插件使用即可，简单版本适配其他主题，支持前台自定义图标，右键可以删除，喜欢的自行部署吧！ 如果你的网站用了右键菜单美化，可以在JS禁用的位置增加： // 禁用默认右键菜单 window.addEventListener('contextmenu', e => { // 如果点击的是 Dock 用户添加的应用图标，不阻止 if (e.target.closest('.dock-icon[data-app-id]')) { return; } e.preventDefault(); }, { passive: false });
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-24
子比主题 – 推广主题购买页面（一键部署）-识趣者资源

子比主题 – 推广主题购买页面（一键部署）

这是一款子比主题推广主题购买页面，你这里直接部署就可以，我这边已经打包好，这个页面可...
识趣资源的头像-识趣者资源至尊会员识趣资源· 11天前
#子比美化
 2026-01-30
次元守护·WordPress殿堂级维护页面插件（子比主题专版）-识趣者资源

次元守护·WordPress殿堂级维护页面插件（子比主题专版）

在浩瀚的数字宇宙里，每一个WordPress网站都是一颗璀璨的星辰而你的网站，正是那...
识趣资源的头像-识趣者资源至尊会员识趣资源· 5天前
#子比美化
 2026-01-16
子比主题拓展插件-用户中心拓展-识趣者资源

子比主题拓展插件-用户中心拓展

子比主题的大佬李初一在自己网站发布了关于子比主题的用户中心功能拓展的插件，省去了我们...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 2025-11-24
子比美化-底部横向统计模块-识趣者资源

子比美化-底部横向统计模块

首先将我们的文件包解压出demo，将demo文件上传至网站根目录，如下图再将以下核心函数代码添加至子比根目录的header.php文件中[hidecontent type="reply"]<script type="text/javascript" > //文章总数 <?php $count_posts = wp_count_posts(); $published_posts =$count_posts->publish;echo "var tj_wzzs="."'$published_posts'";?> //本周发布 <?php $post_wpdb = get_posts_count_from_last_168h($post_type ='post');echo "var tj_bzfb="."'$post_wpdb'";?> //运行时间 <?php $wdyx_time = floor((time()-strtotime("2023-11-11 11:11:11"))/86400);echo "var tj_yxsj="."'$wdyx_time'";?> //用户总数 <?php global $wpdb;$users = $wpdb->get_var("SELECT...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3个月前
#子比美化
 2026-01-24
子比主题 – 文章/帖子评论区拉黑插件-识趣者资源

子比主题 – 文章/帖子评论区拉黑插件

这是一款子比主题的文章/帖子评论区拉黑插件，别人写了文章发布，有人乱评论，拉黑之后就...
识趣资源的头像-识趣者资源至尊会员识趣资源· 11天前
#子比美化
1…7891011…15跳转