子比美化 第21页
2025-04-29
04-29
子比主题 - 文章底部添加最后更新时间或过期失效提示-汇聚访

实用子比主题 – 文章底部添加最后更新时间或过期失效提示

为主题添加文章底部添加最后更新时间或过期失效提示！今天分享出来，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="reply"] 步骤一步骤二步骤三 1.将下面的 PHP 代码加入到主题目录下：themes/zibll/functions.php 文件中。 //文章过期提示开始 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 class="article-timeout"><strong><i class="fa fa-bell"...
子比主题建站笔记
2025-04-29
04-29
子比主题 - 文章标签美化-汇聚访

实用子比主题 – 文章标签美化

Zibll子比主题的文章标签默认是黑色字体+灰色背景，不是特别美观，如下图。今天站长美化一下，弄成文章随机彩色标签。 演示效果： 代码部署： [hidecontent type="reply"] 操作非常简单，打开[Zibll主题设置] – [全局&功能] – [自定义代码] – [自定义CSS样式]，添加下面的CSS代码即可。 /*文章随机彩色标签开始*/ /*www.huijuf.com*/ .article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color:...
子比主题建站笔记
2025-04-29
04-29
子比主题 - 页脚底部按钮美化-汇聚访

实用子比主题 – 页脚底部按钮美化

子比主题底部辨识度不高，这里做一下美化，提高用户辨识度，比较简单，也不影响网站速度 演示效果： 代码部署： [hidecontent type="reply"] 主题设置 -> 页面&显示 -> 页脚底部 将以下代码粘贴到：板块二位置即可 <p class="fcode-links"> <style type="text/css"> .github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; background-color: #abbac3; margin-bottom: 5px; } .github-badge .badge-subject {...
子比主题建站笔记
2025-04-29
04-29
子比主题 - 最新通知模块小工具-汇聚访

实用子比主题 – 最新通知模块小工具

这是一个最新通知模块小工具，可以用来展现站点重要的通知。 演示效果： 代码部署： [hidecontent type="payshow"] CSSHTML .zhankr-zx { position: relative; margin-bottom: 18px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; line-height: 1; } .zhankr-zx:before { margin-right: 10px; } .zhankr-zx:after { margin-left: 10px }.zhankr-zx:before,...
子比主题建站笔记
2025-04-29
04-29
子比主题 - 顶部导航下增加一排小桔灯-汇聚访

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

非常喜庆个性的一个美化，有点非常的闪亮，不是一般人都能接受的，默认出现时间为晚8点到早8点，距离顶部为50px；可以根据自己的需求修改。 演示效果： 代码部署： [hidecontent type="reply"] PHPCSS 下面的代码加入到主题目录下function.php中 /*每天晚8点到早8点出现小桔灯墨染云天 www.huijuf.com*/ add_filter('wp_footer', 'add_lu_xiaojudeng'); function add_lu_xiaojudeng() { date_default_timezone_set("Asia/Shanghai"); $curTime = date("Y-m-d H:i:s",time()); $stimestamp = date("Y-m-d H:i:s",mktime(8,0,0,date("m"),date("d"),date("Y"))); //早上8点。 $etimestamp = date("Y-m-d H:i:s",mktime(20,0,0,date("m"),date("d"),date("Y"))); //晚上8点。 if(($curTime >= $stimestamp & $curTime <=$etimestamp)==...
子比主题建站笔记
2025-04-28
04-28
子比主题 - 侧边栏显示天气预报加一言-汇聚访

实用子比主题 – 侧边栏显示天气预报加一言

为子比主题增添天气预报显示功能，可极大提升网站的实用性与趣味性，使访客能更便捷地获取天气资讯。 演示效果： 代码部署： [hidecontent type="payshow"] 首先进入WordPress后台>外观>小工具>自定义HTML>把自定义HTML添加到>文章页侧边栏>复制下面的代码即可 <!-- 转载请保留-搜源站：Www.SouYuanZhan.Com --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 添加Font Awesome图标库 --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> </head> <body> <div class="weather-card"> <h1><i class="fas fa-cloud-sun"></i> 实时天气卡片</h1> <p id="location"><i class="fas fa-map-marker-alt fa-lg...
子比主题建站笔记
2025-04-28
04-28
子比主题 - 浮动圆点标题样式美化-汇聚访

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

本站只有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 > h2:hover::after, .article-content...
子比主题建站笔记
2025-04-28
04-28
子比主题 - 论坛帖子标签颜色修改-汇聚访

实用子比主题 – 论坛帖子标签颜色修改

基于6ke论坛提供的美化代码修改了下颜色方案并添加了文本自适应根据色彩而改变（就是黑白两色而已），这样的话，找颜色方案的时候看着嘎嘎好看！ 演示效果： 代码部署： [hidecontent type="reply"] /*论坛标签美化颜色JS代码*/ const tagColors = [ { bg: `linear-gradient(120deg, #FFF0DE 20%, #6FB4BC 80%)`, textColor: getTextColor('#FFF0DE', '#6FB4BC') }, { bg: `linear-gradient(120deg, #FFE6E3 20%, #8379A8 80%)`, textColor: getTextColor('#FFE6E3', '#8379A8') }, { bg: `linear-gradient(120deg,...
子比主题建站笔记
2025-04-28
04-28
子比主题 - 给网站加上不同时间段的温馨问候语-汇聚访

实用子比主题 – 给网站加上不同时间段的温馨问候语

为您的网站添加根据不同时间段显示温馨提示问候语的代码，以增强用户体验。一旦访客进入您的网站，他们将会看到根据当前时间段而变化的各类温馨提示。 演示效果： 代码部署： [hidecontent type="payshow"] HTMLCSSJS 小工具-首页随意一个模块 推荐 首页-顶部全宽度如不满意弹窗内容可自行修改 适用于各模板当中，一般放在header文件即可 <div id="greetingBox"></div> <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;...
子比主题建站笔记
2025-04-28
04-28
子比主题 - 文章页添加顶部信息-汇聚访

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

这是一款子比主题的二次元顶部信息，子比论坛有人发，我就扒了一下，以下代码放在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 (...
子比主题建站笔记
1…1920212223跳转