子比美化 第24页
2025-05-01
05-01
子比主题 - 粉色细节优化-汇聚访

实用子比主题 – 粉色细节优化

增强视觉吸引力：粉色是一种温馨、甜美的颜色，可以给网站增添一份柔和、温暖的感觉，使得文章框更加引人注目。 提升用户体验：通过为文章框添加外框，可以使得文章内容更加突出，更容易被用户注意到。而粉色的外框则可以增加文章框的辨识度，使得用户在浏览网页时能够更快地找到所需的信息。 增加页面层次感：外框可以将文章框与其他页面元素区分开来，增加页面的层次感。粉色的外框可以作为一种视觉引导，帮助用户更好地理解页面结构。 体现品牌形象：如果网站的目标受众是年轻人群，那么粉色的外框可以更好地符合目标受众的审美需求，体现品牌的年轻、时尚、温馨的形象。 演示效果： 代码部署： [hidecontent type="reply"] 将下方CSS放置于后台——自定义代码——自定义CSS内即可 /*粉色细节优化*/ /*www.huijuf.com*/ .navbar-top .navbar-right .sub-menu { -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset; -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset; box-shadow: inset 0 1px 4px 0...
5个月前
建站笔记
2025-05-01
05-01
子比主题 - 首页搜索栏按钮及透明边框美化-汇聚访

实用子比主题 – 首页搜索栏按钮及透明边框美化

这是子比主题的叠加搜索组件美化，一共两个，一个是发布作品按钮，一个是透明框的美化，个人一直在用这个美化，一直很好用的，也算记录一下，怕忘记怎么美化。 演示效果： 代码部署： [hidecontent type="payshow"] 首先我们要知道改哪个文件，首先我们就是改：/zibll/inc/functions/zib-search.php 首先我们要改两个地方然后加上CSS就可以了第一处第二处自定义CSS样式 第三个地方就简单了，直接放到我们的 子比主题–>>自定义CSS样式 即可 步骤①步骤②步骤③ 文件一： 我们进去搜：“ search-form ”，大概在548行的代码，如下图，跟我一样将代码注释或删掉，然后放入下面的代码 $form_html = '<form method="get" class="padding-10 search-form tengfei_search_frame" action="' . esc_url(home_url('/')) . '">' . $type_html . '<div class="line-form">' . $cat_html . $input_html . '</div></form>'; 到了第二个地方，我们还是在：/zibll/inc/functions/zib-search.php 文件里面改...
5个月前
建站笔记
2025-05-01
05-01
子比主题 - 鼠标选中文字颜色样式-汇聚访

实用子比主题 – 鼠标选中文字颜色样式

今天为主题增加一个复制选中效果，直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：子比主题-自定义CSS样式即可 color: #0045FF;是选中颜色，自己改自己喜欢的颜色吧 ::selection { background: transparent; color: #0045FF; } [/hidecontent]
5个月前
建站笔记
2025-04-30
04-30
子比主题 - 侧边动态时钟与温馨问候语-汇聚访

实用子比主题 – 侧边动态时钟与温馨问候语

动态的问候语和时间显示能够大大增强用户体验，通过使用 API 接口，我们可以方便地根据时间段提示相关的问候语和温馨提示，非常实用的一个小工具，这个小工具很简单，话不多说直接开始！！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：外观->>小工具->>自定义HTML的里面然后将小工具放到你想放到的位置 <div class="greeting-container"> <div class="clock-face"> <div class="clock-time" id="clock-time"></div> </div> <div class="greeting-text"> <div class="greeting" id="greeting"></div> <div class="tip" id="tip"></div> </div> </div> <style> .greeting-container { width: 100%; height: 150px; background-color: #f5f5f5;...
6个月前
建站笔记
2025-04-30
04-30
子比主题 - 加一个NEW居中标题样式美化-汇聚访

实用子比主题 – 加一个NEW居中标题样式美化

带有绿色标题和描述的效果。标题文字居中显示，并使用24px的大字体和绿色字体颜色。标题下方是一条带有分隔线的描述，描述文字为灰色小字体，两侧有一条水平线，使其更加醒目和易读。这个设计适用于强调新内容或重要信息的展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码直接丢到：外观-小工具-自定义HTML即可，自己喜欢就改一下里面文字 <div class="emoji-container"> <div class="emoji-title">NEW</div> <div class="emoji-separator emoji-sub emoji-sm">学无止境，活到老，学到老</div> </div> <style> .emoji-container{display:flex;flex-direction:column;align-items:center;text-align:center} .emoji-separator:before,.emoji-separator:after{content:"";background:#777;flex:1;height:1px;margin:0 10px;max-width:16%} .emoji-separator{display:flex;align-items:center;justify-content:center;width:100%} .emoji-sub{color:#8c92a1!important} .emoji-sm{font-size:14px} .emoji-title{font-size:24px;font-weight:bold;color:green} /*www.huijuf.com*/ </style> [/hidecontent]
6个月前
建站笔记
2025-04-30
04-30
子比主题 - 用户中心隐私功能-汇聚访

实用子比主题 – 用户中心隐私功能

子比主题用户中心的文章、评论、粉丝等默认全部人可见，但是有时不想让全部人可见就可以开启此功能！ 演示效果： 代码部署： [hidecontent type="reply"] 把以下代码添加到子比主题下，按顺序找到该文件/inc/functions/zib-author.php，在zib-author.php第374行把原代码删除掉粘贴下面代码。 //作者页面-评论tab function zib_main_author_tab_content_comment() { global $wp_query; $curauth = $wp_query->get_queried_object(); if (empty($curauth->ID)) { return; } $author_id = $curauth->ID; $current_user = wp_get_current_user(); $page = zib_get_the_paged(); if (isset($_POST['comment_visibility'])) { $new_visibility = sanitize_text_field($_POST['comment_visibility']);...
6个月前
建站笔记
2025-04-30
04-30
子比主题 - 文章顶部添加按钮样式-汇聚访

实用子比主题 – 文章顶部添加按钮样式

在浏览论坛时，我注意到一种非常吸引人的按钮样式。这个样式非常适合放在文章的开头，提升整体的视觉效果。同时，这个按钮也具有实用的功能。如果你感兴趣，可以自行进行部署哦！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：Zibll主题设置 – 文章内页 – 文章插入内容，前后自己选 <style> .hoayue_button_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 20px 0; width: 100%; box-sizing: border-box; } /*www.huijuf.com*/ .hoayue_button_block { display: flex; align-items:...
6个月前
建站笔记
2025-04-29
04-29
子比主题 - 分页按钮美化-汇聚访

实用子比主题 – 分页按钮美化

为你的网站添加翻页按钮美化，颜色随主题色自适应！ 演示效果： 代码部署： [hidecontent type="payshow"] 添加以下css代码到后台即可 /*页码样式微调*/ /*www.huijuf.com*/ .pagenav .current, .pagenav .page-numbers, .pagenav a { border: 0; padding: 8px 14px; background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color)); -webkit-box-shadow: 0 0 8px 0 rgba(95, 95, 95,...
6个月前
建站笔记
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"...
6个月前
建站笔记
2025-04-29
04-29
子比主题 - 文章标签美化-汇聚访

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

Zibll子比主题的文章标签默认是黑色字体+灰色背景，不是特别美观，如下图。今天站长美化一下，弄成文章随机彩色标签。 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义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: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags...
6个月前
建站笔记
1…222324252627跳转