子比美化 第13页
排序
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个月前
#子比美化
 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-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个月前
#子比美化
1…1112131415…23跳转